@charset "UTF-8";
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter/Inter-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter/Inter-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter/Inter-MediumItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter/Inter-SemiBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter/Inter-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter/Inter-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/poppins/Poppins-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/poppins/Poppins-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/poppins/Poppins-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/poppins/Poppins-MediumItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/poppins/Poppins-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/poppins/Poppins-SemiBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/poppins/Poppins-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/poppins/Poppins-BoldItalic.woff2") format("woff2");
}
:root {
  --color-primary-50: rgb(244.1, 247.2, 254);
  --color-primary-100: rgb(222.3, 231.6, 252);
  --color-primary-200: rgb(189.6, 208.2, 249);
  --color-primary-300: #92b1f5;
  --color-primary-400: rgb(102.4, 145.8, 241);
  --color-primary-500: #2563EB;
  --color-primary-600: rgb(35.15, 94.05, 223.25);
  --color-primary-700: rgb(27.75, 74.25, 176.25);
  --color-primary-800: rgb(18.5, 49.5, 117.5);
  --color-primary-900: rgb(9.25, 24.75, 58.75);
  --color-primary-alpha-10: rgba(37, 99, 235, 0.1);
  --color-primary-alpha-20: rgba(37, 99, 235, 0.2);
  --color-primary-alpha-30: rgba(37, 99, 235, 0.3);
  --color-primary-alpha-40: rgba(37, 99, 235, 0.4);
  --color-primary-alpha-50: rgba(37, 99, 235, 0.5);
  --color-primary-alpha-60: rgba(37, 99, 235, 0.6);
  --color-primary-alpha-70: rgba(37, 99, 235, 0.7);
  --color-primary-alpha-80: rgba(37, 99, 235, 0.8);
  --color-primary-alpha-90: rgba(37, 99, 235, 0.9);
  --color-secondary-50: rgb(254.75, 252.45, 243.3);
  --color-secondary-100: rgb(254.25, 247.35, 219.9);
  --color-secondary-200: rgb(253.5, 239.7, 184.8);
  --color-secondary-300: rgb(252.5, 229.5, 138);
  --color-secondary-400: rgb(251.5, 219.3, 91.2);
  --color-secondary-500: #FACC15;
  --color-secondary-600: rgb(237.5, 193.8, 19.95);
  --color-secondary-700: rgb(187.5, 153, 15.75);
  --color-secondary-800: rgb(125, 102, 10.5);
  --color-secondary-900: rgb(62.5, 51, 5.25);
  --color-secondary-alpha-10: rgba(250, 204, 21, 0.1);
  --color-secondary-alpha-20: rgba(250, 204, 21, 0.2);
  --color-secondary-alpha-30: rgba(250, 204, 21, 0.3);
  --color-secondary-alpha-40: rgba(250, 204, 21, 0.4);
  --color-secondary-alpha-50: rgba(250, 204, 21, 0.5);
  --color-secondary-alpha-60: rgba(250, 204, 21, 0.6);
  --color-secondary-alpha-70: rgba(250, 204, 21, 0.7);
  --color-secondary-alpha-80: rgba(250, 204, 21, 0.8);
  --color-secondary-alpha-90: rgba(250, 204, 21, 0.9);
  --color-cta-50: rgb(253.25, 244.15, 244.15);
  --color-cta-100: rgb(249.75, 222.45, 222.45);
  --color-cta-200: rgb(244.5, 189.9, 189.9);
  --color-cta-300: rgb(237.5, 146.5, 146.5);
  --color-cta-400: rgb(230.5, 103.1, 103.1);
  --color-cta-500: #DC2626;
  --color-cta-600: rgb(209, 36.1, 36.1);
  --color-cta-700: rgb(165, 28.5, 28.5);
  --color-cta-800: #6e1313;
  --color-cta-900: rgb(55, 9.5, 9.5);
  --color-cta-alpha-10: rgba(220, 38, 38, 0.1);
  --color-cta-alpha-20: rgba(220, 38, 38, 0.2);
  --color-cta-alpha-30: rgba(220, 38, 38, 0.3);
  --color-cta-alpha-40: rgba(220, 38, 38, 0.4);
  --color-cta-alpha-50: rgba(220, 38, 38, 0.5);
  --color-cta-alpha-60: rgba(220, 38, 38, 0.6);
  --color-cta-alpha-70: rgba(220, 38, 38, 0.7);
  --color-cta-alpha-80: rgba(220, 38, 38, 0.8);
  --color-cta-alpha-90: rgba(220, 38, 38, 0.9);
  --color-neutral-50: rgb(247.6, 247.95, 248.65);
  --color-neutral-100: rgb(232.8, 233.85, 235.95);
  --color-neutral-200: rgb(210.6, 212.7, 216.9);
  --color-neutral-300: rgb(181, 184.5, 191.5);
  --color-neutral-400: rgb(151.4, 156.3, 166.1);
  --color-neutral-500: #6b7280;
  --color-neutral-600: rgb(101.65, 108.3, 121.6);
  --color-neutral-700: rgb(80.25, 85.5, 96);
  --color-neutral-800: rgb(53.5, 57, 64);
  --color-neutral-900: rgb(26.75, 28.5, 32);
  --color-neutral-alpha-10: rgba(107, 114, 128, 0.1);
  --color-neutral-alpha-20: rgba(107, 114, 128, 0.2);
  --color-neutral-alpha-30: rgba(107, 114, 128, 0.3);
  --color-neutral-alpha-40: rgba(107, 114, 128, 0.4);
  --color-neutral-alpha-50: rgba(107, 114, 128, 0.5);
  --color-neutral-alpha-60: rgba(107, 114, 128, 0.6);
  --color-neutral-alpha-70: rgba(107, 114, 128, 0.7);
  --color-neutral-alpha-80: rgba(107, 114, 128, 0.8);
  --color-neutral-alpha-90: rgba(107, 114, 128, 0.9);
  --color-success: #0D9488;
  --color-warning: #FACC15;
  --color-error: #DC2626;
  --color-info: #2563EB;
  --color-success-50: rgb(242.9, 249.65, 249.05);
  --color-success-500: #0D9488;
  --color-success-700: rgb(9.75, 111, 102);
  --color-warning-50: rgb(254.75, 252.45, 243.3);
  --color-warning-500: #FACC15;
  --color-warning-700: rgb(187.5, 153, 15.75);
  --color-error-50: rgb(253.25, 244.15, 244.15);
  --color-error-500: #DC2626;
  --color-error-700: rgb(165, 28.5, 28.5);
  --color-info-50: rgb(244.1, 247.2, 254);
  --color-info-500: #2563EB;
  --color-info-700: rgb(27.75, 74.25, 176.25);
  --color-background: #FEFEFE;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --font-family-sans: Inter, Avenir, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --font-family-heading: Poppins, Avenir, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  --font-family-serif: Georgia, Cambria, Times New Roman, Times, serif;
  --font-family-mono: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;
  --font-size-7xl: 4.5rem;
  --font-size-8xl: 6rem;
  --font-size-9xl: 8rem;
  --font-weight-thin: 100;
  --font-weight-extralight: 200;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --line-height-none: 1;
  --line-height-tight: 1.25;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;
  --letter-spacing-tighter: -0.05em;
  --letter-spacing-tight: -0.025em;
  --letter-spacing-normal: 0em;
  --letter-spacing-wide: 0.025em;
  --letter-spacing-wider: 0.05em;
  --letter-spacing-widest: 0.1em;
  --spacing-0: 0;
  --spacing-0-5: 0.125rem;
  --spacing-1: 0.25rem;
  --spacing-1-5: 0.375rem;
  --spacing-2: 0.5rem;
  --spacing-2-5: 0.625rem;
  --spacing-3: 0.75rem;
  --spacing-3-5: 0.875rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-14: 3.5rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-28: 7rem;
  --spacing-32: 8rem;
  --spacing-36: 9rem;
  --spacing-40: 10rem;
  --spacing-44: 11rem;
  --spacing-48: 12rem;
  --spacing-52: 13rem;
  --spacing-56: 14rem;
  --spacing-60: 15rem;
  --spacing-64: 16rem;
  --spacing-72: 18rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
  --spacing-115: 28rem;
  --breakpoint-xs: 375px;
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;
  --container-xs: 375px;
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1280px;
  --container-2xl: 1536px;
  --z-index-0: 0;
  --z-index-10: 10;
  --z-index-20: 20;
  --z-index-30: 30;
  --z-index-40: 40;
  --z-index-50: 50;
  --z-index-dropdown: 1000;
  --z-index-sticky: 1020;
  --z-index-fixed: 1030;
  --z-index-modal-backdrop: 1040;
  --z-index-modal: 1050;
  --z-index-popover: 1060;
  --z-index-tooltip: 1070;
  --border-width-0: 0;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-4: 4px;
  --border-width-8: 8px;
  --border-radius-none: 0;
  --border-radius-sm: 0.125rem;
  --border-radius-base: 0.25rem;
  --border-radius-md: 0.375rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 0.75rem;
  --border-radius-2xl: 1rem;
  --border-radius-3xl: 1.5rem;
  --border-radius-large: 1.25rem;
  --border-radius-full: 9999px;
  --shadow-none: none;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  --duration-fast: 150ms;
  --duration-base: 200ms;
  --duration-medium: 300ms;
  --duration-slow: 500ms;
  --easing-linear: linear;
  --easing-in: cubic-bezier(0.4, 0, 1, 1);
  --easing-out: cubic-bezier(0, 0, 0.2, 1);
  --easing-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}

.is-bg-color--primary-50 {
  background-color: rgb(244.1, 247.2, 254) !important;
  color: #000 !important;
}
.is-bg-color--primary-50 > * {
  color: #000 !important;
}

.is-color--primary-50 {
  --dxp-c-text-block-text-color: rgb(244.1, 247.2, 254);
  color: rgb(244.1, 247.2, 254) !important;
}
.is-color--primary-50 > * {
  color: rgb(244.1, 247.2, 254) !important;
}

.is-border-top--primary-50 {
  border-top: 1px solid rgb(244.1, 247.2, 254) !important;
}

.is-border-bottom--primary-50 {
  border-bottom: 1px solid rgb(244.1, 247.2, 254) !important;
}

.is-border-right--primary-50 {
  border-right: 1px solid rgb(244.1, 247.2, 254) !important;
}

.is-border-left--primary-50 {
  border-left: 1px solid rgb(244.1, 247.2, 254) !important;
}

.is-border-vertical--primary-50 {
  border-top: 1px solid rgb(244.1, 247.2, 254) !important;
  border-bottom: 1px solid rgb(244.1, 247.2, 254) !important;
}

.is-border-horizontal--primary-50 {
  border-left: 1px solid rgb(244.1, 247.2, 254) !important;
  border-right: 1px solid rgb(244.1, 247.2, 254) !important;
}

.is-bg-color--primary-100 {
  background-color: rgb(222.3, 231.6, 252) !important;
  color: #000 !important;
}
.is-bg-color--primary-100 > * {
  color: #000 !important;
}

.is-color--primary-100 {
  --dxp-c-text-block-text-color: rgb(222.3, 231.6, 252);
  color: rgb(222.3, 231.6, 252) !important;
}
.is-color--primary-100 > * {
  color: rgb(222.3, 231.6, 252) !important;
}

.is-border-top--primary-100 {
  border-top: 1px solid rgb(222.3, 231.6, 252) !important;
}

.is-border-bottom--primary-100 {
  border-bottom: 1px solid rgb(222.3, 231.6, 252) !important;
}

.is-border-right--primary-100 {
  border-right: 1px solid rgb(222.3, 231.6, 252) !important;
}

.is-border-left--primary-100 {
  border-left: 1px solid rgb(222.3, 231.6, 252) !important;
}

.is-border-vertical--primary-100 {
  border-top: 1px solid rgb(222.3, 231.6, 252) !important;
  border-bottom: 1px solid rgb(222.3, 231.6, 252) !important;
}

.is-border-horizontal--primary-100 {
  border-left: 1px solid rgb(222.3, 231.6, 252) !important;
  border-right: 1px solid rgb(222.3, 231.6, 252) !important;
}

.is-bg-color--primary-200 {
  background-color: rgb(189.6, 208.2, 249) !important;
  color: #000 !important;
}
.is-bg-color--primary-200 > * {
  color: #000 !important;
}

.is-color--primary-200 {
  --dxp-c-text-block-text-color: rgb(189.6, 208.2, 249);
  color: rgb(189.6, 208.2, 249) !important;
}
.is-color--primary-200 > * {
  color: rgb(189.6, 208.2, 249) !important;
}

.is-border-top--primary-200 {
  border-top: 1px solid rgb(189.6, 208.2, 249) !important;
}

.is-border-bottom--primary-200 {
  border-bottom: 1px solid rgb(189.6, 208.2, 249) !important;
}

.is-border-right--primary-200 {
  border-right: 1px solid rgb(189.6, 208.2, 249) !important;
}

.is-border-left--primary-200 {
  border-left: 1px solid rgb(189.6, 208.2, 249) !important;
}

.is-border-vertical--primary-200 {
  border-top: 1px solid rgb(189.6, 208.2, 249) !important;
  border-bottom: 1px solid rgb(189.6, 208.2, 249) !important;
}

.is-border-horizontal--primary-200 {
  border-left: 1px solid rgb(189.6, 208.2, 249) !important;
  border-right: 1px solid rgb(189.6, 208.2, 249) !important;
}

.is-bg-color--primary-300 {
  background-color: #92b1f5 !important;
  color: #000 !important;
}
.is-bg-color--primary-300 > * {
  color: #000 !important;
}

.is-color--primary-300 {
  --dxp-c-text-block-text-color: #92b1f5;
  color: #92b1f5 !important;
}
.is-color--primary-300 > * {
  color: #92b1f5 !important;
}

.is-border-top--primary-300 {
  border-top: 1px solid #92b1f5 !important;
}

.is-border-bottom--primary-300 {
  border-bottom: 1px solid #92b1f5 !important;
}

.is-border-right--primary-300 {
  border-right: 1px solid #92b1f5 !important;
}

.is-border-left--primary-300 {
  border-left: 1px solid #92b1f5 !important;
}

.is-border-vertical--primary-300 {
  border-top: 1px solid #92b1f5 !important;
  border-bottom: 1px solid #92b1f5 !important;
}

.is-border-horizontal--primary-300 {
  border-left: 1px solid #92b1f5 !important;
  border-right: 1px solid #92b1f5 !important;
}

.is-bg-color--primary-400 {
  background-color: rgb(102.4, 145.8, 241) !important;
  color: #000 !important;
}
.is-bg-color--primary-400 > * {
  color: #000 !important;
}

.is-color--primary-400 {
  --dxp-c-text-block-text-color: rgb(102.4, 145.8, 241);
  color: rgb(102.4, 145.8, 241) !important;
}
.is-color--primary-400 > * {
  color: rgb(102.4, 145.8, 241) !important;
}

.is-border-top--primary-400 {
  border-top: 1px solid rgb(102.4, 145.8, 241) !important;
}

.is-border-bottom--primary-400 {
  border-bottom: 1px solid rgb(102.4, 145.8, 241) !important;
}

.is-border-right--primary-400 {
  border-right: 1px solid rgb(102.4, 145.8, 241) !important;
}

.is-border-left--primary-400 {
  border-left: 1px solid rgb(102.4, 145.8, 241) !important;
}

.is-border-vertical--primary-400 {
  border-top: 1px solid rgb(102.4, 145.8, 241) !important;
  border-bottom: 1px solid rgb(102.4, 145.8, 241) !important;
}

.is-border-horizontal--primary-400 {
  border-left: 1px solid rgb(102.4, 145.8, 241) !important;
  border-right: 1px solid rgb(102.4, 145.8, 241) !important;
}

.is-bg-color--primary-500 {
  background-color: #2563EB !important;
  color: #fff !important;
}
.is-bg-color--primary-500 > * {
  color: #fff !important;
}

.is-color--primary-500 {
  --dxp-c-text-block-text-color: #2563EB;
  color: #2563EB !important;
}
.is-color--primary-500 > * {
  color: #2563EB !important;
}

.is-border-top--primary-500 {
  border-top: 1px solid #2563EB !important;
}

.is-border-bottom--primary-500 {
  border-bottom: 1px solid #2563EB !important;
}

.is-border-right--primary-500 {
  border-right: 1px solid #2563EB !important;
}

.is-border-left--primary-500 {
  border-left: 1px solid #2563EB !important;
}

.is-border-vertical--primary-500 {
  border-top: 1px solid #2563EB !important;
  border-bottom: 1px solid #2563EB !important;
}

.is-border-horizontal--primary-500 {
  border-left: 1px solid #2563EB !important;
  border-right: 1px solid #2563EB !important;
}

.is-bg-color--primary-600 {
  background-color: rgb(35.15, 94.05, 223.25) !important;
  color: #fff !important;
}
.is-bg-color--primary-600 > * {
  color: #fff !important;
}

.is-color--primary-600 {
  --dxp-c-text-block-text-color: rgb(35.15, 94.05, 223.25);
  color: rgb(35.15, 94.05, 223.25) !important;
}
.is-color--primary-600 > * {
  color: rgb(35.15, 94.05, 223.25) !important;
}

.is-border-top--primary-600 {
  border-top: 1px solid rgb(35.15, 94.05, 223.25) !important;
}

.is-border-bottom--primary-600 {
  border-bottom: 1px solid rgb(35.15, 94.05, 223.25) !important;
}

.is-border-right--primary-600 {
  border-right: 1px solid rgb(35.15, 94.05, 223.25) !important;
}

.is-border-left--primary-600 {
  border-left: 1px solid rgb(35.15, 94.05, 223.25) !important;
}

.is-border-vertical--primary-600 {
  border-top: 1px solid rgb(35.15, 94.05, 223.25) !important;
  border-bottom: 1px solid rgb(35.15, 94.05, 223.25) !important;
}

.is-border-horizontal--primary-600 {
  border-left: 1px solid rgb(35.15, 94.05, 223.25) !important;
  border-right: 1px solid rgb(35.15, 94.05, 223.25) !important;
}

.is-bg-color--primary-700 {
  background-color: rgb(27.75, 74.25, 176.25) !important;
  color: #fff !important;
}
.is-bg-color--primary-700 > * {
  color: #fff !important;
}

.is-color--primary-700 {
  --dxp-c-text-block-text-color: rgb(27.75, 74.25, 176.25);
  color: rgb(27.75, 74.25, 176.25) !important;
}
.is-color--primary-700 > * {
  color: rgb(27.75, 74.25, 176.25) !important;
}

.is-border-top--primary-700 {
  border-top: 1px solid rgb(27.75, 74.25, 176.25) !important;
}

.is-border-bottom--primary-700 {
  border-bottom: 1px solid rgb(27.75, 74.25, 176.25) !important;
}

.is-border-right--primary-700 {
  border-right: 1px solid rgb(27.75, 74.25, 176.25) !important;
}

.is-border-left--primary-700 {
  border-left: 1px solid rgb(27.75, 74.25, 176.25) !important;
}

.is-border-vertical--primary-700 {
  border-top: 1px solid rgb(27.75, 74.25, 176.25) !important;
  border-bottom: 1px solid rgb(27.75, 74.25, 176.25) !important;
}

.is-border-horizontal--primary-700 {
  border-left: 1px solid rgb(27.75, 74.25, 176.25) !important;
  border-right: 1px solid rgb(27.75, 74.25, 176.25) !important;
}

.is-bg-color--primary-800 {
  background-color: rgb(18.5, 49.5, 117.5) !important;
  color: #fff !important;
}
.is-bg-color--primary-800 > * {
  color: #fff !important;
}

.is-color--primary-800 {
  --dxp-c-text-block-text-color: rgb(18.5, 49.5, 117.5);
  color: rgb(18.5, 49.5, 117.5) !important;
}
.is-color--primary-800 > * {
  color: rgb(18.5, 49.5, 117.5) !important;
}

.is-border-top--primary-800 {
  border-top: 1px solid rgb(18.5, 49.5, 117.5) !important;
}

.is-border-bottom--primary-800 {
  border-bottom: 1px solid rgb(18.5, 49.5, 117.5) !important;
}

.is-border-right--primary-800 {
  border-right: 1px solid rgb(18.5, 49.5, 117.5) !important;
}

.is-border-left--primary-800 {
  border-left: 1px solid rgb(18.5, 49.5, 117.5) !important;
}

.is-border-vertical--primary-800 {
  border-top: 1px solid rgb(18.5, 49.5, 117.5) !important;
  border-bottom: 1px solid rgb(18.5, 49.5, 117.5) !important;
}

.is-border-horizontal--primary-800 {
  border-left: 1px solid rgb(18.5, 49.5, 117.5) !important;
  border-right: 1px solid rgb(18.5, 49.5, 117.5) !important;
}

.is-bg-color--primary-900 {
  background-color: rgb(9.25, 24.75, 58.75) !important;
  color: #fff !important;
}
.is-bg-color--primary-900 > * {
  color: #fff !important;
}

.is-color--primary-900 {
  --dxp-c-text-block-text-color: rgb(9.25, 24.75, 58.75);
  color: rgb(9.25, 24.75, 58.75) !important;
}
.is-color--primary-900 > * {
  color: rgb(9.25, 24.75, 58.75) !important;
}

.is-border-top--primary-900 {
  border-top: 1px solid rgb(9.25, 24.75, 58.75) !important;
}

.is-border-bottom--primary-900 {
  border-bottom: 1px solid rgb(9.25, 24.75, 58.75) !important;
}

.is-border-right--primary-900 {
  border-right: 1px solid rgb(9.25, 24.75, 58.75) !important;
}

.is-border-left--primary-900 {
  border-left: 1px solid rgb(9.25, 24.75, 58.75) !important;
}

.is-border-vertical--primary-900 {
  border-top: 1px solid rgb(9.25, 24.75, 58.75) !important;
  border-bottom: 1px solid rgb(9.25, 24.75, 58.75) !important;
}

.is-border-horizontal--primary-900 {
  border-left: 1px solid rgb(9.25, 24.75, 58.75) !important;
  border-right: 1px solid rgb(9.25, 24.75, 58.75) !important;
}

.is-bg-color--primary-alpha-10 {
  background-color: rgba(37, 99, 235, 0.1) !important;
  color: #fff !important;
}
.is-bg-color--primary-alpha-10 > * {
  color: #fff !important;
}

.is-color--primary-alpha-10 {
  --dxp-c-text-block-text-color: rgba(37, 99, 235, 0.1);
  color: rgba(37, 99, 235, 0.1) !important;
}
.is-color--primary-alpha-10 > * {
  color: rgba(37, 99, 235, 0.1) !important;
}

.is-border-top--primary-alpha-10 {
  border-top: 1px solid rgba(37, 99, 235, 0.1) !important;
}

.is-border-bottom--primary-alpha-10 {
  border-bottom: 1px solid rgba(37, 99, 235, 0.1) !important;
}

.is-border-right--primary-alpha-10 {
  border-right: 1px solid rgba(37, 99, 235, 0.1) !important;
}

.is-border-left--primary-alpha-10 {
  border-left: 1px solid rgba(37, 99, 235, 0.1) !important;
}

.is-border-vertical--primary-alpha-10 {
  border-top: 1px solid rgba(37, 99, 235, 0.1) !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.1) !important;
}

.is-border-horizontal--primary-alpha-10 {
  border-left: 1px solid rgba(37, 99, 235, 0.1) !important;
  border-right: 1px solid rgba(37, 99, 235, 0.1) !important;
}

.is-bg-color--primary-alpha-20 {
  background-color: rgba(37, 99, 235, 0.2) !important;
  color: #fff !important;
}
.is-bg-color--primary-alpha-20 > * {
  color: #fff !important;
}

.is-color--primary-alpha-20 {
  --dxp-c-text-block-text-color: rgba(37, 99, 235, 0.2);
  color: rgba(37, 99, 235, 0.2) !important;
}
.is-color--primary-alpha-20 > * {
  color: rgba(37, 99, 235, 0.2) !important;
}

.is-border-top--primary-alpha-20 {
  border-top: 1px solid rgba(37, 99, 235, 0.2) !important;
}

.is-border-bottom--primary-alpha-20 {
  border-bottom: 1px solid rgba(37, 99, 235, 0.2) !important;
}

.is-border-right--primary-alpha-20 {
  border-right: 1px solid rgba(37, 99, 235, 0.2) !important;
}

.is-border-left--primary-alpha-20 {
  border-left: 1px solid rgba(37, 99, 235, 0.2) !important;
}

.is-border-vertical--primary-alpha-20 {
  border-top: 1px solid rgba(37, 99, 235, 0.2) !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.2) !important;
}

.is-border-horizontal--primary-alpha-20 {
  border-left: 1px solid rgba(37, 99, 235, 0.2) !important;
  border-right: 1px solid rgba(37, 99, 235, 0.2) !important;
}

.is-bg-color--primary-alpha-30 {
  background-color: rgba(37, 99, 235, 0.3) !important;
  color: #fff !important;
}
.is-bg-color--primary-alpha-30 > * {
  color: #fff !important;
}

.is-color--primary-alpha-30 {
  --dxp-c-text-block-text-color: rgba(37, 99, 235, 0.3);
  color: rgba(37, 99, 235, 0.3) !important;
}
.is-color--primary-alpha-30 > * {
  color: rgba(37, 99, 235, 0.3) !important;
}

.is-border-top--primary-alpha-30 {
  border-top: 1px solid rgba(37, 99, 235, 0.3) !important;
}

.is-border-bottom--primary-alpha-30 {
  border-bottom: 1px solid rgba(37, 99, 235, 0.3) !important;
}

.is-border-right--primary-alpha-30 {
  border-right: 1px solid rgba(37, 99, 235, 0.3) !important;
}

.is-border-left--primary-alpha-30 {
  border-left: 1px solid rgba(37, 99, 235, 0.3) !important;
}

.is-border-vertical--primary-alpha-30 {
  border-top: 1px solid rgba(37, 99, 235, 0.3) !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.3) !important;
}

.is-border-horizontal--primary-alpha-30 {
  border-left: 1px solid rgba(37, 99, 235, 0.3) !important;
  border-right: 1px solid rgba(37, 99, 235, 0.3) !important;
}

.is-bg-color--primary-alpha-40 {
  background-color: rgba(37, 99, 235, 0.4) !important;
  color: #fff !important;
}
.is-bg-color--primary-alpha-40 > * {
  color: #fff !important;
}

.is-color--primary-alpha-40 {
  --dxp-c-text-block-text-color: rgba(37, 99, 235, 0.4);
  color: rgba(37, 99, 235, 0.4) !important;
}
.is-color--primary-alpha-40 > * {
  color: rgba(37, 99, 235, 0.4) !important;
}

.is-border-top--primary-alpha-40 {
  border-top: 1px solid rgba(37, 99, 235, 0.4) !important;
}

.is-border-bottom--primary-alpha-40 {
  border-bottom: 1px solid rgba(37, 99, 235, 0.4) !important;
}

.is-border-right--primary-alpha-40 {
  border-right: 1px solid rgba(37, 99, 235, 0.4) !important;
}

.is-border-left--primary-alpha-40 {
  border-left: 1px solid rgba(37, 99, 235, 0.4) !important;
}

.is-border-vertical--primary-alpha-40 {
  border-top: 1px solid rgba(37, 99, 235, 0.4) !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.4) !important;
}

.is-border-horizontal--primary-alpha-40 {
  border-left: 1px solid rgba(37, 99, 235, 0.4) !important;
  border-right: 1px solid rgba(37, 99, 235, 0.4) !important;
}

.is-bg-color--primary-alpha-50 {
  background-color: rgba(37, 99, 235, 0.5) !important;
  color: #fff !important;
}
.is-bg-color--primary-alpha-50 > * {
  color: #fff !important;
}

.is-color--primary-alpha-50 {
  --dxp-c-text-block-text-color: rgba(37, 99, 235, 0.5);
  color: rgba(37, 99, 235, 0.5) !important;
}
.is-color--primary-alpha-50 > * {
  color: rgba(37, 99, 235, 0.5) !important;
}

.is-border-top--primary-alpha-50 {
  border-top: 1px solid rgba(37, 99, 235, 0.5) !important;
}

.is-border-bottom--primary-alpha-50 {
  border-bottom: 1px solid rgba(37, 99, 235, 0.5) !important;
}

.is-border-right--primary-alpha-50 {
  border-right: 1px solid rgba(37, 99, 235, 0.5) !important;
}

.is-border-left--primary-alpha-50 {
  border-left: 1px solid rgba(37, 99, 235, 0.5) !important;
}

.is-border-vertical--primary-alpha-50 {
  border-top: 1px solid rgba(37, 99, 235, 0.5) !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.5) !important;
}

.is-border-horizontal--primary-alpha-50 {
  border-left: 1px solid rgba(37, 99, 235, 0.5) !important;
  border-right: 1px solid rgba(37, 99, 235, 0.5) !important;
}

.is-bg-color--primary-alpha-60 {
  background-color: rgba(37, 99, 235, 0.6) !important;
  color: #fff !important;
}
.is-bg-color--primary-alpha-60 > * {
  color: #fff !important;
}

.is-color--primary-alpha-60 {
  --dxp-c-text-block-text-color: rgba(37, 99, 235, 0.6);
  color: rgba(37, 99, 235, 0.6) !important;
}
.is-color--primary-alpha-60 > * {
  color: rgba(37, 99, 235, 0.6) !important;
}

.is-border-top--primary-alpha-60 {
  border-top: 1px solid rgba(37, 99, 235, 0.6) !important;
}

.is-border-bottom--primary-alpha-60 {
  border-bottom: 1px solid rgba(37, 99, 235, 0.6) !important;
}

.is-border-right--primary-alpha-60 {
  border-right: 1px solid rgba(37, 99, 235, 0.6) !important;
}

.is-border-left--primary-alpha-60 {
  border-left: 1px solid rgba(37, 99, 235, 0.6) !important;
}

.is-border-vertical--primary-alpha-60 {
  border-top: 1px solid rgba(37, 99, 235, 0.6) !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.6) !important;
}

.is-border-horizontal--primary-alpha-60 {
  border-left: 1px solid rgba(37, 99, 235, 0.6) !important;
  border-right: 1px solid rgba(37, 99, 235, 0.6) !important;
}

.is-bg-color--primary-alpha-70 {
  background-color: rgba(37, 99, 235, 0.7) !important;
  color: #fff !important;
}
.is-bg-color--primary-alpha-70 > * {
  color: #fff !important;
}

.is-color--primary-alpha-70 {
  --dxp-c-text-block-text-color: rgba(37, 99, 235, 0.7);
  color: rgba(37, 99, 235, 0.7) !important;
}
.is-color--primary-alpha-70 > * {
  color: rgba(37, 99, 235, 0.7) !important;
}

.is-border-top--primary-alpha-70 {
  border-top: 1px solid rgba(37, 99, 235, 0.7) !important;
}

.is-border-bottom--primary-alpha-70 {
  border-bottom: 1px solid rgba(37, 99, 235, 0.7) !important;
}

.is-border-right--primary-alpha-70 {
  border-right: 1px solid rgba(37, 99, 235, 0.7) !important;
}

.is-border-left--primary-alpha-70 {
  border-left: 1px solid rgba(37, 99, 235, 0.7) !important;
}

.is-border-vertical--primary-alpha-70 {
  border-top: 1px solid rgba(37, 99, 235, 0.7) !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.7) !important;
}

.is-border-horizontal--primary-alpha-70 {
  border-left: 1px solid rgba(37, 99, 235, 0.7) !important;
  border-right: 1px solid rgba(37, 99, 235, 0.7) !important;
}

.is-bg-color--primary-alpha-80 {
  background-color: rgba(37, 99, 235, 0.8) !important;
  color: #fff !important;
}
.is-bg-color--primary-alpha-80 > * {
  color: #fff !important;
}

.is-color--primary-alpha-80 {
  --dxp-c-text-block-text-color: rgba(37, 99, 235, 0.8);
  color: rgba(37, 99, 235, 0.8) !important;
}
.is-color--primary-alpha-80 > * {
  color: rgba(37, 99, 235, 0.8) !important;
}

.is-border-top--primary-alpha-80 {
  border-top: 1px solid rgba(37, 99, 235, 0.8) !important;
}

.is-border-bottom--primary-alpha-80 {
  border-bottom: 1px solid rgba(37, 99, 235, 0.8) !important;
}

.is-border-right--primary-alpha-80 {
  border-right: 1px solid rgba(37, 99, 235, 0.8) !important;
}

.is-border-left--primary-alpha-80 {
  border-left: 1px solid rgba(37, 99, 235, 0.8) !important;
}

.is-border-vertical--primary-alpha-80 {
  border-top: 1px solid rgba(37, 99, 235, 0.8) !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.8) !important;
}

.is-border-horizontal--primary-alpha-80 {
  border-left: 1px solid rgba(37, 99, 235, 0.8) !important;
  border-right: 1px solid rgba(37, 99, 235, 0.8) !important;
}

.is-bg-color--primary-alpha-90 {
  background-color: rgba(37, 99, 235, 0.9) !important;
  color: #fff !important;
}
.is-bg-color--primary-alpha-90 > * {
  color: #fff !important;
}

.is-color--primary-alpha-90 {
  --dxp-c-text-block-text-color: rgba(37, 99, 235, 0.9);
  color: rgba(37, 99, 235, 0.9) !important;
}
.is-color--primary-alpha-90 > * {
  color: rgba(37, 99, 235, 0.9) !important;
}

.is-border-top--primary-alpha-90 {
  border-top: 1px solid rgba(37, 99, 235, 0.9) !important;
}

.is-border-bottom--primary-alpha-90 {
  border-bottom: 1px solid rgba(37, 99, 235, 0.9) !important;
}

.is-border-right--primary-alpha-90 {
  border-right: 1px solid rgba(37, 99, 235, 0.9) !important;
}

.is-border-left--primary-alpha-90 {
  border-left: 1px solid rgba(37, 99, 235, 0.9) !important;
}

.is-border-vertical--primary-alpha-90 {
  border-top: 1px solid rgba(37, 99, 235, 0.9) !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.9) !important;
}

.is-border-horizontal--primary-alpha-90 {
  border-left: 1px solid rgba(37, 99, 235, 0.9) !important;
  border-right: 1px solid rgba(37, 99, 235, 0.9) !important;
}

.is-bg-color--secondary-50 {
  background-color: rgb(254.75, 252.45, 243.3) !important;
  color: #000 !important;
}
.is-bg-color--secondary-50 > * {
  color: #000 !important;
}

.is-color--secondary-50 {
  --dxp-c-text-block-text-color: rgb(254.75, 252.45, 243.3);
  color: rgb(254.75, 252.45, 243.3) !important;
}
.is-color--secondary-50 > * {
  color: rgb(254.75, 252.45, 243.3) !important;
}

.is-border-top--secondary-50 {
  border-top: 1px solid rgb(254.75, 252.45, 243.3) !important;
}

.is-border-bottom--secondary-50 {
  border-bottom: 1px solid rgb(254.75, 252.45, 243.3) !important;
}

.is-border-right--secondary-50 {
  border-right: 1px solid rgb(254.75, 252.45, 243.3) !important;
}

.is-border-left--secondary-50 {
  border-left: 1px solid rgb(254.75, 252.45, 243.3) !important;
}

.is-border-vertical--secondary-50 {
  border-top: 1px solid rgb(254.75, 252.45, 243.3) !important;
  border-bottom: 1px solid rgb(254.75, 252.45, 243.3) !important;
}

.is-border-horizontal--secondary-50 {
  border-left: 1px solid rgb(254.75, 252.45, 243.3) !important;
  border-right: 1px solid rgb(254.75, 252.45, 243.3) !important;
}

.is-bg-color--secondary-100 {
  background-color: rgb(254.25, 247.35, 219.9) !important;
  color: #000 !important;
}
.is-bg-color--secondary-100 > * {
  color: #000 !important;
}

.is-color--secondary-100 {
  --dxp-c-text-block-text-color: rgb(254.25, 247.35, 219.9);
  color: rgb(254.25, 247.35, 219.9) !important;
}
.is-color--secondary-100 > * {
  color: rgb(254.25, 247.35, 219.9) !important;
}

.is-border-top--secondary-100 {
  border-top: 1px solid rgb(254.25, 247.35, 219.9) !important;
}

.is-border-bottom--secondary-100 {
  border-bottom: 1px solid rgb(254.25, 247.35, 219.9) !important;
}

.is-border-right--secondary-100 {
  border-right: 1px solid rgb(254.25, 247.35, 219.9) !important;
}

.is-border-left--secondary-100 {
  border-left: 1px solid rgb(254.25, 247.35, 219.9) !important;
}

.is-border-vertical--secondary-100 {
  border-top: 1px solid rgb(254.25, 247.35, 219.9) !important;
  border-bottom: 1px solid rgb(254.25, 247.35, 219.9) !important;
}

.is-border-horizontal--secondary-100 {
  border-left: 1px solid rgb(254.25, 247.35, 219.9) !important;
  border-right: 1px solid rgb(254.25, 247.35, 219.9) !important;
}

.is-bg-color--secondary-200 {
  background-color: rgb(253.5, 239.7, 184.8) !important;
  color: #000 !important;
}
.is-bg-color--secondary-200 > * {
  color: #000 !important;
}

.is-color--secondary-200 {
  --dxp-c-text-block-text-color: rgb(253.5, 239.7, 184.8);
  color: rgb(253.5, 239.7, 184.8) !important;
}
.is-color--secondary-200 > * {
  color: rgb(253.5, 239.7, 184.8) !important;
}

.is-border-top--secondary-200 {
  border-top: 1px solid rgb(253.5, 239.7, 184.8) !important;
}

.is-border-bottom--secondary-200 {
  border-bottom: 1px solid rgb(253.5, 239.7, 184.8) !important;
}

.is-border-right--secondary-200 {
  border-right: 1px solid rgb(253.5, 239.7, 184.8) !important;
}

.is-border-left--secondary-200 {
  border-left: 1px solid rgb(253.5, 239.7, 184.8) !important;
}

.is-border-vertical--secondary-200 {
  border-top: 1px solid rgb(253.5, 239.7, 184.8) !important;
  border-bottom: 1px solid rgb(253.5, 239.7, 184.8) !important;
}

.is-border-horizontal--secondary-200 {
  border-left: 1px solid rgb(253.5, 239.7, 184.8) !important;
  border-right: 1px solid rgb(253.5, 239.7, 184.8) !important;
}

.is-bg-color--secondary-300 {
  background-color: rgb(252.5, 229.5, 138) !important;
  color: #000 !important;
}
.is-bg-color--secondary-300 > * {
  color: #000 !important;
}

.is-color--secondary-300 {
  --dxp-c-text-block-text-color: rgb(252.5, 229.5, 138);
  color: rgb(252.5, 229.5, 138) !important;
}
.is-color--secondary-300 > * {
  color: rgb(252.5, 229.5, 138) !important;
}

.is-border-top--secondary-300 {
  border-top: 1px solid rgb(252.5, 229.5, 138) !important;
}

.is-border-bottom--secondary-300 {
  border-bottom: 1px solid rgb(252.5, 229.5, 138) !important;
}

.is-border-right--secondary-300 {
  border-right: 1px solid rgb(252.5, 229.5, 138) !important;
}

.is-border-left--secondary-300 {
  border-left: 1px solid rgb(252.5, 229.5, 138) !important;
}

.is-border-vertical--secondary-300 {
  border-top: 1px solid rgb(252.5, 229.5, 138) !important;
  border-bottom: 1px solid rgb(252.5, 229.5, 138) !important;
}

.is-border-horizontal--secondary-300 {
  border-left: 1px solid rgb(252.5, 229.5, 138) !important;
  border-right: 1px solid rgb(252.5, 229.5, 138) !important;
}

.is-bg-color--secondary-400 {
  background-color: rgb(251.5, 219.3, 91.2) !important;
  color: #000 !important;
}
.is-bg-color--secondary-400 > * {
  color: #000 !important;
}

.is-color--secondary-400 {
  --dxp-c-text-block-text-color: rgb(251.5, 219.3, 91.2);
  color: rgb(251.5, 219.3, 91.2) !important;
}
.is-color--secondary-400 > * {
  color: rgb(251.5, 219.3, 91.2) !important;
}

.is-border-top--secondary-400 {
  border-top: 1px solid rgb(251.5, 219.3, 91.2) !important;
}

.is-border-bottom--secondary-400 {
  border-bottom: 1px solid rgb(251.5, 219.3, 91.2) !important;
}

.is-border-right--secondary-400 {
  border-right: 1px solid rgb(251.5, 219.3, 91.2) !important;
}

.is-border-left--secondary-400 {
  border-left: 1px solid rgb(251.5, 219.3, 91.2) !important;
}

.is-border-vertical--secondary-400 {
  border-top: 1px solid rgb(251.5, 219.3, 91.2) !important;
  border-bottom: 1px solid rgb(251.5, 219.3, 91.2) !important;
}

.is-border-horizontal--secondary-400 {
  border-left: 1px solid rgb(251.5, 219.3, 91.2) !important;
  border-right: 1px solid rgb(251.5, 219.3, 91.2) !important;
}

.is-bg-color--secondary-500 {
  background-color: #FACC15 !important;
  color: #000 !important;
}
.is-bg-color--secondary-500 > * {
  color: #000 !important;
}

.is-color--secondary-500 {
  --dxp-c-text-block-text-color: #FACC15;
  color: #FACC15 !important;
}
.is-color--secondary-500 > * {
  color: #FACC15 !important;
}

.is-border-top--secondary-500 {
  border-top: 1px solid #FACC15 !important;
}

.is-border-bottom--secondary-500 {
  border-bottom: 1px solid #FACC15 !important;
}

.is-border-right--secondary-500 {
  border-right: 1px solid #FACC15 !important;
}

.is-border-left--secondary-500 {
  border-left: 1px solid #FACC15 !important;
}

.is-border-vertical--secondary-500 {
  border-top: 1px solid #FACC15 !important;
  border-bottom: 1px solid #FACC15 !important;
}

.is-border-horizontal--secondary-500 {
  border-left: 1px solid #FACC15 !important;
  border-right: 1px solid #FACC15 !important;
}

.is-bg-color--secondary-600 {
  background-color: rgb(237.5, 193.8, 19.95) !important;
  color: #000 !important;
}
.is-bg-color--secondary-600 > * {
  color: #000 !important;
}

.is-color--secondary-600 {
  --dxp-c-text-block-text-color: rgb(237.5, 193.8, 19.95);
  color: rgb(237.5, 193.8, 19.95) !important;
}
.is-color--secondary-600 > * {
  color: rgb(237.5, 193.8, 19.95) !important;
}

.is-border-top--secondary-600 {
  border-top: 1px solid rgb(237.5, 193.8, 19.95) !important;
}

.is-border-bottom--secondary-600 {
  border-bottom: 1px solid rgb(237.5, 193.8, 19.95) !important;
}

.is-border-right--secondary-600 {
  border-right: 1px solid rgb(237.5, 193.8, 19.95) !important;
}

.is-border-left--secondary-600 {
  border-left: 1px solid rgb(237.5, 193.8, 19.95) !important;
}

.is-border-vertical--secondary-600 {
  border-top: 1px solid rgb(237.5, 193.8, 19.95) !important;
  border-bottom: 1px solid rgb(237.5, 193.8, 19.95) !important;
}

.is-border-horizontal--secondary-600 {
  border-left: 1px solid rgb(237.5, 193.8, 19.95) !important;
  border-right: 1px solid rgb(237.5, 193.8, 19.95) !important;
}

.is-bg-color--secondary-700 {
  background-color: rgb(187.5, 153, 15.75) !important;
  color: #000 !important;
}
.is-bg-color--secondary-700 > * {
  color: #000 !important;
}

.is-color--secondary-700 {
  --dxp-c-text-block-text-color: rgb(187.5, 153, 15.75);
  color: rgb(187.5, 153, 15.75) !important;
}
.is-color--secondary-700 > * {
  color: rgb(187.5, 153, 15.75) !important;
}

.is-border-top--secondary-700 {
  border-top: 1px solid rgb(187.5, 153, 15.75) !important;
}

.is-border-bottom--secondary-700 {
  border-bottom: 1px solid rgb(187.5, 153, 15.75) !important;
}

.is-border-right--secondary-700 {
  border-right: 1px solid rgb(187.5, 153, 15.75) !important;
}

.is-border-left--secondary-700 {
  border-left: 1px solid rgb(187.5, 153, 15.75) !important;
}

.is-border-vertical--secondary-700 {
  border-top: 1px solid rgb(187.5, 153, 15.75) !important;
  border-bottom: 1px solid rgb(187.5, 153, 15.75) !important;
}

.is-border-horizontal--secondary-700 {
  border-left: 1px solid rgb(187.5, 153, 15.75) !important;
  border-right: 1px solid rgb(187.5, 153, 15.75) !important;
}

.is-bg-color--secondary-800 {
  background-color: rgb(125, 102, 10.5) !important;
  color: #fff !important;
}
.is-bg-color--secondary-800 > * {
  color: #fff !important;
}

.is-color--secondary-800 {
  --dxp-c-text-block-text-color: rgb(125, 102, 10.5);
  color: rgb(125, 102, 10.5) !important;
}
.is-color--secondary-800 > * {
  color: rgb(125, 102, 10.5) !important;
}

.is-border-top--secondary-800 {
  border-top: 1px solid rgb(125, 102, 10.5) !important;
}

.is-border-bottom--secondary-800 {
  border-bottom: 1px solid rgb(125, 102, 10.5) !important;
}

.is-border-right--secondary-800 {
  border-right: 1px solid rgb(125, 102, 10.5) !important;
}

.is-border-left--secondary-800 {
  border-left: 1px solid rgb(125, 102, 10.5) !important;
}

.is-border-vertical--secondary-800 {
  border-top: 1px solid rgb(125, 102, 10.5) !important;
  border-bottom: 1px solid rgb(125, 102, 10.5) !important;
}

.is-border-horizontal--secondary-800 {
  border-left: 1px solid rgb(125, 102, 10.5) !important;
  border-right: 1px solid rgb(125, 102, 10.5) !important;
}

.is-bg-color--secondary-900 {
  background-color: rgb(62.5, 51, 5.25) !important;
  color: #fff !important;
}
.is-bg-color--secondary-900 > * {
  color: #fff !important;
}

.is-color--secondary-900 {
  --dxp-c-text-block-text-color: rgb(62.5, 51, 5.25);
  color: rgb(62.5, 51, 5.25) !important;
}
.is-color--secondary-900 > * {
  color: rgb(62.5, 51, 5.25) !important;
}

.is-border-top--secondary-900 {
  border-top: 1px solid rgb(62.5, 51, 5.25) !important;
}

.is-border-bottom--secondary-900 {
  border-bottom: 1px solid rgb(62.5, 51, 5.25) !important;
}

.is-border-right--secondary-900 {
  border-right: 1px solid rgb(62.5, 51, 5.25) !important;
}

.is-border-left--secondary-900 {
  border-left: 1px solid rgb(62.5, 51, 5.25) !important;
}

.is-border-vertical--secondary-900 {
  border-top: 1px solid rgb(62.5, 51, 5.25) !important;
  border-bottom: 1px solid rgb(62.5, 51, 5.25) !important;
}

.is-border-horizontal--secondary-900 {
  border-left: 1px solid rgb(62.5, 51, 5.25) !important;
  border-right: 1px solid rgb(62.5, 51, 5.25) !important;
}

.is-bg-color--secondary-alpha-10 {
  background-color: rgba(250, 204, 21, 0.1) !important;
  color: #000 !important;
}
.is-bg-color--secondary-alpha-10 > * {
  color: #000 !important;
}

.is-color--secondary-alpha-10 {
  --dxp-c-text-block-text-color: rgba(250, 204, 21, 0.1);
  color: rgba(250, 204, 21, 0.1) !important;
}
.is-color--secondary-alpha-10 > * {
  color: rgba(250, 204, 21, 0.1) !important;
}

.is-border-top--secondary-alpha-10 {
  border-top: 1px solid rgba(250, 204, 21, 0.1) !important;
}

.is-border-bottom--secondary-alpha-10 {
  border-bottom: 1px solid rgba(250, 204, 21, 0.1) !important;
}

.is-border-right--secondary-alpha-10 {
  border-right: 1px solid rgba(250, 204, 21, 0.1) !important;
}

.is-border-left--secondary-alpha-10 {
  border-left: 1px solid rgba(250, 204, 21, 0.1) !important;
}

.is-border-vertical--secondary-alpha-10 {
  border-top: 1px solid rgba(250, 204, 21, 0.1) !important;
  border-bottom: 1px solid rgba(250, 204, 21, 0.1) !important;
}

.is-border-horizontal--secondary-alpha-10 {
  border-left: 1px solid rgba(250, 204, 21, 0.1) !important;
  border-right: 1px solid rgba(250, 204, 21, 0.1) !important;
}

.is-bg-color--secondary-alpha-20 {
  background-color: rgba(250, 204, 21, 0.2) !important;
  color: #000 !important;
}
.is-bg-color--secondary-alpha-20 > * {
  color: #000 !important;
}

.is-color--secondary-alpha-20 {
  --dxp-c-text-block-text-color: rgba(250, 204, 21, 0.2);
  color: rgba(250, 204, 21, 0.2) !important;
}
.is-color--secondary-alpha-20 > * {
  color: rgba(250, 204, 21, 0.2) !important;
}

.is-border-top--secondary-alpha-20 {
  border-top: 1px solid rgba(250, 204, 21, 0.2) !important;
}

.is-border-bottom--secondary-alpha-20 {
  border-bottom: 1px solid rgba(250, 204, 21, 0.2) !important;
}

.is-border-right--secondary-alpha-20 {
  border-right: 1px solid rgba(250, 204, 21, 0.2) !important;
}

.is-border-left--secondary-alpha-20 {
  border-left: 1px solid rgba(250, 204, 21, 0.2) !important;
}

.is-border-vertical--secondary-alpha-20 {
  border-top: 1px solid rgba(250, 204, 21, 0.2) !important;
  border-bottom: 1px solid rgba(250, 204, 21, 0.2) !important;
}

.is-border-horizontal--secondary-alpha-20 {
  border-left: 1px solid rgba(250, 204, 21, 0.2) !important;
  border-right: 1px solid rgba(250, 204, 21, 0.2) !important;
}

.is-bg-color--secondary-alpha-30 {
  background-color: rgba(250, 204, 21, 0.3) !important;
  color: #000 !important;
}
.is-bg-color--secondary-alpha-30 > * {
  color: #000 !important;
}

.is-color--secondary-alpha-30 {
  --dxp-c-text-block-text-color: rgba(250, 204, 21, 0.3);
  color: rgba(250, 204, 21, 0.3) !important;
}
.is-color--secondary-alpha-30 > * {
  color: rgba(250, 204, 21, 0.3) !important;
}

.is-border-top--secondary-alpha-30 {
  border-top: 1px solid rgba(250, 204, 21, 0.3) !important;
}

.is-border-bottom--secondary-alpha-30 {
  border-bottom: 1px solid rgba(250, 204, 21, 0.3) !important;
}

.is-border-right--secondary-alpha-30 {
  border-right: 1px solid rgba(250, 204, 21, 0.3) !important;
}

.is-border-left--secondary-alpha-30 {
  border-left: 1px solid rgba(250, 204, 21, 0.3) !important;
}

.is-border-vertical--secondary-alpha-30 {
  border-top: 1px solid rgba(250, 204, 21, 0.3) !important;
  border-bottom: 1px solid rgba(250, 204, 21, 0.3) !important;
}

.is-border-horizontal--secondary-alpha-30 {
  border-left: 1px solid rgba(250, 204, 21, 0.3) !important;
  border-right: 1px solid rgba(250, 204, 21, 0.3) !important;
}

.is-bg-color--secondary-alpha-40 {
  background-color: rgba(250, 204, 21, 0.4) !important;
  color: #000 !important;
}
.is-bg-color--secondary-alpha-40 > * {
  color: #000 !important;
}

.is-color--secondary-alpha-40 {
  --dxp-c-text-block-text-color: rgba(250, 204, 21, 0.4);
  color: rgba(250, 204, 21, 0.4) !important;
}
.is-color--secondary-alpha-40 > * {
  color: rgba(250, 204, 21, 0.4) !important;
}

.is-border-top--secondary-alpha-40 {
  border-top: 1px solid rgba(250, 204, 21, 0.4) !important;
}

.is-border-bottom--secondary-alpha-40 {
  border-bottom: 1px solid rgba(250, 204, 21, 0.4) !important;
}

.is-border-right--secondary-alpha-40 {
  border-right: 1px solid rgba(250, 204, 21, 0.4) !important;
}

.is-border-left--secondary-alpha-40 {
  border-left: 1px solid rgba(250, 204, 21, 0.4) !important;
}

.is-border-vertical--secondary-alpha-40 {
  border-top: 1px solid rgba(250, 204, 21, 0.4) !important;
  border-bottom: 1px solid rgba(250, 204, 21, 0.4) !important;
}

.is-border-horizontal--secondary-alpha-40 {
  border-left: 1px solid rgba(250, 204, 21, 0.4) !important;
  border-right: 1px solid rgba(250, 204, 21, 0.4) !important;
}

.is-bg-color--secondary-alpha-50 {
  background-color: rgba(250, 204, 21, 0.5) !important;
  color: #000 !important;
}
.is-bg-color--secondary-alpha-50 > * {
  color: #000 !important;
}

.is-color--secondary-alpha-50 {
  --dxp-c-text-block-text-color: rgba(250, 204, 21, 0.5);
  color: rgba(250, 204, 21, 0.5) !important;
}
.is-color--secondary-alpha-50 > * {
  color: rgba(250, 204, 21, 0.5) !important;
}

.is-border-top--secondary-alpha-50 {
  border-top: 1px solid rgba(250, 204, 21, 0.5) !important;
}

.is-border-bottom--secondary-alpha-50 {
  border-bottom: 1px solid rgba(250, 204, 21, 0.5) !important;
}

.is-border-right--secondary-alpha-50 {
  border-right: 1px solid rgba(250, 204, 21, 0.5) !important;
}

.is-border-left--secondary-alpha-50 {
  border-left: 1px solid rgba(250, 204, 21, 0.5) !important;
}

.is-border-vertical--secondary-alpha-50 {
  border-top: 1px solid rgba(250, 204, 21, 0.5) !important;
  border-bottom: 1px solid rgba(250, 204, 21, 0.5) !important;
}

.is-border-horizontal--secondary-alpha-50 {
  border-left: 1px solid rgba(250, 204, 21, 0.5) !important;
  border-right: 1px solid rgba(250, 204, 21, 0.5) !important;
}

.is-bg-color--secondary-alpha-60 {
  background-color: rgba(250, 204, 21, 0.6) !important;
  color: #000 !important;
}
.is-bg-color--secondary-alpha-60 > * {
  color: #000 !important;
}

.is-color--secondary-alpha-60 {
  --dxp-c-text-block-text-color: rgba(250, 204, 21, 0.6);
  color: rgba(250, 204, 21, 0.6) !important;
}
.is-color--secondary-alpha-60 > * {
  color: rgba(250, 204, 21, 0.6) !important;
}

.is-border-top--secondary-alpha-60 {
  border-top: 1px solid rgba(250, 204, 21, 0.6) !important;
}

.is-border-bottom--secondary-alpha-60 {
  border-bottom: 1px solid rgba(250, 204, 21, 0.6) !important;
}

.is-border-right--secondary-alpha-60 {
  border-right: 1px solid rgba(250, 204, 21, 0.6) !important;
}

.is-border-left--secondary-alpha-60 {
  border-left: 1px solid rgba(250, 204, 21, 0.6) !important;
}

.is-border-vertical--secondary-alpha-60 {
  border-top: 1px solid rgba(250, 204, 21, 0.6) !important;
  border-bottom: 1px solid rgba(250, 204, 21, 0.6) !important;
}

.is-border-horizontal--secondary-alpha-60 {
  border-left: 1px solid rgba(250, 204, 21, 0.6) !important;
  border-right: 1px solid rgba(250, 204, 21, 0.6) !important;
}

.is-bg-color--secondary-alpha-70 {
  background-color: rgba(250, 204, 21, 0.7) !important;
  color: #000 !important;
}
.is-bg-color--secondary-alpha-70 > * {
  color: #000 !important;
}

.is-color--secondary-alpha-70 {
  --dxp-c-text-block-text-color: rgba(250, 204, 21, 0.7);
  color: rgba(250, 204, 21, 0.7) !important;
}
.is-color--secondary-alpha-70 > * {
  color: rgba(250, 204, 21, 0.7) !important;
}

.is-border-top--secondary-alpha-70 {
  border-top: 1px solid rgba(250, 204, 21, 0.7) !important;
}

.is-border-bottom--secondary-alpha-70 {
  border-bottom: 1px solid rgba(250, 204, 21, 0.7) !important;
}

.is-border-right--secondary-alpha-70 {
  border-right: 1px solid rgba(250, 204, 21, 0.7) !important;
}

.is-border-left--secondary-alpha-70 {
  border-left: 1px solid rgba(250, 204, 21, 0.7) !important;
}

.is-border-vertical--secondary-alpha-70 {
  border-top: 1px solid rgba(250, 204, 21, 0.7) !important;
  border-bottom: 1px solid rgba(250, 204, 21, 0.7) !important;
}

.is-border-horizontal--secondary-alpha-70 {
  border-left: 1px solid rgba(250, 204, 21, 0.7) !important;
  border-right: 1px solid rgba(250, 204, 21, 0.7) !important;
}

.is-bg-color--secondary-alpha-80 {
  background-color: rgba(250, 204, 21, 0.8) !important;
  color: #000 !important;
}
.is-bg-color--secondary-alpha-80 > * {
  color: #000 !important;
}

.is-color--secondary-alpha-80 {
  --dxp-c-text-block-text-color: rgba(250, 204, 21, 0.8);
  color: rgba(250, 204, 21, 0.8) !important;
}
.is-color--secondary-alpha-80 > * {
  color: rgba(250, 204, 21, 0.8) !important;
}

.is-border-top--secondary-alpha-80 {
  border-top: 1px solid rgba(250, 204, 21, 0.8) !important;
}

.is-border-bottom--secondary-alpha-80 {
  border-bottom: 1px solid rgba(250, 204, 21, 0.8) !important;
}

.is-border-right--secondary-alpha-80 {
  border-right: 1px solid rgba(250, 204, 21, 0.8) !important;
}

.is-border-left--secondary-alpha-80 {
  border-left: 1px solid rgba(250, 204, 21, 0.8) !important;
}

.is-border-vertical--secondary-alpha-80 {
  border-top: 1px solid rgba(250, 204, 21, 0.8) !important;
  border-bottom: 1px solid rgba(250, 204, 21, 0.8) !important;
}

.is-border-horizontal--secondary-alpha-80 {
  border-left: 1px solid rgba(250, 204, 21, 0.8) !important;
  border-right: 1px solid rgba(250, 204, 21, 0.8) !important;
}

.is-bg-color--secondary-alpha-90 {
  background-color: rgba(250, 204, 21, 0.9) !important;
  color: #000 !important;
}
.is-bg-color--secondary-alpha-90 > * {
  color: #000 !important;
}

.is-color--secondary-alpha-90 {
  --dxp-c-text-block-text-color: rgba(250, 204, 21, 0.9);
  color: rgba(250, 204, 21, 0.9) !important;
}
.is-color--secondary-alpha-90 > * {
  color: rgba(250, 204, 21, 0.9) !important;
}

.is-border-top--secondary-alpha-90 {
  border-top: 1px solid rgba(250, 204, 21, 0.9) !important;
}

.is-border-bottom--secondary-alpha-90 {
  border-bottom: 1px solid rgba(250, 204, 21, 0.9) !important;
}

.is-border-right--secondary-alpha-90 {
  border-right: 1px solid rgba(250, 204, 21, 0.9) !important;
}

.is-border-left--secondary-alpha-90 {
  border-left: 1px solid rgba(250, 204, 21, 0.9) !important;
}

.is-border-vertical--secondary-alpha-90 {
  border-top: 1px solid rgba(250, 204, 21, 0.9) !important;
  border-bottom: 1px solid rgba(250, 204, 21, 0.9) !important;
}

.is-border-horizontal--secondary-alpha-90 {
  border-left: 1px solid rgba(250, 204, 21, 0.9) !important;
  border-right: 1px solid rgba(250, 204, 21, 0.9) !important;
}

.is-bg-color--cta-50 {
  background-color: rgb(253.25, 244.15, 244.15) !important;
  color: #000 !important;
}
.is-bg-color--cta-50 > * {
  color: #000 !important;
}

.is-color--cta-50 {
  --dxp-c-text-block-text-color: rgb(253.25, 244.15, 244.15);
  color: rgb(253.25, 244.15, 244.15) !important;
}
.is-color--cta-50 > * {
  color: rgb(253.25, 244.15, 244.15) !important;
}

.is-border-top--cta-50 {
  border-top: 1px solid rgb(253.25, 244.15, 244.15) !important;
}

.is-border-bottom--cta-50 {
  border-bottom: 1px solid rgb(253.25, 244.15, 244.15) !important;
}

.is-border-right--cta-50 {
  border-right: 1px solid rgb(253.25, 244.15, 244.15) !important;
}

.is-border-left--cta-50 {
  border-left: 1px solid rgb(253.25, 244.15, 244.15) !important;
}

.is-border-vertical--cta-50 {
  border-top: 1px solid rgb(253.25, 244.15, 244.15) !important;
  border-bottom: 1px solid rgb(253.25, 244.15, 244.15) !important;
}

.is-border-horizontal--cta-50 {
  border-left: 1px solid rgb(253.25, 244.15, 244.15) !important;
  border-right: 1px solid rgb(253.25, 244.15, 244.15) !important;
}

.is-bg-color--cta-100 {
  background-color: rgb(249.75, 222.45, 222.45) !important;
  color: #000 !important;
}
.is-bg-color--cta-100 > * {
  color: #000 !important;
}

.is-color--cta-100 {
  --dxp-c-text-block-text-color: rgb(249.75, 222.45, 222.45);
  color: rgb(249.75, 222.45, 222.45) !important;
}
.is-color--cta-100 > * {
  color: rgb(249.75, 222.45, 222.45) !important;
}

.is-border-top--cta-100 {
  border-top: 1px solid rgb(249.75, 222.45, 222.45) !important;
}

.is-border-bottom--cta-100 {
  border-bottom: 1px solid rgb(249.75, 222.45, 222.45) !important;
}

.is-border-right--cta-100 {
  border-right: 1px solid rgb(249.75, 222.45, 222.45) !important;
}

.is-border-left--cta-100 {
  border-left: 1px solid rgb(249.75, 222.45, 222.45) !important;
}

.is-border-vertical--cta-100 {
  border-top: 1px solid rgb(249.75, 222.45, 222.45) !important;
  border-bottom: 1px solid rgb(249.75, 222.45, 222.45) !important;
}

.is-border-horizontal--cta-100 {
  border-left: 1px solid rgb(249.75, 222.45, 222.45) !important;
  border-right: 1px solid rgb(249.75, 222.45, 222.45) !important;
}

.is-bg-color--cta-200 {
  background-color: rgb(244.5, 189.9, 189.9) !important;
  color: #000 !important;
}
.is-bg-color--cta-200 > * {
  color: #000 !important;
}

.is-color--cta-200 {
  --dxp-c-text-block-text-color: rgb(244.5, 189.9, 189.9);
  color: rgb(244.5, 189.9, 189.9) !important;
}
.is-color--cta-200 > * {
  color: rgb(244.5, 189.9, 189.9) !important;
}

.is-border-top--cta-200 {
  border-top: 1px solid rgb(244.5, 189.9, 189.9) !important;
}

.is-border-bottom--cta-200 {
  border-bottom: 1px solid rgb(244.5, 189.9, 189.9) !important;
}

.is-border-right--cta-200 {
  border-right: 1px solid rgb(244.5, 189.9, 189.9) !important;
}

.is-border-left--cta-200 {
  border-left: 1px solid rgb(244.5, 189.9, 189.9) !important;
}

.is-border-vertical--cta-200 {
  border-top: 1px solid rgb(244.5, 189.9, 189.9) !important;
  border-bottom: 1px solid rgb(244.5, 189.9, 189.9) !important;
}

.is-border-horizontal--cta-200 {
  border-left: 1px solid rgb(244.5, 189.9, 189.9) !important;
  border-right: 1px solid rgb(244.5, 189.9, 189.9) !important;
}

.is-bg-color--cta-300 {
  background-color: rgb(237.5, 146.5, 146.5) !important;
  color: #000 !important;
}
.is-bg-color--cta-300 > * {
  color: #000 !important;
}

.is-color--cta-300 {
  --dxp-c-text-block-text-color: rgb(237.5, 146.5, 146.5);
  color: rgb(237.5, 146.5, 146.5) !important;
}
.is-color--cta-300 > * {
  color: rgb(237.5, 146.5, 146.5) !important;
}

.is-border-top--cta-300 {
  border-top: 1px solid rgb(237.5, 146.5, 146.5) !important;
}

.is-border-bottom--cta-300 {
  border-bottom: 1px solid rgb(237.5, 146.5, 146.5) !important;
}

.is-border-right--cta-300 {
  border-right: 1px solid rgb(237.5, 146.5, 146.5) !important;
}

.is-border-left--cta-300 {
  border-left: 1px solid rgb(237.5, 146.5, 146.5) !important;
}

.is-border-vertical--cta-300 {
  border-top: 1px solid rgb(237.5, 146.5, 146.5) !important;
  border-bottom: 1px solid rgb(237.5, 146.5, 146.5) !important;
}

.is-border-horizontal--cta-300 {
  border-left: 1px solid rgb(237.5, 146.5, 146.5) !important;
  border-right: 1px solid rgb(237.5, 146.5, 146.5) !important;
}

.is-bg-color--cta-400 {
  background-color: rgb(230.5, 103.1, 103.1) !important;
  color: #000 !important;
}
.is-bg-color--cta-400 > * {
  color: #000 !important;
}

.is-color--cta-400 {
  --dxp-c-text-block-text-color: rgb(230.5, 103.1, 103.1);
  color: rgb(230.5, 103.1, 103.1) !important;
}
.is-color--cta-400 > * {
  color: rgb(230.5, 103.1, 103.1) !important;
}

.is-border-top--cta-400 {
  border-top: 1px solid rgb(230.5, 103.1, 103.1) !important;
}

.is-border-bottom--cta-400 {
  border-bottom: 1px solid rgb(230.5, 103.1, 103.1) !important;
}

.is-border-right--cta-400 {
  border-right: 1px solid rgb(230.5, 103.1, 103.1) !important;
}

.is-border-left--cta-400 {
  border-left: 1px solid rgb(230.5, 103.1, 103.1) !important;
}

.is-border-vertical--cta-400 {
  border-top: 1px solid rgb(230.5, 103.1, 103.1) !important;
  border-bottom: 1px solid rgb(230.5, 103.1, 103.1) !important;
}

.is-border-horizontal--cta-400 {
  border-left: 1px solid rgb(230.5, 103.1, 103.1) !important;
  border-right: 1px solid rgb(230.5, 103.1, 103.1) !important;
}

.is-bg-color--cta-500 {
  background-color: #DC2626 !important;
  color: #fff !important;
}
.is-bg-color--cta-500 > * {
  color: #fff !important;
}

.is-color--cta-500 {
  --dxp-c-text-block-text-color: #DC2626;
  color: #DC2626 !important;
}
.is-color--cta-500 > * {
  color: #DC2626 !important;
}

.is-border-top--cta-500 {
  border-top: 1px solid #DC2626 !important;
}

.is-border-bottom--cta-500 {
  border-bottom: 1px solid #DC2626 !important;
}

.is-border-right--cta-500 {
  border-right: 1px solid #DC2626 !important;
}

.is-border-left--cta-500 {
  border-left: 1px solid #DC2626 !important;
}

.is-border-vertical--cta-500 {
  border-top: 1px solid #DC2626 !important;
  border-bottom: 1px solid #DC2626 !important;
}

.is-border-horizontal--cta-500 {
  border-left: 1px solid #DC2626 !important;
  border-right: 1px solid #DC2626 !important;
}

.is-bg-color--cta-600 {
  background-color: rgb(209, 36.1, 36.1) !important;
  color: #fff !important;
}
.is-bg-color--cta-600 > * {
  color: #fff !important;
}

.is-color--cta-600 {
  --dxp-c-text-block-text-color: rgb(209, 36.1, 36.1);
  color: rgb(209, 36.1, 36.1) !important;
}
.is-color--cta-600 > * {
  color: rgb(209, 36.1, 36.1) !important;
}

.is-border-top--cta-600 {
  border-top: 1px solid rgb(209, 36.1, 36.1) !important;
}

.is-border-bottom--cta-600 {
  border-bottom: 1px solid rgb(209, 36.1, 36.1) !important;
}

.is-border-right--cta-600 {
  border-right: 1px solid rgb(209, 36.1, 36.1) !important;
}

.is-border-left--cta-600 {
  border-left: 1px solid rgb(209, 36.1, 36.1) !important;
}

.is-border-vertical--cta-600 {
  border-top: 1px solid rgb(209, 36.1, 36.1) !important;
  border-bottom: 1px solid rgb(209, 36.1, 36.1) !important;
}

.is-border-horizontal--cta-600 {
  border-left: 1px solid rgb(209, 36.1, 36.1) !important;
  border-right: 1px solid rgb(209, 36.1, 36.1) !important;
}

.is-bg-color--cta-700 {
  background-color: rgb(165, 28.5, 28.5) !important;
  color: #fff !important;
}
.is-bg-color--cta-700 > * {
  color: #fff !important;
}

.is-color--cta-700 {
  --dxp-c-text-block-text-color: rgb(165, 28.5, 28.5);
  color: rgb(165, 28.5, 28.5) !important;
}
.is-color--cta-700 > * {
  color: rgb(165, 28.5, 28.5) !important;
}

.is-border-top--cta-700 {
  border-top: 1px solid rgb(165, 28.5, 28.5) !important;
}

.is-border-bottom--cta-700 {
  border-bottom: 1px solid rgb(165, 28.5, 28.5) !important;
}

.is-border-right--cta-700 {
  border-right: 1px solid rgb(165, 28.5, 28.5) !important;
}

.is-border-left--cta-700 {
  border-left: 1px solid rgb(165, 28.5, 28.5) !important;
}

.is-border-vertical--cta-700 {
  border-top: 1px solid rgb(165, 28.5, 28.5) !important;
  border-bottom: 1px solid rgb(165, 28.5, 28.5) !important;
}

.is-border-horizontal--cta-700 {
  border-left: 1px solid rgb(165, 28.5, 28.5) !important;
  border-right: 1px solid rgb(165, 28.5, 28.5) !important;
}

.is-bg-color--cta-800 {
  background-color: #6e1313 !important;
  color: #fff !important;
}
.is-bg-color--cta-800 > * {
  color: #fff !important;
}

.is-color--cta-800 {
  --dxp-c-text-block-text-color: #6e1313;
  color: #6e1313 !important;
}
.is-color--cta-800 > * {
  color: #6e1313 !important;
}

.is-border-top--cta-800 {
  border-top: 1px solid #6e1313 !important;
}

.is-border-bottom--cta-800 {
  border-bottom: 1px solid #6e1313 !important;
}

.is-border-right--cta-800 {
  border-right: 1px solid #6e1313 !important;
}

.is-border-left--cta-800 {
  border-left: 1px solid #6e1313 !important;
}

.is-border-vertical--cta-800 {
  border-top: 1px solid #6e1313 !important;
  border-bottom: 1px solid #6e1313 !important;
}

.is-border-horizontal--cta-800 {
  border-left: 1px solid #6e1313 !important;
  border-right: 1px solid #6e1313 !important;
}

.is-bg-color--cta-900 {
  background-color: rgb(55, 9.5, 9.5) !important;
  color: #fff !important;
}
.is-bg-color--cta-900 > * {
  color: #fff !important;
}

.is-color--cta-900 {
  --dxp-c-text-block-text-color: rgb(55, 9.5, 9.5);
  color: rgb(55, 9.5, 9.5) !important;
}
.is-color--cta-900 > * {
  color: rgb(55, 9.5, 9.5) !important;
}

.is-border-top--cta-900 {
  border-top: 1px solid rgb(55, 9.5, 9.5) !important;
}

.is-border-bottom--cta-900 {
  border-bottom: 1px solid rgb(55, 9.5, 9.5) !important;
}

.is-border-right--cta-900 {
  border-right: 1px solid rgb(55, 9.5, 9.5) !important;
}

.is-border-left--cta-900 {
  border-left: 1px solid rgb(55, 9.5, 9.5) !important;
}

.is-border-vertical--cta-900 {
  border-top: 1px solid rgb(55, 9.5, 9.5) !important;
  border-bottom: 1px solid rgb(55, 9.5, 9.5) !important;
}

.is-border-horizontal--cta-900 {
  border-left: 1px solid rgb(55, 9.5, 9.5) !important;
  border-right: 1px solid rgb(55, 9.5, 9.5) !important;
}

.is-bg-color--cta-alpha-10 {
  background-color: rgba(220, 38, 38, 0.1) !important;
  color: #fff !important;
}
.is-bg-color--cta-alpha-10 > * {
  color: #fff !important;
}

.is-color--cta-alpha-10 {
  --dxp-c-text-block-text-color: rgba(220, 38, 38, 0.1);
  color: rgba(220, 38, 38, 0.1) !important;
}
.is-color--cta-alpha-10 > * {
  color: rgba(220, 38, 38, 0.1) !important;
}

.is-border-top--cta-alpha-10 {
  border-top: 1px solid rgba(220, 38, 38, 0.1) !important;
}

.is-border-bottom--cta-alpha-10 {
  border-bottom: 1px solid rgba(220, 38, 38, 0.1) !important;
}

.is-border-right--cta-alpha-10 {
  border-right: 1px solid rgba(220, 38, 38, 0.1) !important;
}

.is-border-left--cta-alpha-10 {
  border-left: 1px solid rgba(220, 38, 38, 0.1) !important;
}

.is-border-vertical--cta-alpha-10 {
  border-top: 1px solid rgba(220, 38, 38, 0.1) !important;
  border-bottom: 1px solid rgba(220, 38, 38, 0.1) !important;
}

.is-border-horizontal--cta-alpha-10 {
  border-left: 1px solid rgba(220, 38, 38, 0.1) !important;
  border-right: 1px solid rgba(220, 38, 38, 0.1) !important;
}

.is-bg-color--cta-alpha-20 {
  background-color: rgba(220, 38, 38, 0.2) !important;
  color: #fff !important;
}
.is-bg-color--cta-alpha-20 > * {
  color: #fff !important;
}

.is-color--cta-alpha-20 {
  --dxp-c-text-block-text-color: rgba(220, 38, 38, 0.2);
  color: rgba(220, 38, 38, 0.2) !important;
}
.is-color--cta-alpha-20 > * {
  color: rgba(220, 38, 38, 0.2) !important;
}

.is-border-top--cta-alpha-20 {
  border-top: 1px solid rgba(220, 38, 38, 0.2) !important;
}

.is-border-bottom--cta-alpha-20 {
  border-bottom: 1px solid rgba(220, 38, 38, 0.2) !important;
}

.is-border-right--cta-alpha-20 {
  border-right: 1px solid rgba(220, 38, 38, 0.2) !important;
}

.is-border-left--cta-alpha-20 {
  border-left: 1px solid rgba(220, 38, 38, 0.2) !important;
}

.is-border-vertical--cta-alpha-20 {
  border-top: 1px solid rgba(220, 38, 38, 0.2) !important;
  border-bottom: 1px solid rgba(220, 38, 38, 0.2) !important;
}

.is-border-horizontal--cta-alpha-20 {
  border-left: 1px solid rgba(220, 38, 38, 0.2) !important;
  border-right: 1px solid rgba(220, 38, 38, 0.2) !important;
}

.is-bg-color--cta-alpha-30 {
  background-color: rgba(220, 38, 38, 0.3) !important;
  color: #fff !important;
}
.is-bg-color--cta-alpha-30 > * {
  color: #fff !important;
}

.is-color--cta-alpha-30 {
  --dxp-c-text-block-text-color: rgba(220, 38, 38, 0.3);
  color: rgba(220, 38, 38, 0.3) !important;
}
.is-color--cta-alpha-30 > * {
  color: rgba(220, 38, 38, 0.3) !important;
}

.is-border-top--cta-alpha-30 {
  border-top: 1px solid rgba(220, 38, 38, 0.3) !important;
}

.is-border-bottom--cta-alpha-30 {
  border-bottom: 1px solid rgba(220, 38, 38, 0.3) !important;
}

.is-border-right--cta-alpha-30 {
  border-right: 1px solid rgba(220, 38, 38, 0.3) !important;
}

.is-border-left--cta-alpha-30 {
  border-left: 1px solid rgba(220, 38, 38, 0.3) !important;
}

.is-border-vertical--cta-alpha-30 {
  border-top: 1px solid rgba(220, 38, 38, 0.3) !important;
  border-bottom: 1px solid rgba(220, 38, 38, 0.3) !important;
}

.is-border-horizontal--cta-alpha-30 {
  border-left: 1px solid rgba(220, 38, 38, 0.3) !important;
  border-right: 1px solid rgba(220, 38, 38, 0.3) !important;
}

.is-bg-color--cta-alpha-40 {
  background-color: rgba(220, 38, 38, 0.4) !important;
  color: #fff !important;
}
.is-bg-color--cta-alpha-40 > * {
  color: #fff !important;
}

.is-color--cta-alpha-40 {
  --dxp-c-text-block-text-color: rgba(220, 38, 38, 0.4);
  color: rgba(220, 38, 38, 0.4) !important;
}
.is-color--cta-alpha-40 > * {
  color: rgba(220, 38, 38, 0.4) !important;
}

.is-border-top--cta-alpha-40 {
  border-top: 1px solid rgba(220, 38, 38, 0.4) !important;
}

.is-border-bottom--cta-alpha-40 {
  border-bottom: 1px solid rgba(220, 38, 38, 0.4) !important;
}

.is-border-right--cta-alpha-40 {
  border-right: 1px solid rgba(220, 38, 38, 0.4) !important;
}

.is-border-left--cta-alpha-40 {
  border-left: 1px solid rgba(220, 38, 38, 0.4) !important;
}

.is-border-vertical--cta-alpha-40 {
  border-top: 1px solid rgba(220, 38, 38, 0.4) !important;
  border-bottom: 1px solid rgba(220, 38, 38, 0.4) !important;
}

.is-border-horizontal--cta-alpha-40 {
  border-left: 1px solid rgba(220, 38, 38, 0.4) !important;
  border-right: 1px solid rgba(220, 38, 38, 0.4) !important;
}

.is-bg-color--cta-alpha-50 {
  background-color: rgba(220, 38, 38, 0.5) !important;
  color: #fff !important;
}
.is-bg-color--cta-alpha-50 > * {
  color: #fff !important;
}

.is-color--cta-alpha-50 {
  --dxp-c-text-block-text-color: rgba(220, 38, 38, 0.5);
  color: rgba(220, 38, 38, 0.5) !important;
}
.is-color--cta-alpha-50 > * {
  color: rgba(220, 38, 38, 0.5) !important;
}

.is-border-top--cta-alpha-50 {
  border-top: 1px solid rgba(220, 38, 38, 0.5) !important;
}

.is-border-bottom--cta-alpha-50 {
  border-bottom: 1px solid rgba(220, 38, 38, 0.5) !important;
}

.is-border-right--cta-alpha-50 {
  border-right: 1px solid rgba(220, 38, 38, 0.5) !important;
}

.is-border-left--cta-alpha-50 {
  border-left: 1px solid rgba(220, 38, 38, 0.5) !important;
}

.is-border-vertical--cta-alpha-50 {
  border-top: 1px solid rgba(220, 38, 38, 0.5) !important;
  border-bottom: 1px solid rgba(220, 38, 38, 0.5) !important;
}

.is-border-horizontal--cta-alpha-50 {
  border-left: 1px solid rgba(220, 38, 38, 0.5) !important;
  border-right: 1px solid rgba(220, 38, 38, 0.5) !important;
}

.is-bg-color--cta-alpha-60 {
  background-color: rgba(220, 38, 38, 0.6) !important;
  color: #fff !important;
}
.is-bg-color--cta-alpha-60 > * {
  color: #fff !important;
}

.is-color--cta-alpha-60 {
  --dxp-c-text-block-text-color: rgba(220, 38, 38, 0.6);
  color: rgba(220, 38, 38, 0.6) !important;
}
.is-color--cta-alpha-60 > * {
  color: rgba(220, 38, 38, 0.6) !important;
}

.is-border-top--cta-alpha-60 {
  border-top: 1px solid rgba(220, 38, 38, 0.6) !important;
}

.is-border-bottom--cta-alpha-60 {
  border-bottom: 1px solid rgba(220, 38, 38, 0.6) !important;
}

.is-border-right--cta-alpha-60 {
  border-right: 1px solid rgba(220, 38, 38, 0.6) !important;
}

.is-border-left--cta-alpha-60 {
  border-left: 1px solid rgba(220, 38, 38, 0.6) !important;
}

.is-border-vertical--cta-alpha-60 {
  border-top: 1px solid rgba(220, 38, 38, 0.6) !important;
  border-bottom: 1px solid rgba(220, 38, 38, 0.6) !important;
}

.is-border-horizontal--cta-alpha-60 {
  border-left: 1px solid rgba(220, 38, 38, 0.6) !important;
  border-right: 1px solid rgba(220, 38, 38, 0.6) !important;
}

.is-bg-color--cta-alpha-70 {
  background-color: rgba(220, 38, 38, 0.7) !important;
  color: #fff !important;
}
.is-bg-color--cta-alpha-70 > * {
  color: #fff !important;
}

.is-color--cta-alpha-70 {
  --dxp-c-text-block-text-color: rgba(220, 38, 38, 0.7);
  color: rgba(220, 38, 38, 0.7) !important;
}
.is-color--cta-alpha-70 > * {
  color: rgba(220, 38, 38, 0.7) !important;
}

.is-border-top--cta-alpha-70 {
  border-top: 1px solid rgba(220, 38, 38, 0.7) !important;
}

.is-border-bottom--cta-alpha-70 {
  border-bottom: 1px solid rgba(220, 38, 38, 0.7) !important;
}

.is-border-right--cta-alpha-70 {
  border-right: 1px solid rgba(220, 38, 38, 0.7) !important;
}

.is-border-left--cta-alpha-70 {
  border-left: 1px solid rgba(220, 38, 38, 0.7) !important;
}

.is-border-vertical--cta-alpha-70 {
  border-top: 1px solid rgba(220, 38, 38, 0.7) !important;
  border-bottom: 1px solid rgba(220, 38, 38, 0.7) !important;
}

.is-border-horizontal--cta-alpha-70 {
  border-left: 1px solid rgba(220, 38, 38, 0.7) !important;
  border-right: 1px solid rgba(220, 38, 38, 0.7) !important;
}

.is-bg-color--cta-alpha-80 {
  background-color: rgba(220, 38, 38, 0.8) !important;
  color: #fff !important;
}
.is-bg-color--cta-alpha-80 > * {
  color: #fff !important;
}

.is-color--cta-alpha-80 {
  --dxp-c-text-block-text-color: rgba(220, 38, 38, 0.8);
  color: rgba(220, 38, 38, 0.8) !important;
}
.is-color--cta-alpha-80 > * {
  color: rgba(220, 38, 38, 0.8) !important;
}

.is-border-top--cta-alpha-80 {
  border-top: 1px solid rgba(220, 38, 38, 0.8) !important;
}

.is-border-bottom--cta-alpha-80 {
  border-bottom: 1px solid rgba(220, 38, 38, 0.8) !important;
}

.is-border-right--cta-alpha-80 {
  border-right: 1px solid rgba(220, 38, 38, 0.8) !important;
}

.is-border-left--cta-alpha-80 {
  border-left: 1px solid rgba(220, 38, 38, 0.8) !important;
}

.is-border-vertical--cta-alpha-80 {
  border-top: 1px solid rgba(220, 38, 38, 0.8) !important;
  border-bottom: 1px solid rgba(220, 38, 38, 0.8) !important;
}

.is-border-horizontal--cta-alpha-80 {
  border-left: 1px solid rgba(220, 38, 38, 0.8) !important;
  border-right: 1px solid rgba(220, 38, 38, 0.8) !important;
}

.is-bg-color--cta-alpha-90 {
  background-color: rgba(220, 38, 38, 0.9) !important;
  color: #fff !important;
}
.is-bg-color--cta-alpha-90 > * {
  color: #fff !important;
}

.is-color--cta-alpha-90 {
  --dxp-c-text-block-text-color: rgba(220, 38, 38, 0.9);
  color: rgba(220, 38, 38, 0.9) !important;
}
.is-color--cta-alpha-90 > * {
  color: rgba(220, 38, 38, 0.9) !important;
}

.is-border-top--cta-alpha-90 {
  border-top: 1px solid rgba(220, 38, 38, 0.9) !important;
}

.is-border-bottom--cta-alpha-90 {
  border-bottom: 1px solid rgba(220, 38, 38, 0.9) !important;
}

.is-border-right--cta-alpha-90 {
  border-right: 1px solid rgba(220, 38, 38, 0.9) !important;
}

.is-border-left--cta-alpha-90 {
  border-left: 1px solid rgba(220, 38, 38, 0.9) !important;
}

.is-border-vertical--cta-alpha-90 {
  border-top: 1px solid rgba(220, 38, 38, 0.9) !important;
  border-bottom: 1px solid rgba(220, 38, 38, 0.9) !important;
}

.is-border-horizontal--cta-alpha-90 {
  border-left: 1px solid rgba(220, 38, 38, 0.9) !important;
  border-right: 1px solid rgba(220, 38, 38, 0.9) !important;
}

.is-bg-color--neutral-50 {
  background-color: rgb(247.6, 247.95, 248.65) !important;
  color: #000 !important;
}
.is-bg-color--neutral-50 > * {
  color: #000 !important;
}

.is-color--neutral-50 {
  --dxp-c-text-block-text-color: rgb(247.6, 247.95, 248.65);
  color: rgb(247.6, 247.95, 248.65) !important;
}
.is-color--neutral-50 > * {
  color: rgb(247.6, 247.95, 248.65) !important;
}

.is-border-top--neutral-50 {
  border-top: 1px solid rgb(247.6, 247.95, 248.65) !important;
}

.is-border-bottom--neutral-50 {
  border-bottom: 1px solid rgb(247.6, 247.95, 248.65) !important;
}

.is-border-right--neutral-50 {
  border-right: 1px solid rgb(247.6, 247.95, 248.65) !important;
}

.is-border-left--neutral-50 {
  border-left: 1px solid rgb(247.6, 247.95, 248.65) !important;
}

.is-border-vertical--neutral-50 {
  border-top: 1px solid rgb(247.6, 247.95, 248.65) !important;
  border-bottom: 1px solid rgb(247.6, 247.95, 248.65) !important;
}

.is-border-horizontal--neutral-50 {
  border-left: 1px solid rgb(247.6, 247.95, 248.65) !important;
  border-right: 1px solid rgb(247.6, 247.95, 248.65) !important;
}

.is-bg-color--neutral-100 {
  background-color: rgb(232.8, 233.85, 235.95) !important;
  color: #000 !important;
}
.is-bg-color--neutral-100 > * {
  color: #000 !important;
}

.is-color--neutral-100 {
  --dxp-c-text-block-text-color: rgb(232.8, 233.85, 235.95);
  color: rgb(232.8, 233.85, 235.95) !important;
}
.is-color--neutral-100 > * {
  color: rgb(232.8, 233.85, 235.95) !important;
}

.is-border-top--neutral-100 {
  border-top: 1px solid rgb(232.8, 233.85, 235.95) !important;
}

.is-border-bottom--neutral-100 {
  border-bottom: 1px solid rgb(232.8, 233.85, 235.95) !important;
}

.is-border-right--neutral-100 {
  border-right: 1px solid rgb(232.8, 233.85, 235.95) !important;
}

.is-border-left--neutral-100 {
  border-left: 1px solid rgb(232.8, 233.85, 235.95) !important;
}

.is-border-vertical--neutral-100 {
  border-top: 1px solid rgb(232.8, 233.85, 235.95) !important;
  border-bottom: 1px solid rgb(232.8, 233.85, 235.95) !important;
}

.is-border-horizontal--neutral-100 {
  border-left: 1px solid rgb(232.8, 233.85, 235.95) !important;
  border-right: 1px solid rgb(232.8, 233.85, 235.95) !important;
}

.is-bg-color--neutral-200 {
  background-color: rgb(210.6, 212.7, 216.9) !important;
  color: #000 !important;
}
.is-bg-color--neutral-200 > * {
  color: #000 !important;
}

.is-color--neutral-200 {
  --dxp-c-text-block-text-color: rgb(210.6, 212.7, 216.9);
  color: rgb(210.6, 212.7, 216.9) !important;
}
.is-color--neutral-200 > * {
  color: rgb(210.6, 212.7, 216.9) !important;
}

.is-border-top--neutral-200 {
  border-top: 1px solid rgb(210.6, 212.7, 216.9) !important;
}

.is-border-bottom--neutral-200 {
  border-bottom: 1px solid rgb(210.6, 212.7, 216.9) !important;
}

.is-border-right--neutral-200 {
  border-right: 1px solid rgb(210.6, 212.7, 216.9) !important;
}

.is-border-left--neutral-200 {
  border-left: 1px solid rgb(210.6, 212.7, 216.9) !important;
}

.is-border-vertical--neutral-200 {
  border-top: 1px solid rgb(210.6, 212.7, 216.9) !important;
  border-bottom: 1px solid rgb(210.6, 212.7, 216.9) !important;
}

.is-border-horizontal--neutral-200 {
  border-left: 1px solid rgb(210.6, 212.7, 216.9) !important;
  border-right: 1px solid rgb(210.6, 212.7, 216.9) !important;
}

.is-bg-color--neutral-300 {
  background-color: rgb(181, 184.5, 191.5) !important;
  color: #000 !important;
}
.is-bg-color--neutral-300 > * {
  color: #000 !important;
}

.is-color--neutral-300 {
  --dxp-c-text-block-text-color: rgb(181, 184.5, 191.5);
  color: rgb(181, 184.5, 191.5) !important;
}
.is-color--neutral-300 > * {
  color: rgb(181, 184.5, 191.5) !important;
}

.is-border-top--neutral-300 {
  border-top: 1px solid rgb(181, 184.5, 191.5) !important;
}

.is-border-bottom--neutral-300 {
  border-bottom: 1px solid rgb(181, 184.5, 191.5) !important;
}

.is-border-right--neutral-300 {
  border-right: 1px solid rgb(181, 184.5, 191.5) !important;
}

.is-border-left--neutral-300 {
  border-left: 1px solid rgb(181, 184.5, 191.5) !important;
}

.is-border-vertical--neutral-300 {
  border-top: 1px solid rgb(181, 184.5, 191.5) !important;
  border-bottom: 1px solid rgb(181, 184.5, 191.5) !important;
}

.is-border-horizontal--neutral-300 {
  border-left: 1px solid rgb(181, 184.5, 191.5) !important;
  border-right: 1px solid rgb(181, 184.5, 191.5) !important;
}

.is-bg-color--neutral-400 {
  background-color: rgb(151.4, 156.3, 166.1) !important;
  color: #000 !important;
}
.is-bg-color--neutral-400 > * {
  color: #000 !important;
}

.is-color--neutral-400 {
  --dxp-c-text-block-text-color: rgb(151.4, 156.3, 166.1);
  color: rgb(151.4, 156.3, 166.1) !important;
}
.is-color--neutral-400 > * {
  color: rgb(151.4, 156.3, 166.1) !important;
}

.is-border-top--neutral-400 {
  border-top: 1px solid rgb(151.4, 156.3, 166.1) !important;
}

.is-border-bottom--neutral-400 {
  border-bottom: 1px solid rgb(151.4, 156.3, 166.1) !important;
}

.is-border-right--neutral-400 {
  border-right: 1px solid rgb(151.4, 156.3, 166.1) !important;
}

.is-border-left--neutral-400 {
  border-left: 1px solid rgb(151.4, 156.3, 166.1) !important;
}

.is-border-vertical--neutral-400 {
  border-top: 1px solid rgb(151.4, 156.3, 166.1) !important;
  border-bottom: 1px solid rgb(151.4, 156.3, 166.1) !important;
}

.is-border-horizontal--neutral-400 {
  border-left: 1px solid rgb(151.4, 156.3, 166.1) !important;
  border-right: 1px solid rgb(151.4, 156.3, 166.1) !important;
}

.is-bg-color--neutral-500 {
  background-color: #6b7280 !important;
  color: #fff !important;
}
.is-bg-color--neutral-500 > * {
  color: #fff !important;
}

.is-color--neutral-500 {
  --dxp-c-text-block-text-color: #6b7280;
  color: #6b7280 !important;
}
.is-color--neutral-500 > * {
  color: #6b7280 !important;
}

.is-border-top--neutral-500 {
  border-top: 1px solid #6b7280 !important;
}

.is-border-bottom--neutral-500 {
  border-bottom: 1px solid #6b7280 !important;
}

.is-border-right--neutral-500 {
  border-right: 1px solid #6b7280 !important;
}

.is-border-left--neutral-500 {
  border-left: 1px solid #6b7280 !important;
}

.is-border-vertical--neutral-500 {
  border-top: 1px solid #6b7280 !important;
  border-bottom: 1px solid #6b7280 !important;
}

.is-border-horizontal--neutral-500 {
  border-left: 1px solid #6b7280 !important;
  border-right: 1px solid #6b7280 !important;
}

.is-bg-color--neutral-600 {
  background-color: rgb(101.65, 108.3, 121.6) !important;
  color: #fff !important;
}
.is-bg-color--neutral-600 > * {
  color: #fff !important;
}

.is-color--neutral-600 {
  --dxp-c-text-block-text-color: rgb(101.65, 108.3, 121.6);
  color: rgb(101.65, 108.3, 121.6) !important;
}
.is-color--neutral-600 > * {
  color: rgb(101.65, 108.3, 121.6) !important;
}

.is-border-top--neutral-600 {
  border-top: 1px solid rgb(101.65, 108.3, 121.6) !important;
}

.is-border-bottom--neutral-600 {
  border-bottom: 1px solid rgb(101.65, 108.3, 121.6) !important;
}

.is-border-right--neutral-600 {
  border-right: 1px solid rgb(101.65, 108.3, 121.6) !important;
}

.is-border-left--neutral-600 {
  border-left: 1px solid rgb(101.65, 108.3, 121.6) !important;
}

.is-border-vertical--neutral-600 {
  border-top: 1px solid rgb(101.65, 108.3, 121.6) !important;
  border-bottom: 1px solid rgb(101.65, 108.3, 121.6) !important;
}

.is-border-horizontal--neutral-600 {
  border-left: 1px solid rgb(101.65, 108.3, 121.6) !important;
  border-right: 1px solid rgb(101.65, 108.3, 121.6) !important;
}

.is-bg-color--neutral-700 {
  background-color: rgb(80.25, 85.5, 96) !important;
  color: #fff !important;
}
.is-bg-color--neutral-700 > * {
  color: #fff !important;
}

.is-color--neutral-700 {
  --dxp-c-text-block-text-color: rgb(80.25, 85.5, 96);
  color: rgb(80.25, 85.5, 96) !important;
}
.is-color--neutral-700 > * {
  color: rgb(80.25, 85.5, 96) !important;
}

.is-border-top--neutral-700 {
  border-top: 1px solid rgb(80.25, 85.5, 96) !important;
}

.is-border-bottom--neutral-700 {
  border-bottom: 1px solid rgb(80.25, 85.5, 96) !important;
}

.is-border-right--neutral-700 {
  border-right: 1px solid rgb(80.25, 85.5, 96) !important;
}

.is-border-left--neutral-700 {
  border-left: 1px solid rgb(80.25, 85.5, 96) !important;
}

.is-border-vertical--neutral-700 {
  border-top: 1px solid rgb(80.25, 85.5, 96) !important;
  border-bottom: 1px solid rgb(80.25, 85.5, 96) !important;
}

.is-border-horizontal--neutral-700 {
  border-left: 1px solid rgb(80.25, 85.5, 96) !important;
  border-right: 1px solid rgb(80.25, 85.5, 96) !important;
}

.is-bg-color--neutral-800 {
  background-color: rgb(53.5, 57, 64) !important;
  color: #fff !important;
}
.is-bg-color--neutral-800 > * {
  color: #fff !important;
}

.is-color--neutral-800 {
  --dxp-c-text-block-text-color: rgb(53.5, 57, 64);
  color: rgb(53.5, 57, 64) !important;
}
.is-color--neutral-800 > * {
  color: rgb(53.5, 57, 64) !important;
}

.is-border-top--neutral-800 {
  border-top: 1px solid rgb(53.5, 57, 64) !important;
}

.is-border-bottom--neutral-800 {
  border-bottom: 1px solid rgb(53.5, 57, 64) !important;
}

.is-border-right--neutral-800 {
  border-right: 1px solid rgb(53.5, 57, 64) !important;
}

.is-border-left--neutral-800 {
  border-left: 1px solid rgb(53.5, 57, 64) !important;
}

.is-border-vertical--neutral-800 {
  border-top: 1px solid rgb(53.5, 57, 64) !important;
  border-bottom: 1px solid rgb(53.5, 57, 64) !important;
}

.is-border-horizontal--neutral-800 {
  border-left: 1px solid rgb(53.5, 57, 64) !important;
  border-right: 1px solid rgb(53.5, 57, 64) !important;
}

.is-bg-color--neutral-900 {
  background-color: rgb(26.75, 28.5, 32) !important;
  color: #fff !important;
}
.is-bg-color--neutral-900 > * {
  color: #fff !important;
}

.is-color--neutral-900 {
  --dxp-c-text-block-text-color: rgb(26.75, 28.5, 32);
  color: rgb(26.75, 28.5, 32) !important;
}
.is-color--neutral-900 > * {
  color: rgb(26.75, 28.5, 32) !important;
}

.is-border-top--neutral-900 {
  border-top: 1px solid rgb(26.75, 28.5, 32) !important;
}

.is-border-bottom--neutral-900 {
  border-bottom: 1px solid rgb(26.75, 28.5, 32) !important;
}

.is-border-right--neutral-900 {
  border-right: 1px solid rgb(26.75, 28.5, 32) !important;
}

.is-border-left--neutral-900 {
  border-left: 1px solid rgb(26.75, 28.5, 32) !important;
}

.is-border-vertical--neutral-900 {
  border-top: 1px solid rgb(26.75, 28.5, 32) !important;
  border-bottom: 1px solid rgb(26.75, 28.5, 32) !important;
}

.is-border-horizontal--neutral-900 {
  border-left: 1px solid rgb(26.75, 28.5, 32) !important;
  border-right: 1px solid rgb(26.75, 28.5, 32) !important;
}

.is-bg-color--neutral-alpha-10 {
  background-color: rgba(107, 114, 128, 0.1) !important;
  color: #fff !important;
}
.is-bg-color--neutral-alpha-10 > * {
  color: #fff !important;
}

.is-color--neutral-alpha-10 {
  --dxp-c-text-block-text-color: rgba(107, 114, 128, 0.1);
  color: rgba(107, 114, 128, 0.1) !important;
}
.is-color--neutral-alpha-10 > * {
  color: rgba(107, 114, 128, 0.1) !important;
}

.is-border-top--neutral-alpha-10 {
  border-top: 1px solid rgba(107, 114, 128, 0.1) !important;
}

.is-border-bottom--neutral-alpha-10 {
  border-bottom: 1px solid rgba(107, 114, 128, 0.1) !important;
}

.is-border-right--neutral-alpha-10 {
  border-right: 1px solid rgba(107, 114, 128, 0.1) !important;
}

.is-border-left--neutral-alpha-10 {
  border-left: 1px solid rgba(107, 114, 128, 0.1) !important;
}

.is-border-vertical--neutral-alpha-10 {
  border-top: 1px solid rgba(107, 114, 128, 0.1) !important;
  border-bottom: 1px solid rgba(107, 114, 128, 0.1) !important;
}

.is-border-horizontal--neutral-alpha-10 {
  border-left: 1px solid rgba(107, 114, 128, 0.1) !important;
  border-right: 1px solid rgba(107, 114, 128, 0.1) !important;
}

.is-bg-color--neutral-alpha-20 {
  background-color: rgba(107, 114, 128, 0.2) !important;
  color: #fff !important;
}
.is-bg-color--neutral-alpha-20 > * {
  color: #fff !important;
}

.is-color--neutral-alpha-20 {
  --dxp-c-text-block-text-color: rgba(107, 114, 128, 0.2);
  color: rgba(107, 114, 128, 0.2) !important;
}
.is-color--neutral-alpha-20 > * {
  color: rgba(107, 114, 128, 0.2) !important;
}

.is-border-top--neutral-alpha-20 {
  border-top: 1px solid rgba(107, 114, 128, 0.2) !important;
}

.is-border-bottom--neutral-alpha-20 {
  border-bottom: 1px solid rgba(107, 114, 128, 0.2) !important;
}

.is-border-right--neutral-alpha-20 {
  border-right: 1px solid rgba(107, 114, 128, 0.2) !important;
}

.is-border-left--neutral-alpha-20 {
  border-left: 1px solid rgba(107, 114, 128, 0.2) !important;
}

.is-border-vertical--neutral-alpha-20 {
  border-top: 1px solid rgba(107, 114, 128, 0.2) !important;
  border-bottom: 1px solid rgba(107, 114, 128, 0.2) !important;
}

.is-border-horizontal--neutral-alpha-20 {
  border-left: 1px solid rgba(107, 114, 128, 0.2) !important;
  border-right: 1px solid rgba(107, 114, 128, 0.2) !important;
}

.is-bg-color--neutral-alpha-30 {
  background-color: rgba(107, 114, 128, 0.3) !important;
  color: #fff !important;
}
.is-bg-color--neutral-alpha-30 > * {
  color: #fff !important;
}

.is-color--neutral-alpha-30 {
  --dxp-c-text-block-text-color: rgba(107, 114, 128, 0.3);
  color: rgba(107, 114, 128, 0.3) !important;
}
.is-color--neutral-alpha-30 > * {
  color: rgba(107, 114, 128, 0.3) !important;
}

.is-border-top--neutral-alpha-30 {
  border-top: 1px solid rgba(107, 114, 128, 0.3) !important;
}

.is-border-bottom--neutral-alpha-30 {
  border-bottom: 1px solid rgba(107, 114, 128, 0.3) !important;
}

.is-border-right--neutral-alpha-30 {
  border-right: 1px solid rgba(107, 114, 128, 0.3) !important;
}

.is-border-left--neutral-alpha-30 {
  border-left: 1px solid rgba(107, 114, 128, 0.3) !important;
}

.is-border-vertical--neutral-alpha-30 {
  border-top: 1px solid rgba(107, 114, 128, 0.3) !important;
  border-bottom: 1px solid rgba(107, 114, 128, 0.3) !important;
}

.is-border-horizontal--neutral-alpha-30 {
  border-left: 1px solid rgba(107, 114, 128, 0.3) !important;
  border-right: 1px solid rgba(107, 114, 128, 0.3) !important;
}

.is-bg-color--neutral-alpha-40 {
  background-color: rgba(107, 114, 128, 0.4) !important;
  color: #fff !important;
}
.is-bg-color--neutral-alpha-40 > * {
  color: #fff !important;
}

.is-color--neutral-alpha-40 {
  --dxp-c-text-block-text-color: rgba(107, 114, 128, 0.4);
  color: rgba(107, 114, 128, 0.4) !important;
}
.is-color--neutral-alpha-40 > * {
  color: rgba(107, 114, 128, 0.4) !important;
}

.is-border-top--neutral-alpha-40 {
  border-top: 1px solid rgba(107, 114, 128, 0.4) !important;
}

.is-border-bottom--neutral-alpha-40 {
  border-bottom: 1px solid rgba(107, 114, 128, 0.4) !important;
}

.is-border-right--neutral-alpha-40 {
  border-right: 1px solid rgba(107, 114, 128, 0.4) !important;
}

.is-border-left--neutral-alpha-40 {
  border-left: 1px solid rgba(107, 114, 128, 0.4) !important;
}

.is-border-vertical--neutral-alpha-40 {
  border-top: 1px solid rgba(107, 114, 128, 0.4) !important;
  border-bottom: 1px solid rgba(107, 114, 128, 0.4) !important;
}

.is-border-horizontal--neutral-alpha-40 {
  border-left: 1px solid rgba(107, 114, 128, 0.4) !important;
  border-right: 1px solid rgba(107, 114, 128, 0.4) !important;
}

.is-bg-color--neutral-alpha-50 {
  background-color: rgba(107, 114, 128, 0.5) !important;
  color: #fff !important;
}
.is-bg-color--neutral-alpha-50 > * {
  color: #fff !important;
}

.is-color--neutral-alpha-50 {
  --dxp-c-text-block-text-color: rgba(107, 114, 128, 0.5);
  color: rgba(107, 114, 128, 0.5) !important;
}
.is-color--neutral-alpha-50 > * {
  color: rgba(107, 114, 128, 0.5) !important;
}

.is-border-top--neutral-alpha-50 {
  border-top: 1px solid rgba(107, 114, 128, 0.5) !important;
}

.is-border-bottom--neutral-alpha-50 {
  border-bottom: 1px solid rgba(107, 114, 128, 0.5) !important;
}

.is-border-right--neutral-alpha-50 {
  border-right: 1px solid rgba(107, 114, 128, 0.5) !important;
}

.is-border-left--neutral-alpha-50 {
  border-left: 1px solid rgba(107, 114, 128, 0.5) !important;
}

.is-border-vertical--neutral-alpha-50 {
  border-top: 1px solid rgba(107, 114, 128, 0.5) !important;
  border-bottom: 1px solid rgba(107, 114, 128, 0.5) !important;
}

.is-border-horizontal--neutral-alpha-50 {
  border-left: 1px solid rgba(107, 114, 128, 0.5) !important;
  border-right: 1px solid rgba(107, 114, 128, 0.5) !important;
}

.is-bg-color--neutral-alpha-60 {
  background-color: rgba(107, 114, 128, 0.6) !important;
  color: #fff !important;
}
.is-bg-color--neutral-alpha-60 > * {
  color: #fff !important;
}

.is-color--neutral-alpha-60 {
  --dxp-c-text-block-text-color: rgba(107, 114, 128, 0.6);
  color: rgba(107, 114, 128, 0.6) !important;
}
.is-color--neutral-alpha-60 > * {
  color: rgba(107, 114, 128, 0.6) !important;
}

.is-border-top--neutral-alpha-60 {
  border-top: 1px solid rgba(107, 114, 128, 0.6) !important;
}

.is-border-bottom--neutral-alpha-60 {
  border-bottom: 1px solid rgba(107, 114, 128, 0.6) !important;
}

.is-border-right--neutral-alpha-60 {
  border-right: 1px solid rgba(107, 114, 128, 0.6) !important;
}

.is-border-left--neutral-alpha-60 {
  border-left: 1px solid rgba(107, 114, 128, 0.6) !important;
}

.is-border-vertical--neutral-alpha-60 {
  border-top: 1px solid rgba(107, 114, 128, 0.6) !important;
  border-bottom: 1px solid rgba(107, 114, 128, 0.6) !important;
}

.is-border-horizontal--neutral-alpha-60 {
  border-left: 1px solid rgba(107, 114, 128, 0.6) !important;
  border-right: 1px solid rgba(107, 114, 128, 0.6) !important;
}

.is-bg-color--neutral-alpha-70 {
  background-color: rgba(107, 114, 128, 0.7) !important;
  color: #fff !important;
}
.is-bg-color--neutral-alpha-70 > * {
  color: #fff !important;
}

.is-color--neutral-alpha-70 {
  --dxp-c-text-block-text-color: rgba(107, 114, 128, 0.7);
  color: rgba(107, 114, 128, 0.7) !important;
}
.is-color--neutral-alpha-70 > * {
  color: rgba(107, 114, 128, 0.7) !important;
}

.is-border-top--neutral-alpha-70 {
  border-top: 1px solid rgba(107, 114, 128, 0.7) !important;
}

.is-border-bottom--neutral-alpha-70 {
  border-bottom: 1px solid rgba(107, 114, 128, 0.7) !important;
}

.is-border-right--neutral-alpha-70 {
  border-right: 1px solid rgba(107, 114, 128, 0.7) !important;
}

.is-border-left--neutral-alpha-70 {
  border-left: 1px solid rgba(107, 114, 128, 0.7) !important;
}

.is-border-vertical--neutral-alpha-70 {
  border-top: 1px solid rgba(107, 114, 128, 0.7) !important;
  border-bottom: 1px solid rgba(107, 114, 128, 0.7) !important;
}

.is-border-horizontal--neutral-alpha-70 {
  border-left: 1px solid rgba(107, 114, 128, 0.7) !important;
  border-right: 1px solid rgba(107, 114, 128, 0.7) !important;
}

.is-bg-color--neutral-alpha-80 {
  background-color: rgba(107, 114, 128, 0.8) !important;
  color: #fff !important;
}
.is-bg-color--neutral-alpha-80 > * {
  color: #fff !important;
}

.is-color--neutral-alpha-80 {
  --dxp-c-text-block-text-color: rgba(107, 114, 128, 0.8);
  color: rgba(107, 114, 128, 0.8) !important;
}
.is-color--neutral-alpha-80 > * {
  color: rgba(107, 114, 128, 0.8) !important;
}

.is-border-top--neutral-alpha-80 {
  border-top: 1px solid rgba(107, 114, 128, 0.8) !important;
}

.is-border-bottom--neutral-alpha-80 {
  border-bottom: 1px solid rgba(107, 114, 128, 0.8) !important;
}

.is-border-right--neutral-alpha-80 {
  border-right: 1px solid rgba(107, 114, 128, 0.8) !important;
}

.is-border-left--neutral-alpha-80 {
  border-left: 1px solid rgba(107, 114, 128, 0.8) !important;
}

.is-border-vertical--neutral-alpha-80 {
  border-top: 1px solid rgba(107, 114, 128, 0.8) !important;
  border-bottom: 1px solid rgba(107, 114, 128, 0.8) !important;
}

.is-border-horizontal--neutral-alpha-80 {
  border-left: 1px solid rgba(107, 114, 128, 0.8) !important;
  border-right: 1px solid rgba(107, 114, 128, 0.8) !important;
}

.is-bg-color--neutral-alpha-90 {
  background-color: rgba(107, 114, 128, 0.9) !important;
  color: #fff !important;
}
.is-bg-color--neutral-alpha-90 > * {
  color: #fff !important;
}

.is-color--neutral-alpha-90 {
  --dxp-c-text-block-text-color: rgba(107, 114, 128, 0.9);
  color: rgba(107, 114, 128, 0.9) !important;
}
.is-color--neutral-alpha-90 > * {
  color: rgba(107, 114, 128, 0.9) !important;
}

.is-border-top--neutral-alpha-90 {
  border-top: 1px solid rgba(107, 114, 128, 0.9) !important;
}

.is-border-bottom--neutral-alpha-90 {
  border-bottom: 1px solid rgba(107, 114, 128, 0.9) !important;
}

.is-border-right--neutral-alpha-90 {
  border-right: 1px solid rgba(107, 114, 128, 0.9) !important;
}

.is-border-left--neutral-alpha-90 {
  border-left: 1px solid rgba(107, 114, 128, 0.9) !important;
}

.is-border-vertical--neutral-alpha-90 {
  border-top: 1px solid rgba(107, 114, 128, 0.9) !important;
  border-bottom: 1px solid rgba(107, 114, 128, 0.9) !important;
}

.is-border-horizontal--neutral-alpha-90 {
  border-left: 1px solid rgba(107, 114, 128, 0.9) !important;
  border-right: 1px solid rgba(107, 114, 128, 0.9) !important;
}

.is-bg-color--success {
  background-color: #0D9488 !important;
  color: #fff !important;
}
.is-bg-color--success > * {
  color: #fff !important;
}

.is-color--success {
  --dxp-c-text-block-text-color: #0D9488;
  color: #0D9488 !important;
}
.is-color--success > * {
  color: #0D9488 !important;
}

.is-border-top--success {
  border-top: 1px solid #0D9488 !important;
}

.is-border-bottom--success {
  border-bottom: 1px solid #0D9488 !important;
}

.is-border-right--success {
  border-right: 1px solid #0D9488 !important;
}

.is-border-left--success {
  border-left: 1px solid #0D9488 !important;
}

.is-border-vertical--success {
  border-top: 1px solid #0D9488 !important;
  border-bottom: 1px solid #0D9488 !important;
}

.is-border-horizontal--success {
  border-left: 1px solid #0D9488 !important;
  border-right: 1px solid #0D9488 !important;
}

.is-bg-color--warning {
  background-color: #FACC15 !important;
  color: #000 !important;
}
.is-bg-color--warning > * {
  color: #000 !important;
}

.is-color--warning {
  --dxp-c-text-block-text-color: #FACC15;
  color: #FACC15 !important;
}
.is-color--warning > * {
  color: #FACC15 !important;
}

.is-border-top--warning {
  border-top: 1px solid #FACC15 !important;
}

.is-border-bottom--warning {
  border-bottom: 1px solid #FACC15 !important;
}

.is-border-right--warning {
  border-right: 1px solid #FACC15 !important;
}

.is-border-left--warning {
  border-left: 1px solid #FACC15 !important;
}

.is-border-vertical--warning {
  border-top: 1px solid #FACC15 !important;
  border-bottom: 1px solid #FACC15 !important;
}

.is-border-horizontal--warning {
  border-left: 1px solid #FACC15 !important;
  border-right: 1px solid #FACC15 !important;
}

.is-bg-color--error {
  background-color: #DC2626 !important;
  color: #fff !important;
}
.is-bg-color--error > * {
  color: #fff !important;
}

.is-color--error {
  --dxp-c-text-block-text-color: #DC2626;
  color: #DC2626 !important;
}
.is-color--error > * {
  color: #DC2626 !important;
}

.is-border-top--error {
  border-top: 1px solid #DC2626 !important;
}

.is-border-bottom--error {
  border-bottom: 1px solid #DC2626 !important;
}

.is-border-right--error {
  border-right: 1px solid #DC2626 !important;
}

.is-border-left--error {
  border-left: 1px solid #DC2626 !important;
}

.is-border-vertical--error {
  border-top: 1px solid #DC2626 !important;
  border-bottom: 1px solid #DC2626 !important;
}

.is-border-horizontal--error {
  border-left: 1px solid #DC2626 !important;
  border-right: 1px solid #DC2626 !important;
}

.is-bg-color--info {
  background-color: #2563EB !important;
  color: #fff !important;
}
.is-bg-color--info > * {
  color: #fff !important;
}

.is-color--info {
  --dxp-c-text-block-text-color: #2563EB;
  color: #2563EB !important;
}
.is-color--info > * {
  color: #2563EB !important;
}

.is-border-top--info {
  border-top: 1px solid #2563EB !important;
}

.is-border-bottom--info {
  border-bottom: 1px solid #2563EB !important;
}

.is-border-right--info {
  border-right: 1px solid #2563EB !important;
}

.is-border-left--info {
  border-left: 1px solid #2563EB !important;
}

.is-border-vertical--info {
  border-top: 1px solid #2563EB !important;
  border-bottom: 1px solid #2563EB !important;
}

.is-border-horizontal--info {
  border-left: 1px solid #2563EB !important;
  border-right: 1px solid #2563EB !important;
}

.is-bg-color--background {
  background-color: #FEFEFE !important;
  color: #000 !important;
}
.is-bg-color--background > * {
  color: #000 !important;
}

.is-color--background {
  --dxp-c-text-block-text-color: #FEFEFE;
  color: #FEFEFE !important;
}
.is-color--background > * {
  color: #FEFEFE !important;
}

.is-border-top--background {
  border-top: 1px solid #FEFEFE !important;
}

.is-border-bottom--background {
  border-bottom: 1px solid #FEFEFE !important;
}

.is-border-right--background {
  border-right: 1px solid #FEFEFE !important;
}

.is-border-left--background {
  border-left: 1px solid #FEFEFE !important;
}

.is-border-vertical--background {
  border-top: 1px solid #FEFEFE !important;
  border-bottom: 1px solid #FEFEFE !important;
}

.is-border-horizontal--background {
  border-left: 1px solid #FEFEFE !important;
  border-right: 1px solid #FEFEFE !important;
}

.is-bg-color--white {
  background-color: #FFFFFF !important;
  color: #000 !important;
}
.is-bg-color--white > * {
  color: #000 !important;
}

.is-color--white {
  --dxp-c-text-block-text-color: #FFFFFF;
  color: #FFFFFF !important;
}
.is-color--white > * {
  color: #FFFFFF !important;
}

.is-border-top--white {
  border-top: 1px solid #FFFFFF !important;
}

.is-border-bottom--white {
  border-bottom: 1px solid #FFFFFF !important;
}

.is-border-right--white {
  border-right: 1px solid #FFFFFF !important;
}

.is-border-left--white {
  border-left: 1px solid #FFFFFF !important;
}

.is-border-vertical--white {
  border-top: 1px solid #FFFFFF !important;
  border-bottom: 1px solid #FFFFFF !important;
}

.is-border-horizontal--white {
  border-left: 1px solid #FFFFFF !important;
  border-right: 1px solid #FFFFFF !important;
}

.is-bg-color--black {
  background-color: #000000 !important;
  color: #fff !important;
}
.is-bg-color--black > * {
  color: #fff !important;
}

.is-color--black {
  --dxp-c-text-block-text-color: #000000;
  color: #000000 !important;
}
.is-color--black > * {
  color: #000000 !important;
}

.is-border-top--black {
  border-top: 1px solid #000000 !important;
}

.is-border-bottom--black {
  border-bottom: 1px solid #000000 !important;
}

.is-border-right--black {
  border-right: 1px solid #000000 !important;
}

.is-border-left--black {
  border-left: 1px solid #000000 !important;
}

.is-border-vertical--black {
  border-top: 1px solid #000000 !important;
  border-bottom: 1px solid #000000 !important;
}

.is-border-horizontal--black {
  border-left: 1px solid #000000 !important;
  border-right: 1px solid #000000 !important;
}

.is-width--full {
  width: 100%;
}
.is-size--small {
  --brand-button-size: 0.5rem;
  --brand-button-size--text: 0.875rem;
  --brand-button-font--family: var(--dxp-s-body-font-family);
}
.is-size--medium {
  --brand-button-size: 1rem;
  --brand-button-size--text: 1rem;
  --brand-button-font--family: var(--dxp-s-body-font-family);
}
.is-size--large {
  --brand-button-size: 1.125rem;
  --brand-button-size--text: 1.125rem;
  --brand-button-font--family: var(--dxp-s-body-font-family);
}
.is-button-component--primary .slds-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-primary-500);
  color: var(--color-white);
  border: 1px solid var(--color-primary-500);
  padding: 0.5rem 1rem;
}
.is-button-component--primary .slds-button:hover {
  background-color: var(--color-primary-700);
}
.is-button-component--secondary .slds-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-primary-500);
  color: var(--color-white);
  border: 1px solid var(--color-primary-500);
  padding: 0.5rem 1rem;
}
.is-button-component--secondary .slds-button:hover {
  background-color: var(--color-primary-700);
}
.is-button-component--neutral .slds-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-primary-500);
  color: var(--color-white);
  border: 1px solid var(--color-primary-500);
  padding: 0.5rem 1rem;
}
.is-button-component--neutral .slds-button:hover {
  background-color: var(--color-primary-700);
}
.is-button-component--light .slds-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-primary-500);
  color: var(--color-white);
  border: 1px solid var(--color-primary-500);
  padding: 0.5rem 1rem;
}
.is-button-component--light .slds-button:hover {
  background-color: var(--color-primary-700);
}

.is-footer-navigation--white a {
  border-bottom: none !important;
  color: var(--color-neutral-300) !important;
  padding: 0 !important;
}

/* kinetics override. Hover on buttons which do not match the brand colour. */
*[kx-scope^=button-] {
  --slds-kx-button-gradient-size: 0;
  --slds-kx-button-ripple-size: 0;
  --slds-kx-button-gradient-color: transparent;
}

*[kx-scope=button][kx-type=underline]:after {
  content: unset !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-heading) !important;
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
}
h1*, h2*, h3*, h4*, h5*, h6* {
  font-family: var(--font-family-heading) !important;
}

h1 {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  line-height: 36px;
  letter-spacing: var(--letter-spacing-tight);
}

h2 {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  line-height: 28px;
}

h3 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  line-height: 24px;
}

h4 {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  line-height: 20px;
}

h5 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  line-height: 18px;
}

h6 {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  line-height: 16px;
}

html, body {
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
}

p:not(.is-math):not(.is-math *), span:not(.is-math):not(.is-math *), input:not(.is-math):not(.is-math *), label:not(.is-math):not(.is-math *), ul:not(.is-math):not(.is-math *), ol:not(.is-math):not(.is-math *), a:not(.is-math):not(.is-math *), div:not(.is-math):not(.is-math *) {
  font-family: var(--font-family-sans);
  text-align: left !important;
}

.is-fbo-logo * {
  width: 100% !important;
}

a, a:link:not(.slds-button, .slds-dropdown__item > a), a:visited:not(.slds-button, .slds-dropdown__item > a) {
  color: var(--color-primary-500, var(--dxp-c-link-text-color, var(--dxp-s-link-text-color, var(--dxp-g-brand))));
  background-color: var(transparent, var(--dxp-c-link-color-background));
  text-decoration: var(--dxp-c-link-text-decoration, var(--dxp-s-link-text-decoration, underline));
  text-shadow: var(--dxp-c-link-text-shadow);
  transition: var(--dxp-c-link-transition);
}

a:hover:not(.slds-button, .slds-dropdown__item > a) {
  text-decoration: none !important;
}

:root {
  --dxp-s-section-content-spacing-inline-end-mobile: 1rem;
  --dxp-s-section-content-spacing-inline-start-mobile: 1rem;
}

/**
 * EAGE Article Header Component
 *
 * A hero-style article header with image, overlay, pills, and title.
 * Uses BEM naming and CSS custom properties for flexibility.
 */
.eage-article-header {
  --_height: var(--spacing-96);
  --_height-mobile: var(--spacing-48);
  --_radius: var(--border-radius-xl);
  --_padding: var(--spacing-4);
  --_padding-mobile: var(--spacing-2);
  --_title-size: var(--font-size-5xl);
  --_title-size-mobile: var(--font-size-2xl);
  --_title-weight: var(--font-weight-semibold);
  --_title-line-height: var(--line-height-snug);
  --_pill-gap: var(--spacing-2);
  position: relative;
  width: 100%;
  min-height: var(--_height);
  border-radius: var(--_radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.eage-article-header__image-container {
  position: absolute;
  inset: 0;
  z-index: 10;
}
.eage-article-header__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.eage-article-header__image-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, var(--color-neutral-200), var(--color-neutral-400));
}
.eage-article-header__overlay {
  position: relative;
  flex: 1;
  z-index: 20;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: var(--_padding);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.18) 40%, rgba(0, 0, 0, 0) 100%);
}
.eage-article-header__pills-top, .eage-article-header__pills-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: var(--_pill-gap);
  align-items: flex-start;
}
.eage-article-header__pills-bottom {
  margin-bottom: var(--_pill-gap);
}
.eage-article-header__content-bottom {
  margin-top: auto;
}
.eage-article-header__title {
  margin: 0;
  font-size: var(--_title-size);
  font-weight: var(--_title-weight);
  line-height: var(--_title-line-height);
  color: var(--color-white);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
@media (max-width: 639px) {
  .eage-article-header {
    --_title-size: var(--_title-size-mobile);
    --_padding: var(--_padding-mobile);
    min-height: var(--_height-mobile);
  }
}
@media (prefers-reduced-motion: reduce) {
  .eage-article-header .eage-article-header__pill {
    transition: none;
  }
  .eage-article-header .eage-article-header__pill:hover {
    transform: none;
  }
}

/**
 * EAGE Article Authors Component
 *
 * 3-column compact layout: [stacked avatars] [inline names] [show more/less]
 * Expanded panel shows remaining authors with full details.
 * Uses BEM naming and CSS custom properties for flexibility.
 */
.eage-article-authors {
  --_author-gap: var(--spacing-3);
  --_avatar-size: 3rem;
  --_avatar-bg: var(--color-primary-500);
  --_avatar-color: var(--color-white);
  --_avatar-radius: var(--border-radius-full);
  --_avatar-initials-size: var(--font-size-xs);
  --_name-size: var(--font-size-sm);
  --_name-weight: var(--font-weight-semibold);
  --_name-color: var(--color-neutral-900);
  --_affiliation-size: var(--font-size-xs);
  --_affiliation-color: var(--color-neutral-800);
  --_link-color: var(--color-primary-500);
  --_link-hover-color: var(--color-primary-700);
  --_affiliations-gap: var(--spacing-2);
  display: block;
  width: 100%;
  padding: var(--spacing-4) 0;
  border-top: 1px solid var(--color-neutral-300);
  border-bottom: 1px solid var(--color-neutral-300);
}
.eage-article-authors__avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--_avatar-size);
  height: var(--_avatar-size);
  flex-shrink: 0;
  background-color: var(--_avatar-bg);
  border-radius: var(--_avatar-radius);
  overflow: hidden;
}
.eage-article-authors__avatar-initials {
  font-size: var(--_avatar-initials-size);
  font-weight: 600;
  color: var(--_avatar-color);
  line-height: var(--line-height-none);
  text-transform: uppercase;
}
.eage-article-authors__info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--spacing-0-5);
}
.eage-article-authors__name {
  font-size: var(--_name-size);
  font-weight: var(--_name-weight);
  color: var(--_name-color);
  line-height: var(--line-height-snug);
  margin: 0;
}
.eage-article-authors__name--link {
  color: var(--_link-color);
  text-decoration: none;
  font-size: var(--_name-size);
  padding: 0;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-authors__name--link:hover {
  color: var(--_link-hover-color);
  text-decoration: underline;
}
.eage-article-authors__name--link:focus-visible {
  outline: 2px solid var(--_link-color);
  outline-offset: 2px;
  border-radius: var(--border-radius-sm);
}
.eage-article-authors__affiliations {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--_affiliations-gap);
}
.eage-article-authors__affiliation {
  font-size: var(--_affiliation-size);
  color: var(--_affiliation-color);
  line-height: var(--line-height-normal);
}
.eage-article-authors__affiliation--link {
  color: var(--_link-color);
  text-decoration: none;
  font-size: var(--_affiliation-size);
  padding: 0;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-authors__affiliation--link:hover {
  color: var(--_link-hover-color);
  text-decoration: underline;
}
.eage-article-authors__affiliation--link:focus-visible {
  outline: 2px solid var(--_link-color);
  outline-offset: 2px;
  border-radius: var(--border-radius-sm);
}
.eage-article-authors__affiliation:not(:last-child)::after {
  content: ", ";
}
.eage-article-authors__compact-grid {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--spacing-3);
}
.eage-article-authors__mobile-list {
  display: none;
}
.eage-article-authors__avatar-stack {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
}
.eage-article-authors__avatar-stack-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--_avatar-size);
  height: var(--_avatar-size);
  background-color: var(--_avatar-bg);
  border-radius: var(--_avatar-radius);
  border: 2px solid var(--color-white);
  overflow: hidden;
  flex-shrink: 0;
}
.eage-article-authors__avatar-overflow {
  background-color: var(--color-primary-700);
}
.eage-article-authors__compact-names {
  font-size: var(--_name-size);
  line-height: var(--line-height-relaxed);
  color: var(--_name-color);
  min-width: 0;
}
.eage-article-authors__compact-name {
  font-weight: var(--_name-weight);
}
.eage-article-authors__compact-name--link {
  font-weight: var(--_name-weight);
  color: var(--_link-color);
  text-decoration: none;
  padding: 0;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-authors__compact-name--link:hover {
  color: var(--_link-hover-color);
  text-decoration: underline;
}
.eage-article-authors__compact-name--link:focus-visible {
  outline: 2px solid var(--_link-color);
  outline-offset: 2px;
  border-radius: var(--border-radius-sm);
}
.eage-article-authors__compact-affiliations {
  font-size: var(--_affiliation-size);
  color: var(--_affiliation-color);
}
.eage-article-authors__compact-affiliation {
  font-size: var(--_affiliation-size);
  color: var(--_affiliation-color);
}
.eage-article-authors__compact-affiliation--link {
  color: var(--_link-color);
  text-decoration: none;
  font-size: var(--_affiliation-size);
  padding: 0;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-authors__compact-affiliation--link:hover {
  color: var(--_link-hover-color);
  text-decoration: underline;
}
.eage-article-authors__compact-affiliation:not(:last-child)::after {
  content: ", ";
}
.eage-article-authors__compact-toggle-col {
  flex-shrink: 0;
}
.eage-article-authors__compact-toggle {
  background: none;
  border: none;
  padding: 0;
  color: var(--_link-color);
  font-size: var(--_name-size);
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
  white-space: nowrap;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-authors__compact-toggle:hover {
  color: var(--color-primary-700);
}
.eage-article-authors__compact-toggle:focus-visible {
  outline: 2px solid var(--_link-color);
  outline-offset: 2px;
  border-radius: var(--border-radius-sm);
}
.eage-article-authors__compact-panel {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3);
  margin-top: var(--spacing-4);
  padding-top: var(--spacing-4);
  border-top: 1px solid var(--color-neutral-300);
}
.eage-article-authors__compact-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--_author-gap);
  flex: 0 0 calc(50% - var(--spacing-3) / 2);
}
@media (max-width: 767px) {
  .eage-article-authors {
    --_avatar-size: 2.25rem;
    --_avatar-initials-size: var(--font-size-xs);
    --_name-size: var(--font-size-xs);
    --_affiliation-size: var(--font-size-xs);
    --_author-gap: var(--spacing-2);
  }
}
@media (max-width: 639px) {
  .eage-article-authors {
    --_avatar-size: 2.25rem;
    --_avatar-initials-size: var(--font-size-xs);
    --_name-size: var(--font-size-xs);
    --_affiliation-size: var(--font-size-xs);
    --_author-gap: var(--spacing-1-5);
  }
  .eage-article-authors .eage-article-authors__compact-row {
    flex: 0 0 100%;
  }
  .eage-article-authors .eage-article-authors__compact-grid {
    display: none;
  }
  .eage-article-authors .eage-article-authors__mobile-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3);
  }
}
@media (prefers-reduced-motion: reduce) {
  .eage-article-authors__name--link, .eage-article-authors__affiliation--link, .eage-article-authors__compact-name--link, .eage-article-authors__compact-toggle {
    transition: none;
  }
}

/**
 * EAGE Article Body Component
 *
 * Article body section with abstract, meta information, and advertisement placeholders.
 * Uses BEM naming and CSS custom properties for flexibility.
 */
.eage-article-body {
  --_section-margin: var(--spacing-4);
  --_meta-gap: var(--spacing-3);
  --_short-description-size: var(--font-size-4xl);
  --_introduction-size: var(--font-size-lg);
  --_meta-size: var(--font-size-sm);
  --_icon-size: 1rem;
}
.eage-article-body ul, .eage-article-body ol {
  padding-inline-start: 1rem;
  margin-block-start: 1rem;
  margin-block-end: 1rem;
}
.eage-article-body ul {
  list-style: disc;
}
.eage-article-body ol {
  list-style: decimal;
}
.eage-article-body__section {
  margin-bottom: var(--_section-margin);
}
.eage-article-body__short-description {
  font-size: var(--_short-description-size);
  margin-bottom: var(--spacing-4);
  text-align: left !important;
}
.eage-article-body__introduction p {
  font-size: var(--_introduction-size) !important;
  font-weight: 500;
  color: var(--color-neutral-900);
  text-align: left !important;
}
.eage-article-body__meta {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.eage-article-body__created-date {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--_meta-size);
  color: var(--color-neutral-800);
}
.eage-article-body__redacted-date {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--_meta-size);
  color: var(--color-neutral-800);
}
.eage-article-body__info-trigger {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.eage-article-body__info-trigger:hover .eage-article-body__info-popout {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.eage-article-body__info-popout {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 50%;
  transform: translateX(-50%) translateY(-4px);
  min-width: 12rem;
  max-width: 20rem;
  padding: 0.75rem;
  background-color: var(--color-white);
  color: var(--color-neutral-800);
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  font-size: 0.875rem;
  line-height: var(--line-height-relaxed);
  opacity: 0;
  visibility: hidden;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), visibility 150ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 50;
  white-space: normal;
}
.eage-article-body__info-popout::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-bottom-color: var(--color-white);
}
.eage-article-body__engagement-stats {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1.25rem;
}
.eage-article-body__stat-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: var(--_meta-size);
  color: var(--color-neutral-800);
}
.eage-article-body__meta-icon {
  width: var(--_icon-size);
  height: var(--_icon-size);
  stroke: currentColor;
}
.eage-article-body .article-function.is-math {
  color: var(--color-neutral-800);
  display: block;
  margin: 1rem 0;
  overflow: auto hidden;
}
.eage-article-body .article-function.is-math .katex-display,
.eage-article-body .article-function.is-math .katex-display .katex {
  text-align: left;
}
.eage-article-body .article-function.is-math.is-inline {
  display: inline;
  margin: 0 0.25rem;
}
.eage-article-body .article-function.is-quote {
  background: var(--color-neutral-100);
  margin: 1.5rem 0;
  padding: var(--spacing-8);
  margin-left: auto;
  border-radius: var(--border-radius-xl);
  max-width: calc(100% - 1.5rem);
}
.eage-article-body .article-function.is-quote .quote-citation {
  margin-top: var(--spacing-4);
  font-weight: bold;
}
.eage-article-body .article-function.is-reference {
  display: flex;
  flex-direction: column;
  margin: var(--spacing-6) 0;
  gap: var(--spacing-3);
}
.eage-article-body .article-function.is-reference .article-reference__image-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.eage-article-body .article-function.is-reference .article-reference__image-container img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}
.eage-article-body .article-function.is-reference .article-reference__caption {
  font-size: var(--font-size-sm);
  color: var(--color-neutral-800);
  line-height: var(--line-height-relaxed);
}
.eage-article-body .article-function.is-reference .article-reference__copyright {
  font-size: var(--font-size-sm);
  text-align: right;
  background: rgba(0, 0, 0, 0.5);
  color: var(--color-neutral-500);
  padding: 0.5rem 1rem;
  margin-top: -3rem;
}
.eage-article-body .article-function.is-reference.is-aligned--top .article-reference__caption {
  order: -1;
}
.eage-article-body .article-function.is-reference.is-aligned--bottom .article-reference__caption {
  order: 1;
}
.eage-article-body .article-function.is-reference.is-aligned--left {
  flex-direction: row;
  align-items: flex-start;
}
.eage-article-body .article-function.is-reference.is-aligned--left .article-reference__caption {
  flex: 0 0 calc(50% - var(--spacing-3) / 2);
  max-width: calc(50% - var(--spacing-3) / 2);
  order: 0;
}
.eage-article-body .article-function.is-reference.is-aligned--left .article-reference__image-container {
  flex: 0 0 calc(50% - var(--spacing-3) / 2);
  max-width: calc(50% - var(--spacing-3) / 2);
  order: 1;
}
.eage-article-body .article-function.is-reference.is-aligned--right {
  flex-direction: row;
  align-items: flex-start;
}
.eage-article-body .article-function.is-reference.is-aligned--right .article-reference__image-container {
  flex: 0 0 calc(50% - var(--spacing-3) / 2);
  max-width: calc(50% - var(--spacing-3) / 2);
  order: 0;
}
.eage-article-body .article-function.is-reference.is-aligned--right .article-reference__caption {
  flex: 0 0 calc(50% - var(--spacing-3) / 2);
  max-width: calc(50% - var(--spacing-3) / 2);
  order: 1;
}
.eage-article-body .article-function.is-reference.article-reference--button {
  align-items: flex-start;
}
.eage-article-body .article-function.is-reference.article-reference--button.is-aligned--right {
  align-items: center;
}
.eage-article-body .article-function.is-reference.article-reference--button a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-primary-500);
  color: var(--color-white);
  border: 1px solid var(--color-primary-500);
  padding: 0.5rem 1rem;
}
.eage-article-body .article-function.is-reference.article-reference--button a:hover {
  background-color: var(--color-primary-700);
}
.eage-article-body .article-function.is-reference.article-reference--table .article-reference__table-container {
  overflow-x: auto;
  border: 1px solid var(--color-neutral-300);
}
.eage-article-body .article-function.is-reference.article-reference--table .article-reference__table-container table {
  width: 100%;
  border-collapse: collapse;
}
.eage-article-body .article-function.is-reference.article-reference--table .article-reference__table-container th,
.eage-article-body .article-function.is-reference.article-reference--table .article-reference__table-container td {
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--color-neutral-300);
  vertical-align: top;
}
.eage-article-body .article-function.is-reference.article-reference--table .article-reference__table-container th,
.eage-article-body .article-function.is-reference.article-reference--table .article-reference__table-container td.is-bold {
  font-weight: var(--font-weight-bold);
}
.eage-article-body .article-function.is-reference.article-reference--table .article-reference__table-container td.is-centered,
.eage-article-body .article-function.is-reference.article-reference--table .article-reference__table-container th.is-centered {
  text-align: center;
}
.eage-article-body .article-function.is-reference.article-reference--table .article-reference__table-container td.is-right-aligned,
.eage-article-body .article-function.is-reference.article-reference--table .article-reference__table-container th.is-right-aligned {
  text-align: right;
}
.eage-article-body .article-function.is-reference.article-reference--table .article-reference__table-container td.is-highlighted,
.eage-article-body .article-function.is-reference.article-reference--table .article-reference__table-container th.is-highlighted {
  background-color: var(--color-neutral-100);
}
.eage-article-body .article-function.is-reference.article-reference--table .article-reference__table-container thead th {
  background-color: var(--color-neutral-50);
}
.eage-article-body .article-function.is-reference.article-reference--table .article-reference__table-container * p {
  margin: unset !important;
  font-size: unset !important;
  font-family: unset !important;
  line-height: unset !important;
}
.eage-article-body .article-function.is-reference.article-reference--table .article-reference__table-container * p * {
  margin: unset !important;
  font-size: unset !important;
  font-family: unset !important;
  line-height: unset !important;
}
.eage-article-body .article-function.is-reference.article-reference--table.is-aligned--left .article-reference__table-container, .eage-article-body .article-function.is-reference.article-reference--table.is-aligned--right .article-reference__table-container {
  flex: 0 0 calc(50% - var(--spacing-3) / 2);
  max-width: calc(50% - var(--spacing-3) / 2);
}
.eage-article-body__disclaimer {
  margin-top: 0.75rem;
}
.eage-article-body__disclaimer span {
  font-size: 0.75rem;
}
.eage-article-body__disclaimer-pretext {
  font-weight: 600;
}
.eage-article-body__disclaimer-text {
  color: var(--color-neutral-700);
}
@media (max-width: 639px) {
  .eage-article-body__meta {
    flex-direction: column;
    gap: var(--_meta-gap);
    align-items: flex-start;
  }
  .eage-article-body .article-function.is-reference.is-aligned--left, .eage-article-body .article-function.is-reference.is-aligned--right {
    flex-direction: column;
  }
  .eage-article-body .article-function.is-reference.is-aligned--left .article-reference__caption,
  .eage-article-body .article-function.is-reference.is-aligned--left .article-reference__image-container,
  .eage-article-body .article-function.is-reference.is-aligned--left .article-reference__table-container, .eage-article-body .article-function.is-reference.is-aligned--right .article-reference__caption,
  .eage-article-body .article-function.is-reference.is-aligned--right .article-reference__image-container,
  .eage-article-body .article-function.is-reference.is-aligned--right .article-reference__table-container {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/**
 * EAGE Article List Component
 *
 * A container component for displaying articles in card or list layouts.
 * Uses BEM naming and CSS custom properties for flexibility.
 */
.eage-article-list {
  --_header-padding-bottom: var(--spacing-8);
  --_grid-gap: var(--spacing-8);
  --_grid-gap-mobile: var(--spacing-6);
  --_footer-padding: var(--spacing-4);
  --_title-size: var(--font-size-2xl);
  --_title-size-md: var(--font-size-xl);
  --_title-size-sm: var(--font-size-lg);
  --_title-weight: var(--font-weight-bold);
  --_title-line-height: var(--line-height-tight);
  --_link-size: var(--font-size-lg);
  --_link-weight: var(--font-weight-semibold);
  --_title-color: var(--color-neutral-900);
  --_link-color: var(--color-neutral-900);
  --_empty-color: var(--color-neutral-600);
  --_btn-padding-x: var(--spacing-12);
  --_btn-padding-y: var(--spacing-4);
  background: transparent;
  border: none;
  padding: var(--spacing-4) 0;
}
.eage-article-list__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 var(--_header-padding-bottom) 0;
}
.eage-article-list__title {
  margin: 0;
  font-size: var(--_title-size);
  font-weight: var(--_title-weight);
  line-height: var(--_title-line-height);
  color: var(--_title-color);
}
.eage-article-list__view-more-link {
  font-size: var(--_link-size);
  font-weight: var(--_link-weight);
  color: var(--_link-color);
  white-space: nowrap;
  text-decoration: none;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-list__view-more-link:hover {
  opacity: 0.7;
  text-decoration: none;
}
.eage-article-list__body {
  padding: 0;
}
.eage-article-list__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-12);
}
.eage-article-list__grid {
  display: grid;
  gap: var(--_grid-gap);
  margin-bottom: var(--_grid-gap);
}
.eage-article-list__grid--1-col {
  grid-template-columns: 1fr;
}
.eage-article-list__grid--2-col {
  grid-template-columns: repeat(2, 1fr);
}
.eage-article-list__grid--3-col {
  grid-template-columns: repeat(3, 1fr);
}
.eage-article-list__grid--4-col {
  grid-template-columns: repeat(4, 1fr);
}
.eage-article-list__grid--4-col .eage-article-card {
  --_card-image-height: 12rem;
}
.eage-article-list__featured-container, .eage-article-list__search-container {
  grid-column: 1/-1;
}
.eage-article-list__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0;
}
.eage-article-list__list c-eage-article-card:first-child .eage-article-card__list-item {
  padding-top: 0;
}
.eage-article-list__empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  padding: var(--spacing-12) var(--spacing-4);
  text-align: center;
  color: var(--_empty-color);
}
.eage-article-list__empty-icon {
  color: var(--color-neutral-400);
}
.eage-article-list__empty-title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-neutral-700);
}
.eage-article-list__empty-text {
  margin: 0;
  font-size: 0.875rem;
  color: var(--color-neutral-500);
}
.eage-article-list__error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  padding: var(--spacing-12);
  text-align: center;
}
.eage-article-list__error-icon {
  color: var(--color-error);
}
.eage-article-list__error-title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--color-neutral-700);
}
.eage-article-list__error-text {
  margin: 0;
  font-size: 0.875rem;
  color: var(--color-neutral-500);
}
.eage-article-list__footer {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  padding: var(--_footer-padding) 0;
}
.eage-article-list__view-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-cta-500) !important;
  color: var(--color-white) !important;
  border: 1px solid var(--color-cta-500) !important;
  padding: 0.5rem 1rem;
}
.eage-article-list__view-more-btn:hover {
  background-color: var(--color-cta-700) !important;
  text-decoration: none !important;
}
.eage-article-list__load-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-cta-500) !important;
  color: var(--color-white) !important;
  border: 1px solid var(--color-cta-500) !important;
  padding: 0.5rem 1rem;
}
.eage-article-list__load-more-btn:hover {
  background-color: var(--color-cta-700) !important;
  text-decoration: none !important;
}
.eage-article-list__load-more-container {
  margin-top: var(--spacing-4);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1279px) {
  .eage-article-list__grid--4-col {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1023px) {
  .eage-article-list__grid--4-col, .eage-article-list__grid--3-col {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .eage-article-list {
    --_title-size: var(--_title-size-md);
  }
  .eage-article-list__grid {
    margin-bottom: var(--_grid-gap);
  }
  .eage-article-list__grid--2-col, .eage-article-list__grid--3-col, .eage-article-list__grid--4-col {
    grid-template-columns: 1fr;
  }
  .eage-article-list__header {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--spacing-4);
  }
  .eage-article-list__grid {
    gap: var(--spacing-8);
  }
}
@media (max-width: 374px) {
  .eage-article-list {
    --_title-size: var(--_title-size-sm);
  }
  .eage-article-list__view-more-btn {
    width: 100%;
    padding: var(--spacing-8);
  }
}
@media (prefers-reduced-motion: reduce) {
  .eage-article-list__view-more-link, .eage-article-list__view-more-btn {
    transition: none;
  }
  .eage-article-list__view-more-btn:hover, .eage-article-list__view-more-btn:active {
    transform: none;
  }
}

/**
 * EAGE Article Search Component
 *
 * Search bar with filter pills and collapsible panel container.
 */
.eage-article-search {
  --_search-gap: var(--spacing-4);
  --_search-row-gap: var(--spacing-4);
  --_filters-gap: var(--spacing-2);
  --_pill-bg: var(--color-neutral-100);
  --_pill-bg-dark: var(--color-neutral-800);
  --_pill-color: var(--color-neutral-900);
  --_pill-color-dark: var(--color-white);
  --_pill-radius: var(--border-radius-full);
  --_panel-container-bg: var(--color-neutral-50);
  --_panel-container-border: var(--color-neutral-400);
  --_panel-container-radius: var(--border-radius-lg);
  --_panel-container-gap: var(--spacing-6);
  --_panel-actions-gap: var(--spacing-4);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: var(--spacing-4) 0;
}
.eage-article-search__search-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  margin: var(--spacing-4) 0;
  gap: var(--spacing-4);
}
@media (max-width: 639px) {
  .eage-article-search__search-row {
    flex-wrap: wrap;
  }
}
.eage-article-search__search-input {
  flex: 1;
  min-width: 0;
  margin-bottom: -2px;
}
.eage-article-search__search-input .slds-input {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: var(--color-neutral-50);
  border-color: var(--color-neutral-400);
  color: var(--color-neutral-900);
}
.eage-article-search__search-input .slds-input::placeholder {
  color: var(--color-neutral-500);
}
.eage-article-search__search-input .slds-input:focus {
  border-color: var(--color-primary-700);
  box-shadow: none;
}
.eage-article-search__submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-primary-500);
  color: var(--color-white);
  border: 1px solid var(--color-primary-500);
  padding: 0.5rem 1rem;
}
.eage-article-search__submit-btn:hover {
  background-color: var(--color-primary-700);
}
.eage-article-search__toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-900);
  border: 1px solid var(--color-neutral-400);
  padding: 0.5rem 1rem;
}
.eage-article-search__toggle-btn:hover {
  background-color: var(--color-neutral-200);
}
@media (max-width: 767px) {
  .eage-article-search__toggle-btn {
    flex-basis: 100%;
  }
}
.eage-article-search__filters {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: var(--spacing-4) 0;
}
.eage-article-search__filters-label {
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-neutral-900);
}
.eage-article-search__filter-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--spacing-2);
  gap: var(--spacing-2);
  list-style: none;
  padding: 0;
  margin: 0;
}
.eage-article-search__filter-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  font-size: 0.875rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border-radius: 0.25rem;
  font-weight: 600;
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-800);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  gap: var(--spacing-2);
}
@media (max-width: 767px) {
  .eage-article-search__filter-pill {
    font-size: 0.75rem;
    white-space: normal;
    flex-start: center;
  }
}
.eage-article-search__filter-pill span {
  font-size: inherit;
}
.eage-article-search__filter-pill:has(.eage-article-search__filter-remove:hover) {
  background-color: var(--color-neutral-700);
}
.eage-article-search__filter-name {
  font-weight: 400;
}
.eage-article-search__filter-value {
  font-weight: 700;
}
.eage-article-search__filter-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-neutral-700);
  transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-search__filter-remove:hover {
  color: var(--color-neutral-900);
}
.eage-article-search__panel-container {
  display: flex;
  flex-wrap: wrap;
  gap: var(--_panel-container-gap);
  padding: var(--spacing-4);
  background-color: var(--_panel-container-bg);
  border: 1px solid var(--_panel-container-border);
  border-radius: var(--_panel-container-radius);
  margin: var(--spacing-4) 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.eage-article-search c-eage-article-search-panel {
  position: relative;
  display: block;
  flex: 1 1 calc(25% - var(--_panel-container-gap));
  min-width: 12rem;
}
@media (max-width: 767px) {
  .eage-article-search c-eage-article-search-panel {
    flex: 1 1 calc(50% - var(--_panel-container-gap));
  }
}
@media (max-width: 639px) {
  .eage-article-search c-eage-article-search-panel {
    flex: 1 1 100%;
  }
}
.eage-article-search__panel-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--_panel-actions-gap);
  flex-basis: 100%;
}
.eage-article-search__clear-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-900);
  border: 1px solid var(--color-neutral-400);
  padding: 0.5rem 1rem;
}
.eage-article-search__clear-btn:hover {
  background-color: var(--color-neutral-200);
}

/**
 * EAGE Article Search Panel Component
 *
 * Individual filter panel with label, search input, and dropdown modal.
 */
.panel {
  --_label-color: var(--color-neutral-900);
  --_input-bg: var(--color-neutral-50);
  --_input-border: var(--color-neutral-400);
  --_input-border-focus: var(--color-primary-700);
  --_input-radius: var(--border-radius-md);
  --_dropdown-bg: var(--color-white);
  --_dropdown-border: var(--color-neutral-300);
  --_dropdown-radius: var(--border-radius-md);
  --_dropdown-max-height: 16rem;
  --_option-hover-bg: var(--color-neutral-50);
  --_option-gap: var(--spacing-2);
  --_action-color: var(--color-primary-700);
  --_action-hover-color: var(--color-neutral-900);
}
.panel__label {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--_label-color);
  margin-bottom: var(--spacing-1);
}
.panel__search {
  position: relative;
}
.panel__search-input {
  display: block;
  width: 100%;
  padding: var(--spacing-2) var(--spacing-3);
  font-size: 0.875rem;
  font-weight: 700;
  background-color: var(--_input-bg);
  border: 1px solid var(--_input-border);
  border-radius: var(--_input-radius);
  color: var(--color-neutral-900);
  transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.panel__search-input::placeholder {
  color: var(--color-neutral-700);
}
.panel__search-input:focus {
  outline: none;
  border-color: var(--_input-border-focus);
}
.panel__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.panel__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 100;
  margin-top: var(--spacing-1);
  padding: var(--spacing-3);
  background-color: var(--_dropdown-bg);
  border: 1px solid var(--_dropdown-border);
  border-radius: var(--_dropdown-radius);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.panel__dropdown-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: var(--spacing-2);
  margin-bottom: var(--spacing-2);
  border-bottom: 1px solid var(--color-neutral-200);
}
.panel__action-link {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--_action-color);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
  transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.panel__action-link:hover {
  color: var(--_action-hover-color);
}
.panel__options {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: var(--_dropdown-max-height);
  overflow-y: scroll;
}
.panel__option {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: var(--spacing-1-5) var(--spacing-1);
  border-radius: var(--border-radius-sm);
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.panel__option:hover {
  background-color: var(--_option-hover-bg);
}
.panel__option input[type=checkbox] {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  accent-color: var(--color-primary-500);
  cursor: pointer;
}
.panel__option label {
  font-size: 0.875rem;
  color: var(--color-neutral-900);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/**
 * EAGE Article Card Component
 *
 * A versatile article card component supporting card, list, and featured layouts.
 * Featured is a modifier (.is-featured) on the card block.
 * Uses BEM naming and CSS custom properties for flexibility.
 */
.eage-article-card {
  --_card-radius: var(--border-radius-xl);
  --_card-image-height: 15rem;
  --_card-image-height-md: 12.5rem;
  --_card-image-height-sm: 11.25rem;
  --_list-padding-y: var(--spacing-6);
  --_featured-height: var(--spacing-115);
  --_featured-height-mobile: var(--spacing-64);
  --_featured-padding: var(--spacing-6);
  --_featured-padding-mobile: var(--spacing-4);
  --_pill-gap: var(--spacing-2);
  --_card-title-size: var(--font-size-lg);
  --_card-title-size-md: var(--font-size-md);
  --_card-title-size-sm: var(--font-size-md);
  --_card-title-weight: var(--font-weight-bold);
  --_card-title-line-height: var(--line-height-snug);
  --_meta-size: var(--font-size-sm);
  --_list-title-size: var(--font-size-lg);
  --_list-title-weight: var(--font-weight-semibold);
  --_featured-title-size: var(--font-size-4xl);
  --_featured-title-size-mobile: var(--font-size-2xl);
  --_featured-title-weight: var(--font-weight-bold);
  --_card-bg: transparent;
  --_card-border: none;
  --_card-list-border: 1px solid var(--color-neutral-700);
  --_card-image-border: 1px solid var(--color-neutral-900);
  --_title-color: var(--color-neutral-900);
  --_meta-color: var(--color-primary-500);
  --_date-color: var(--color-neutral-600);
  --_link-hover-color: var(--color-primary-500);
  --_placeholder-bg: var(--color-neutral-200);
  --_placeholder-color: var(--color-neutral-500);
  --_featured-cat-excerpt-size: var(--font-size-base);
  --_featured-cat-excerpt-line-height: var(--line-height-relaxed);
  --_media-icon-size: 2.5rem;
  --_media-icon-size-sm: 2rem;
  --_card-shadow-hover: none;
  display: block;
  height: 100%;
}
.eage-article-card__card-link {
  display: block;
  height: 100%;
  text-decoration: none !important;
  color: inherit;
}
.eage-article-card__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--_card-bg);
  border: var(--_card-border);
  border-radius: var(--_card-radius);
  overflow: hidden;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-card__card:hover {
  box-shadow: var(--_card-shadow-hover);
}
.eage-article-card__card.is-featured {
  position: relative;
  min-height: var(--_featured-height);
  margin-bottom: 2rem;
}
.eage-article-card__card.is-featured .eage-article-card__image-container {
  position: relative;
  height: 100%;
}
.eage-article-card__card.is-featured .eage-article-card__image-wrapper {
  height: var(--_featured-height);
}
.eage-article-card__card.is-featured .eage-article-card__image-placeholder {
  background: linear-gradient(135deg, var(--color-neutral-200), var(--color-neutral-400));
}
.eage-article-card__card.is-featured .eage-article-card__overlay {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: var(--_featured-padding);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.18) 40%, rgba(0, 0, 0, 0) 100%);
}
.eage-article-card__card.is-featured .eage-article-card__meta {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0.5rem;
}
.eage-article-card__card.is-featured .eage-article-card__meta * {
  color: rgba(255, 255, 255, 0.8);
}
.eage-article-card__card.is-featured .eage-article-card__author {
  color: var(--color-white);
}
.eage-article-card__card.is-featured .eage-article-card__date {
  color: rgba(255, 255, 255, 0.7);
}
.eage-article-card__card.is-featured .eage-article-card__title {
  margin: 0;
  font-size: var(--_featured-title-size);
  font-weight: var(--_featured-title-weight);
  line-height: var(--line-height-snug);
  color: var(--color-white);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.eage-article-card__featured-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  border-radius: 0.75rem;
  overflow: hidden;
  background-color: var(--color-white);
  height: 100%;
}
.eage-article-card .eage-article-card__featured-row .eage-article-card__title {
  color: var(--_title-color);
  text-shadow: none;
}
.eage-article-card .eage-article-card__featured-row .eage-article-card__meta,
.eage-article-card .eage-article-card__featured-row .eage-article-card__meta * {
  color: var(--color-neutral-500);
}
.eage-article-card__featured-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  flex: 1;
  padding: var(--spacing-6);
}
.eage-article-card__excerpt {
  margin: 0;
  font-size: var(--_featured-cat-excerpt-size);
  line-height: var(--_featured-cat-excerpt-line-height);
  color: var(--_title-color);
}
.eage-article-card__actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.75rem;
  margin-top: auto;
}
.eage-article-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-cta-500) !important;
  color: var(--color-white) !important;
  border: 1px solid var(--color-cta-500) !important;
  padding: 0.5rem 1rem;
}
.eage-article-card__btn:hover {
  background-color: var(--color-cta-700) !important;
  text-decoration: none !important;
}
.eage-article-card__btn--cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-cta-500) !important;
  color: var(--color-white) !important;
  border: 1px solid var(--color-cta-500) !important;
  padding: 0.5rem 1rem;
}
.eage-article-card__btn--cta:hover {
  background-color: var(--color-cta-700) !important;
  text-decoration: none !important;
}
.eage-article-card__featured-media {
  position: relative;
  flex: 0 0 45%;
  min-height: 16rem;
}
.eage-article-card__featured-media .eage-article-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.eage-article-card__featured-media .eage-article-card__image-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--_placeholder-bg);
  color: var(--_placeholder-color);
}
.eage-article-card__lock-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.18) 40%, rgba(0, 0, 0, 0.3) 100%);
  z-index: 20;
  color: var(--color-white);
  text-align: center;
}
.eage-article-card__lock-icon {
  width: 2.5rem;
  height: 2.5rem;
  color: var(--color-white);
}
.eage-article-card__lock-title {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-white);
  line-height: var(--line-height-snug);
}
.eage-article-card__media-icon {
  position: absolute;
  bottom: var(--spacing-4);
  right: var(--spacing-4);
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--_media-icon-size);
  height: var(--_media-icon-size);
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--color-white);
  pointer-events: none;
  z-index: 30;
}
.eage-article-card__media-icon-svg {
  width: 60%;
  height: 60%;
  fill: currentColor;
}
.eage-article-card__image-container {
  position: relative;
  width: 100%;
  background-color: var(--_placeholder-bg);
  border-radius: var(--_card-radius);
  border: 1px solid var(--_card-image-border) !important;
  overflow: hidden;
}
.eage-article-card__image-wrapper {
  width: 100%;
  z-index: 10;
  height: var(--_card-image-height);
  position: relative;
}
.eage-article-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.eage-article-card__image-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--_placeholder-bg);
  color: var(--_placeholder-color);
}
.eage-article-card__overlay {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--spacing-4);
}
.eage-article-card__overlay-bottom {
  margin-top: auto;
}
.eage-article-card__categories {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2);
  align-items: flex-start;
  margin-right: 3rem;
}
.eage-article-card__labels {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-4);
  align-items: flex-start;
}
.eage-article-card__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.75rem;
  flex: 1;
}
.eage-article-card__meta {
  color: var(--_meta-color);
  line-height: var(--line-height-normal);
  margin-top: var(--spacing-4);
  font-size: 0.75rem;
}
.eage-article-card__meta * {
  color: var(--_meta-color);
  font-size: 0.75rem;
}
.eage-article-card__author {
  font-weight: 500;
}
.eage-article-card__date {
  color: var(--_date-color);
}
.eage-article-card__title {
  margin: 0;
  font-size: var(--_card-title-size);
  font-weight: var(--_card-title-weight);
  line-height: var(--_card-title-line-height);
  color: var(--_title-color);
}
.eage-article-card__list-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.75rem;
  padding: var(--spacing-4) 0;
  border-bottom: var(--_card-list-border);
  padding: var(--_list-padding-y) 0;
}
.eage-article-card__list-link {
  text-decoration: none;
  color: inherit;
}
.eage-article-card__list-title {
  margin: 0;
  font-size: var(--_list-title-size);
  font-weight: var(--_list-title-weight);
  line-height: var(--line-height-relaxed);
  color: var(--_title-color);
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-card__list-title:hover {
  color: var(--_link-hover-color);
}
.eage-article-card__list-excerpt {
  margin: 0.5rem 0 0 0;
  font-size: 1rem;
  line-height: var(--line-height-relaxed);
  color: var(--_title-color);
}
@media (max-width: 767px) {
  .eage-article-card {
    --_card-image-height: var(--_card-image-height-md);
    --_card-title-size: var(--_card-title-size-md);
    --_featured-height: unset;
  }
  .eage-article-card .eage-article-card__featured-media .eage-article-card__image {
    height: var(--_featured-height-mobile);
  }
}
@media (max-width: 639px) {
  .eage-article-card {
    --_featured-height: var(--_featured-height-mobile);
    --_featured-padding: var(--_featured-padding-mobile);
    --_featured-title-size: var(--_featured-title-size-mobile);
    --_media-icon-size: var(--_media-icon-size-sm);
  }
  .eage-article-card .eage-article-card__featured-row {
    flex-direction: column;
  }
  .eage-article-card .eage-article-card__featured-media {
    flex: 0 0 auto;
    min-height: 12rem;
  }
}
@media (max-width: 374px) {
  .eage-article-card {
    --_card-image-height: var(--_card-image-height-sm);
    --_card-title-size: var(--_card-title-size-sm);
  }
}
@media (prefers-reduced-motion: reduce) {
  .eage-article-card__card {
    transition: none;
  }
  .eage-article-card__card:hover {
    transform: none;
  }
  .eage-article-card__list-title {
    transition: none;
  }
}

/**
 * EAGE Article Pill Component
 *
 * A reusable pill/badge component for displaying article metadata (categories, labels, etc.)
 * Uses the pill mixin for consistent styling across the application.
 * Can be used independently or within other article components.
 */
.eage-article-pill {
  --_icon-gap: var(--spacing-1);
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  font-size: 0.875rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border-radius: 0.25rem;
  font-weight: 600;
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-800);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  gap: var(--_icon-gap);
}
@media (max-width: 767px) {
  .eage-article-pill {
    font-size: 0.75rem;
    white-space: normal;
    flex-start: center;
  }
}
.eage-article-pill.is-category {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.eage-article-pill__icon {
  --slds-c-icon-color-foreground-default: currentColor;
  flex-shrink: 0;
}
@media (prefers-reduced-motion: reduce) {
  .eage-article-pill {
    transition: none;
  }
}

/**
 * EAGE Article Taxonomy Cloud Component
 *
 * Displays related tags in a boxed container with inline pill chips.
 * Uses BEM naming and CSS custom properties for flexibility.
 */
.eage-taxonomy-cloud {
  --_bg: var(--color-neutral-50);
  --_radius: var(--border-radius-xl);
  --_padding: var(--spacing-6);
  --_tag-gap: var(--spacing-3);
  --_tag-border: var(--color-neutral-400);
  --_tag-border-hover: var(--color-primary-500);
  --_tag-color-hover: var(--color-primary-500);
  background-color: var(--_bg);
  border: 1px solid var(--color-neutral-100);
  border-radius: var(--_radius);
  padding: var(--_padding);
}
.eage-taxonomy-cloud__heading {
  margin: 0 0 var(--spacing-4) 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-neutral-900);
  line-height: var(--line-height-snug);
}
.eage-taxonomy-cloud__container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--_tag-gap);
}
.eage-taxonomy-cloud__link {
  text-decoration: none;
  cursor: pointer;
}
.eage-taxonomy-cloud__link .eage-article-pill {
  background-color: var(--color-white);
  border: 1px solid var(--_tag-border);
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-taxonomy-cloud__link:hover .eage-article-pill {
  color: var(--_tag-color-hover);
  border-color: var(--_tag-border-hover);
}

/**
 * Advertisement Component
 *
 * Displays advertisement image variants per dimension (Landscape, Skyscraper, Banner).
 * On mobile, Skyscraper is hidden and Landscape is shown as a horizontal fallback.
 */
.advertisement--landscape, .advertisement--skyscraper, .advertisement--banner {
  display: none;
}
.advertisement[data-dimension=landscape] .advertisement--landscape, .advertisement[data-dimension=skyscraper] .advertisement--skyscraper, .advertisement[data-dimension=banner] .advertisement--banner {
  display: block;
}
@media (max-width: 767px) {
  .advertisement[data-dimension=skyscraper] .advertisement--skyscraper {
    display: none;
  }
  .advertisement[data-dimension=skyscraper] .advertisement--landscape {
    display: block;
  }
}

/**
 * EAGE First Break Online Navigation Component
 *
 * Unified navigation with inline category list and panel-based subcategories.
 * Desktop: Shows categories inline, subcategories in grid panel below.
 * Mobile: Shows categories as modal, subcategories as sliding panel.
 * Uses BEM naming and CSS custom properties for flexibility.
 */
.nav {
  --_padding-x: var(--spacing-3);
  --_padding-y: var(--spacing-2-5);
  --_gap: var(--spacing-5);
  --_category-link-padding-x: var(--spacing-2);
  --_category-link-padding-y: var(--spacing-1-5);
  --_category-link-radius: var(--border-radius-lg);
  --_category-link-size: var(--font-size-lg);
  --_category-link-line-height: var(--line-height-normal);
  --_bg: var(--color-neutral-50);
  --_link-color: var(--color-neutral-900);
  --_link-hover-bg: transparent;
  --_link-active-bg: var(--color-primary-50);
  --_link-active-color: var(--color-primary-700);
  --_panel-padding: var(--spacing-4);
  --_panel-padding-mobile: var(--spacing-2);
  --_panel-border-color: var(--color-neutral-100);
  --_panel-gap: var(--spacing-4);
  --_panel-header-size: var(--font-size-lg);
  --_panel-header-height: 3.5rem;
  --_panel-header-padding: var(--spacing-4);
  --_tile-padding: var(--spacing-4);
  --_tile-radius: var(--border-radius-md);
  --_tile-gap: var(--spacing-4);
  --_tile-hover-bg: var(--color-neutral-100);
  --_tile-hover-border: var(--color-neutral-200);
  --_icon-size: 2.75rem;
  --_icon-radius: var(--border-radius-md);
  --_icon-border-color: var(--color-neutral-200);
  --_icon-bg: var(--color-white);
  --_title-size: var(--font-size-base);
  --_title-line: var(--line-height-snug);
  --_title-weight: var(--font-weight-normal);
  --_title-color: var(--color-neutral-900);
  --_desc-size: var(--font-size-xs);
  --_desc-line: var(--line-height-tight);
  --_desc-color: var(--color-neutral-700);
  --_toggle-size: 2.5rem;
  --_overlay-bg: rgba(0, 0, 0, 0.5);
  --_mobile-panel-width: 85vw;
  --_mobile-panel-max-width: 400px;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--_bg);
  padding: 0.5rem;
  border-radius: 0.5rem;
  box-shadow: 0px 0.5rem 0.675rem rgba(0, 0, 0, 0.075);
}
.nav__toggle {
  display: none;
}
.nav__category-panel {
  flex: 1 1 100%;
  background: var(--_bg);
}
.nav__category-header {
  display: none;
}
.nav__category-title {
  margin: 0;
  font-size: var(--_panel-header-size);
  font-weight: 400;
  color: var(--_desc-color);
}
.nav__category-back, .nav__category-close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.nav__category-header .nav__category-back:hover, .nav__category-header .nav__category-close:hover {
  background: var(--_link-hover-bg) !important;
}
.nav__category-back {
  visibility: hidden;
  width: 0;
  overflow: hidden;
  display: none;
}
.nav__category-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--_gap);
  margin: 0;
  list-style: none;
}
.nav__category-item {
  position: relative;
}
.nav__category-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: var(--_link-color);
  font-size: var(--_category-link-size);
  line-height: var(--_category-link-line-height);
  padding: var(--_category-link-padding-y) var(--_category-link-padding-x);
  border-radius: 0.5rem;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
}
.nav__category-link * {
  color: var(--_link-color);
  fill: var(--color-neutral-700);
}
.nav__category-item .nav__category-link:hover {
  background: var(--_link-hover-bg) !important;
}
.nav__category-chevron {
  margin-left: var(--spacing-2);
}
.nav__subcategory-panel {
  position: absolute;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 100%;
  background: var(--_bg);
  border: 1px solid var(--_panel-border-color);
  border-radius: var(--border-radius-lg);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  z-index: 50;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), visibility 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0px 0.5rem 0.675rem rgba(0, 0, 0, 0.125);
}
.nav__subcategory-panel:not(.nav__subcategory-panel--active) {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  pointer-events: none;
}
.nav__subcategory-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: var(--_panel-header-height);
  padding: 0 var(--_panel-header-padding);
  border-bottom: 1px solid var(--_panel-border-color);
  background: var(--_bg);
}
.nav__subcategory-title {
  margin: 0;
  font-size: var(--_panel-header-size);
  font-weight: 400;
  color: var(--_desc-color);
}
.nav__subcategory-back, .nav__subcategory-close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 0.25rem;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.nav__subcategory-header .nav__subcategory-back:hover, .nav__subcategory-header .nav__subcategory-close:hover {
  background: var(--_link-hover-bg) !important;
}
.nav__subcategory-back {
  visibility: hidden;
  width: 0;
  overflow: hidden;
  display: none;
}
.nav__subcategory-grid {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: var(--_panel-gap);
  padding: var(--_panel-padding);
}
.nav__subcategory-grid > * {
  flex: 0 0 calc((100% - var(--_panel-gap)) / 2);
  min-width: 0;
}
.nav__subcategory-tile {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--_tile-gap);
  padding: var(--_tile-padding);
  border-radius: 0.5rem;
  text-decoration: none;
  color: inherit;
  border: 1px solid transparent;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.nav__subcategory-grid .nav__subcategory-tile:hover {
  background: var(--_tile-hover-bg) !important;
  border-color: var(--_tile-hover-border) !important;
  text-decoration: none;
}
.nav__subcategory-icon {
  width: var(--_icon-size);
  height: var(--_icon-size);
  border-radius: 0.375rem;
  border: 1px solid var(--_icon-border-color);
  background: var(--_icon-bg);
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
}
.nav__subcategory-img {
  padding: 0.5rem;
}
.nav__subcategory-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.25rem;
  min-width: 0;
  flex: 1;
}
.nav__subcategory-tile-title {
  font-size: var(--_title-size);
  line-height: var(--_title-line);
  font-weight: var(--_title-weight);
  color: var(--_title-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav__subcategory-tile-description {
  font-size: var(--_desc-size);
  line-height: var(--_desc-line);
  color: var(--_desc-color);
}
.nav__subcategory-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-4);
  padding: var(--_panel-padding);
  border-top: 1px solid var(--_panel-border-color);
  background: var(--_bg);
}
.nav__subcategory-footer-cta {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--spacing-2);
  flex: 1;
}
.nav__subcategory-footer-icon {
  color: var(--color-primary-600);
  flex-shrink: 0;
}
.nav__subcategory-footer-text {
  font-size: var(--font-size-sm);
  color: var(--_title-color);
  line-height: var(--line-height-normal);
}
.nav__subcategory-footer-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-2) var(--spacing-4);
  background: var(--color-primary-600);
  color: var(--color-white);
  border: none;
  border-radius: 0.375rem;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
}
.nav__subcategory-footer .nav__subcategory-footer-button:hover {
  background: var(--color-primary-700) !important;
}
.nav__search {
  display: flex;
  flex: 1 1 30%;
}
.nav__search .slds-form-element__label {
  display: none;
}
.nav__search-input {
  flex: 1;
  min-width: 0;
  margin-bottom: -2px;
}
.nav__search-input .slds-input {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: var(--_bg);
  border-color: var(--color-neutral-200);
  color: var(--color-neutral-900);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.nav__search-input .slds-input::placeholder {
  color: var(--color-neutral-500);
}
.nav__search-input .slds-input:focus {
  border-color: var(--color-primary-200);
  box-shadow: none;
}
.nav__search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-neutral-050);
  color: var(--color-neutral-900);
  border: 1px solid var(--color-neutral-200);
  padding: 0.5rem 1rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.nav__search-btn:hover {
  background-color: var(--color-neutral-100);
}
.nav__overlay {
  display: none;
}
.nav__error {
  margin-top: 0.75rem;
  padding: 0 var(--_padding-x);
  color: var(--color-error);
  font-size: 0.875rem;
}
@media (min-width: 1024px) {
  .nav__subcategory-grid > * {
    flex: 0 0 calc((100% - var(--_panel-gap) * 2) / 3);
  }
}
@media (max-width: 767px) {
  .nav__toggle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1 1 30%;
    width: var(--_toggle-size);
    height: var(--_toggle-size);
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 0.375rem;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .nav__toggle span {
    margin-left: 0.5rem;
  }
  .nav .nav__toggle:hover {
    background: var(--_link-hover-bg) !important;
  }
  .nav__search {
    flex: 1 1 70%;
  }
  .nav__overlay {
    position: fixed;
    inset: 0;
    background: var(--_overlay-bg);
    z-index: 40;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .nav__category-panel {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--_mobile-panel-width);
    max-width: var(--_mobile-panel-max-width);
    z-index: 50;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(-100%);
  }
  .nav--menu-open .nav__category-panel {
    transform: translateX(0);
  }
  .nav__category-header {
    display: flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: var(--_panel-header-height);
    padding: 0 var(--_panel-header-padding);
    border-bottom: 1px solid var(--_panel-border-color);
    background: var(--_bg);
    position: sticky;
    top: 0;
    z-index: 10;
  }
  .nav__category-back {
    visibility: hidden;
    width: 0;
    overflow: hidden;
    display: none;
  }
  .nav__category-close {
    visibility: visible;
    width: 2rem;
    overflow: visible;
    display: flex;
  }
  .nav__category-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0;
    padding: var(--spacing-2) 0;
  }
  .nav__category-item {
    border-bottom: 1px solid var(--color-neutral-100);
  }
  .nav__category-item:last-child {
    border-bottom: none;
  }
  .nav__category-link {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: var(--spacing-4);
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
    border-radius: 0;
  }
  .nav__category-chevron {
    transform: rotate(-90deg);
    margin-left: var(--spacing-2);
  }
  .nav__subcategory-panel {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--_mobile-panel-width);
    max-width: var(--_mobile-panel-max-width);
    border-radius: 0;
    border: none;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    pointer-events: none;
  }
  .nav__subcategory-panel--active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    pointer-events: auto;
  }
  .nav__subcategory-header {
    position: sticky;
    top: 0;
    z-index: 10;
  }
  .nav__subcategory-back {
    visibility: visible;
    width: 2rem;
    overflow: visible;
    display: block;
  }
  .nav__subcategory-grid {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 0;
    padding: var(--spacing-2) 0;
  }
  .nav__subcategory-grid > * {
    flex: 1 1 auto;
  }
  .nav__subcategory-tile {
    border-bottom: 1px solid var(--color-neutral-100);
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-top: none;
  }
  .nav__subcategory-tile:last-child {
    border-bottom: none;
  }
  .nav__subcategory-icon {
    width: 2.5rem;
    height: 2.5rem;
  }
  .nav__subcategory-footer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: var(--spacing-3);
    padding: var(--spacing-4);
  }
  .nav__subcategory-footer-cta {
    justify-content: center;
    text-align: center;
  }
  .nav__subcategory-footer-button {
    width: 100%;
  }
}
@media (max-width: 639px) {
  .nav {
    --_category-link-size: var(--font-size-base);
    --_gap: var(--spacing-4);
    --_mobile-panel-width: 100vw;
  }
  .nav__subcategory-grid {
    padding: var(--spacing-2) 0;
  }
  .nav__subcategory-grid > * {
    flex: 1 1 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .nav__toggle, .nav__category-link, .nav__category-panel, .nav__subcategory-tile, .nav__subcategory-panel, .nav__overlay, .nav__subcategory-back, .nav__subcategory-close, .nav__category-back, .nav__category-close {
    transition: none;
  }
}

/**
 * EAGE First Break Online Footer Navigation
 *
 * Multi-column footer layout displaying categories as headings
 * with subcategories listed below. Dark background, responsive grid.
 * Uses BEM naming with `.footer-nav` block.
 */
.footer-nav {
  --_heading-color: var(--color-white);
  --_link-color: var(--color-neutral-700);
  --_link-hover-color: var(--color-white);
  width: 100%;
  background: var(--_bg);
  padding: var(--spacing-8) 0;
}
.footer-nav__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  gap: var(--spacing-6) var(--spacing-6);
  margin: 0 -var(--spacing-6);
}
.footer-nav__column {
  min-width: 0;
}
.footer-nav__heading {
  font-size: 1rem;
  font-weight: 700;
  color: var(--_heading-color);
  margin: 0 0 var(--spacing-3) 0;
  line-height: var(--line-height-normal);
}
.footer-nav__heading-link {
  color: var(--_heading-color) !important;
  text-decoration: none;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.footer-nav__heading-link:hover {
  text-decoration: underline;
}
.footer-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.footer-nav__link {
  color: var(--_link-color) !important;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: var(--line-height-normal);
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.footer-nav__link:hover {
  color: var(--_link-hover-color);
}
@media (max-width: 767px) {
  .footer-nav__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 639px) {
  .footer-nav {
    padding: var(--spacing-6) var(--spacing-4);
  }
  .footer-nav__grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .footer-nav__link, .footer-nav__heading-link {
    transition: none;
  }
}

/**
 * EAGE Navigation Bar Component
 *
 * Renders the native Experience Cloud navigation menu as a horizontal bar.
 * Top-level items sit inline; child items appear in a simple dropdown on
 * hover (desktop) or when toggled (touch/keyboard). On small screens the
 * bar wraps so all items stay reachable.
 * Uses BEM naming and CSS custom properties for theming.
 */
.nav-bar {
  --_gap: var(--spacing-2);
  --_link-padding-x: var(--spacing-3);
  --_link-padding-y: var(--spacing-2);
  --_link-radius: var(--border-radius-md);
  --_link-size: var(--font-size-base);
  --_bg: transparent;
  --_link-color: var(--color-neutral-300);
  --_link-hover-bg: var(--color-neutral-100);
  --_dropdown-bg: var(--color-black);
  --_dropdown-border: var(--color-neutral-200);
  background-color: var(--_bg);
}
.nav-bar__list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
}
.nav-bar__item {
  position: relative;
  display: flex;
  align-items: center;
}
.nav-bar__item:first-child .nav-bar__link {
  padding-left: 0;
}
.nav-bar__link {
  color: var(--_link-color) !important;
  line-height: var(--line-height-normal);
  text-decoration: none;
  display: inline-block;
  padding: var(--_link-padding-y) var(--_link-padding-x);
  border-radius: var(--_link-radius);
  line-height: var(--line-height-normal);
  text-decoration: none;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-bar__link:hover, .nav-bar__link:focus-visible {
  color: var(--color-white) !important;
}
.nav-bar__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-1);
  border: none;
  background: transparent;
  color: var(--_link-color);
  cursor: pointer;
  border-radius: var(--border-radius-base);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-bar__toggle:hover, .nav-bar__toggle:focus-visible {
  background-color: var(--_link-hover-bg);
}
.nav-bar__dropdown {
  z-index: 1000;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 12rem;
  margin: 0;
  padding: var(--spacing-1);
  list-style: none;
  background-color: var(--_dropdown-bg);
  border: 1px solid var(--_dropdown-border);
  border-radius: var(--border-radius-md);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(var(--spacing-1));
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), visibility 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-bar__item:hover .nav-bar__dropdown, .nav-bar__item--open .nav-bar__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.nav-bar__item--open .nav-bar__toggle {
  transform: rotate(180deg);
}
.nav-bar__dropdown-item {
  margin: 0;
}
.nav-bar__dropdown-link {
  display: block;
  padding: var(--_link-padding-y) var(--_link-padding-x);
  border-radius: var(--border-radius-base);
  color: var(--_link-color);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-normal);
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-bar__dropdown-link:hover, .nav-bar__dropdown-link:focus-visible {
  background-color: var(--_link-hover-bg);
}
.nav-bar__error {
  margin: 0;
  padding: var(--spacing-2) var(--spacing-3);
  color: var(--color-error);
  font-size: var(--font-size-sm);
}
@media (max-width: 767px) {
  .nav-bar__list {
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
  }
  .nav-bar__item {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
  .nav-bar__link {
    display: block;
    padding-left: 0;
  }
  .nav-bar__dropdown {
    position: static;
    box-shadow: none;
    border: none;
    min-width: 0;
    padding-left: var(--spacing-4);
  }
}
@media (prefers-reduced-motion: reduce) {
  .nav-bar__link, .nav-bar__toggle, .nav-bar__dropdown, .nav-bar__dropdown-link {
    transition: none;
  }
}

.eage-top-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 0.875rem;
}

flowruntime-flow {
  --_input-radius: var(--border-radius-xl);
  --_input-border-color: var(--color-neutral-300);
  --_input-border-color-focus: var(--color-primary-500);
  --_input-bg: var(--color-white);
  --_input-padding-y: var(--spacing-3);
  --_input-padding-x: var(--spacing-4);
  --_input-font-size: var(--font-size-sm);
  --_input-color: var(--color-neutral-900);
  --_input-placeholder-color: var(--color-neutral-400);
  --_label-font-size: var(--font-size-sm);
  --_label-font-weight: var(--font-weight-semibold);
  --_label-color: var(--color-neutral-900);
  --_label-margin-bottom: var(--spacing-1-5);
  --_field-gap: var(--spacing-3);
  --_btn-bg: var(--color-primary-500);
  --_btn-bg-hover: var(--color-primary-700);
  --_btn-color: var(--color-white);
  --_btn-radius: var(--border-radius-md);
  --_btn-font-size: var(--font-size-sm);
  --_btn-line-height: 20px;
  --_btn-padding-y: var(--spacing-2-5);
  --_btn-padding-x: var(--spacing-6);
  --_footer-padding-top: var(--spacing-6);
  --_footer-border-color: var(--color-neutral-200);
  display: block;
  font-family: var(--font-family-sans);
  --slds-c-input-color-border: transparent;
  --slds-c-input-radius-border: var(--_input-radius);
  --slds-c-input-shadow: none;
  --slds-c-textarea-color-border: transparent;
  --slds-c-textarea-radius-border: var(--_input-radius);
  --slds-c-textarea-shadow: none;
  --slds-c-select-color-border: transparent;
  --slds-c-select-radius-border: var(--_input-radius);
  --slds-c-select-shadow: none;
}
flowruntime-flow flowruntime-screen-field.flowruntime-column {
  margin-bottom: var(--_field-gap);
}
flowruntime-flow flowruntime-lwc-field.field-element {
  display: block;
}
flowruntime-flow flowruntime-lwc-field.field-element .container.slds-m-bottom_x-small {
  margin-bottom: 0;
}
flowruntime-flow flowruntime-input-wrapper2 .flowruntime-input-label,
flowruntime-flow flowruntime-picklist-input-lwc .flowruntime-input-label {
  display: block;
  margin-bottom: var(--_label-margin-bottom);
  font-size: var(--_label-font-size);
  font-weight: var(--_label-font-weight);
  color: var(--_label-color);
  line-height: var(--line-height-normal);
}
flowruntime-flow flowruntime-input-wrapper2 .flowruntime-input-label lightning-formatted-rich-text p, flowruntime-flow flowruntime-input-wrapper2 .flowruntime-input-label lightning-formatted-rich-text span,
flowruntime-flow flowruntime-picklist-input-lwc .flowruntime-input-label lightning-formatted-rich-text p,
flowruntime-flow flowruntime-picklist-input-lwc .flowruntime-input-label lightning-formatted-rich-text span {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
flowruntime-flow flowruntime-email lightning-input .slds-form-element__label,
flowruntime-flow flowruntime-phone lightning-input .slds-form-element__label {
  font-size: var(--_label-font-size);
  font-weight: var(--_label-font-weight);
  color: var(--_label-color);
  margin-bottom: var(--_label-margin-bottom);
  padding: 0;
  line-height: var(--line-height-normal);
}
flowruntime-flow abbr.slds-required {
  color: var(--color-error);
  text-decoration: none;
  font-weight: var(--_label-font-weight);
}
flowruntime-flow .slds-form-element {
  margin-bottom: 0;
}
flowruntime-flow .slds-form-element__control {
  width: 100%;
}
flowruntime-flow lightning-primitive-input-simple,
flowruntime-flow lightning-input.slds-form-element,
flowruntime-flow lightning-textarea.slds-form-element,
flowruntime-flow lightning-select.slds-form-element {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
flowruntime-flow lightning-primitive-input-simple div,
flowruntime-flow lightning-textarea .textarea-container {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
flowruntime-flow .slds-select_container {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
flowruntime-flow .slds-select_container::before, flowruntime-flow .slds-select_container::after {
  display: none !important;
}
flowruntime-flow input.slds-input {
  background-color: var(--_input-bg) !important;
  border: 1px solid var(--_input-border-color) !important;
  border-radius: var(--_input-radius) !important;
  padding: var(--_input-padding-y) var(--_input-padding-x);
  font-size: var(--_input-font-size);
  font-family: var(--font-family-sans);
  color: var(--_input-color);
  line-height: var(--line-height-normal);
  height: auto;
  box-shadow: none !important;
  transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
flowruntime-flow input.slds-input::placeholder {
  color: var(--_input-placeholder-color);
}
flowruntime-flow input.slds-input:focus {
  outline: none;
  border-color: var(--_input-border-color-focus) !important;
  box-shadow: 0 0 0 1px var(--_input-border-color-focus) !important;
}
flowruntime-flow select.slds-select {
  background-color: var(--_input-bg) !important;
  border: 1px solid var(--_input-border-color) !important;
  border-radius: var(--_input-radius) !important;
  padding: var(--_input-padding-y) var(--_input-padding-x);
  font-size: var(--_input-font-size);
  font-family: var(--font-family-sans);
  color: var(--_input-color);
  height: auto;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  box-shadow: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8.825a.7.7 0 0 1-.5-.2L2.3 5.4a.7.7 0 0 1 1-1L6 7.1l2.7-2.7a.7.7 0 0 1 1 1L6.5 8.625a.7.7 0 0 1-.5.2z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right var(--_input-padding-x) center !important;
  padding-right: calc(var(--_input-padding-x) + 1.5rem);
  transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
flowruntime-flow select.slds-select:focus {
  outline: none;
  border-color: var(--_input-border-color-focus) !important;
  box-shadow: 0 0 0 1px var(--_input-border-color-focus) !important;
}
flowruntime-flow textarea.slds-textarea {
  background-color: var(--_input-bg) !important;
  border: 1px solid var(--_input-border-color) !important;
  border-radius: var(--_input-radius) !important;
  padding: var(--_input-padding-y) var(--_input-padding-x);
  font-size: var(--_input-font-size);
  font-family: var(--font-family-sans);
  color: var(--_input-color);
  min-height: 6rem;
  resize: vertical;
  box-shadow: none !important;
  transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
flowruntime-flow textarea.slds-textarea::placeholder {
  color: var(--_input-placeholder-color);
}
flowruntime-flow textarea.slds-textarea:focus {
  outline: none;
  border-color: var(--_input-border-color-focus) !important;
  box-shadow: 0 0 0 1px var(--_input-border-color-focus) !important;
}
flowruntime-flow flowruntime-progress-indicator {
  display: none;
}
flowruntime-flow flowruntime-navigation-bar {
  display: block;
  border: none !important;
}
flowruntime-flow flowruntime-navigation-bar.slds-card__footer {
  border-top: none !important;
  padding: 0;
}
flowruntime-flow flowruntime-navigation-bar footer.footerContainer {
  display: flex;
  justify-content: flex-end;
  padding-top: var(--_footer-padding-top);
  border-top: 1px solid var(--_footer-border-color);
  margin-top: var(--_field-gap);
}
flowruntime-flow flowruntime-navigation-bar lightning-button.flow-button__NEXT button.slds-button.slds-button_brand {
  background-color: var(--_btn-bg);
  border-color: var(--_btn-bg);
  border-radius: var(--_btn-radius);
  padding: var(--_btn-padding-y) var(--_btn-padding-x);
  font-size: var(--_btn-font-size);
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-semibold);
  line-height: var(--_btn-line-height);
  color: var(--_btn-color);
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
flowruntime-flow flowruntime-navigation-bar lightning-button.flow-button__NEXT button.slds-button.slds-button_brand:hover, flowruntime-flow flowruntime-navigation-bar lightning-button.flow-button__NEXT button.slds-button.slds-button_brand:focus {
  background-color: var(--_btn-bg-hover);
  border-color: var(--_btn-bg-hover);
}
flowruntime-flow flowruntime-navigation-bar lightning-button.flow-button__NEXT button.slds-button.slds-button_brand:active {
  background-color: var(--_btn-bg-hover);
}
flowruntime-flow flowruntime-navigation-bar lightning-button.flow-button__BACK button.slds-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-900);
  border: 1px solid var(--color-neutral-400);
  padding: 0.5rem 1rem;
  border-radius: var(--_btn-radius);
  font-size: var(--_btn-font-size);
  line-height: var(--_btn-line-height);
}
flowruntime-flow flowruntime-navigation-bar lightning-button.flow-button__BACK button.slds-button:hover {
  background-color: var(--color-neutral-200);
}
flowruntime-flow flowruntime-navigation-bar lightning-button.flow-button__FINISH button.slds-button.slds-button_brand {
  background-color: var(--_btn-bg);
  border-color: var(--_btn-bg);
  border-radius: var(--_btn-radius);
  padding: var(--_btn-padding-y) var(--_btn-padding-x);
  font-size: var(--_btn-font-size);
  font-family: var(--font-family-sans);
  font-weight: var(--font-weight-semibold);
  line-height: var(--_btn-line-height);
  color: var(--_btn-color);
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
flowruntime-flow flowruntime-navigation-bar lightning-button.flow-button__FINISH button.slds-button.slds-button_brand:hover, flowruntime-flow flowruntime-navigation-bar lightning-button.flow-button__FINISH button.slds-button.slds-button_brand:focus {
  background-color: var(--_btn-bg-hover);
  border-color: var(--_btn-bg-hover);
}
@media (max-width: 767px) {
  flowruntime-flow {
    --_field-gap: var(--spacing-4);
    --_footer-padding-top: var(--spacing-4);
  }
  flowruntime-flow flowruntime-navigation-bar footer.footerContainer {
    justify-content: stretch;
  }
  flowruntime-flow flowruntime-navigation-bar lightning-button.flow-button__NEXT,
  flowruntime-flow flowruntime-navigation-bar lightning-button.flow-button__FINISH {
    width: 100%;
  }
  flowruntime-flow flowruntime-navigation-bar lightning-button.flow-button__NEXT button.slds-button,
  flowruntime-flow flowruntime-navigation-bar lightning-button.flow-button__FINISH button.slds-button {
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  flowruntime-flow input.slds-input,
  flowruntime-flow select.slds-select,
  flowruntime-flow textarea.slds-textarea {
    transition: none;
  }
  flowruntime-flow flowruntime-navigation-bar button.slds-button {
    transition: none;
  }
}

/**
 * EAGE Article Media Player Component
 *
 * Featured multimedia component with two-column layout:
 * left = media player (iframe embed / poster image), right = article sidebar.
 * Transparent background by default — compatible with .is-bg-color--* modifiers.
 * Uses BEM naming and CSS custom properties for flexibility.
 */
.eage-article-media-player {
  --_content-gap: var(--spacing-8);
  --_player-ratio: 56.25%;
  --_sidebar-width: 22rem;
  --_sidebar-width-lg: 20rem;
  --_title-size: var(--font-size-2xl);
  --_title-weight: var(--font-weight-bold);
  --_player-radius: var(--border-radius-xl);
  --_player-title-size: var(--font-size-3xl);
  --_player-title-size-mobile: var(--font-size-2xl);
  --_player-title-weight: var(--font-weight-bold);
  --_player-title-lh: var(--line-height-snug);
  --_player-title-color: var(--color-white);
  --_play-btn-size: 4rem;
  --_archive-size: var(--font-size-base);
  --_archive-weight: var(--font-weight-semibold);
  --_archive-color: var(--color-neutral-300);
  --_archive-hover-color: var(--color-neutral-50);
  --_archive-divider-color: var(--color-neutral-300);
  --_item-padding: var(--spacing-3) var(--spacing-4);
  --_item-border: 1px solid var(--color-neutral-200);
  --_item-title-size: var(--font-size-base);
  --_item-title-weight: var(--font-weight-medium);
  --_item-hover-bg: var(--color-neutral-50);
  --_item-active-bg: var(--color-primary-50);
  --_item-active-color: var(--color-primary-700);
  --_item-icon-color: var(--color-neutral-500);
  --_item-active-icon-color: var(--color-primary-500);
  --_placeholder-bg: var(--color-neutral-200);
  --_placeholder-color: var(--color-neutral-500);
  background: transparent;
  padding: var(--spacing-12) 0;
}
.eage-article-media-player__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  padding: 0 0 var(--spacing-8) 0;
}
.eage-article-media-player__title {
  margin: 0;
  font-family: var(--font-family-heading);
  font-size: var(--_title-size);
  font-weight: var(--_title-weight);
  line-height: var(--line-height-tight);
}
.eage-article-media-player__archive-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  flex: 0 0 var(--_sidebar-width);
  max-width: 100%;
}
.eage-article-media-player__archive-divider {
  flex-shrink: 0;
  align-self: stretch;
  width: 0.25rem;
  min-height: 1em;
  background-color: var(--_archive-divider-color);
}
.eage-article-media-player__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-12);
}
.eage-article-media-player__content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 2rem;
}
.eage-article-media-player__player {
  flex: 1;
  min-width: 0;
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
  background-color: var(--color-black);
}
.eage-article-media-player__embed {
  position: relative;
  width: 100%;
  padding-top: var(--_player-ratio);
}
.eage-article-media-player__iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.eage-article-media-player__poster {
  position: relative;
  width: 100%;
  padding-top: var(--_player-ratio);
  cursor: pointer;
  background-color: var(--_placeholder-bg);
}
.eage-article-media-player__poster-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.eage-article-media-player__poster-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(135deg, var(--color-neutral-200), var(--color-neutral-400));
  color: var(--_placeholder-color);
}
.eage-article-media-player__overlay {
  position: absolute;
  inset: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: var(--spacing-6);
  pointer-events: none;
  opacity: 1;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.21) 40%, rgba(0, 0, 0, 0) 100%);
}
.eage-article-media-player__player.is-playing .eage-article-media-player__overlay {
  opacity: 0;
}
.eage-article-media-player__player.is-playing:hover .eage-article-media-player__overlay {
  opacity: 1;
}
.eage-article-media-player__labels {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2);
  align-items: flex-start;
  pointer-events: auto;
}
.eage-article-media-player__overlay-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  margin-top: auto;
}
.eage-article-media-player__overlay-bottom-left {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 0.5rem;
  min-width: 0;
  flex: 1;
}
.eage-article-media-player__categories {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2);
  align-items: flex-start;
  pointer-events: auto;
}
.eage-article-media-player__player-title {
  margin: 0;
  font-family: var(--font-family-heading);
  font-size: var(--_player-title-size);
  font-weight: var(--_player-title-weight);
  line-height: var(--_player-title-lh);
  color: var(--_player-title-color);
}
.eage-article-media-player__play-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--_play-btn-size);
  height: var(--_play-btn-size);
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--color-white);
  pointer-events: auto;
  flex-shrink: 0;
}
.eage-article-media-player__play-svg {
  width: 60%;
  height: 60%;
  fill: currentColor;
}
.eage-article-media-player__sidebar {
  flex: 0 0 var(--_sidebar-width);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
}
.eage-article-media-player__archive-link {
  font-size: var(--_archive-size);
  font-weight: var(--_archive-weight);
  color: var(--_archive-color) !important;
  text-decoration: none;
  white-space: nowrap;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-media-player__archive-link:hover {
  color: var(--_archive-hover-color) !important;
}
.eage-article-media-player__sidebar-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0;
  flex: 1;
}
.eage-article-media-player__sidebar-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.75rem;
  padding: var(--_item-padding);
  border: none;
  border-bottom: var(--_item-border);
  background: transparent;
  cursor: pointer;
  text-align: left;
  width: 100%;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-media-player__sidebar-item:hover {
  background-color: var(--_item-hover-bg);
}
.eage-article-media-player__sidebar-item:hover .eage-article-media-player__item-title {
  color: var(--_item-active-icon-color);
}
.eage-article-media-player__sidebar-item.is-active {
  background-color: var(--_item-active-bg);
}
.eage-article-media-player__sidebar-item.is-active .eage-article-media-player__item-title {
  color: var(--_item-active-color);
}
.eage-article-media-player__sidebar-item.is-active .eage-article-media-player__item-icon {
  color: var(--_item-active-icon-color);
}
.eage-article-media-player__item-icon {
  flex-shrink: 0;
  color: var(--_item-icon-color);
}
.eage-article-media-player__item-title {
  font-size: var(--_item-title-size);
  font-weight: var(--_item-title-weight);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.eage-article-media-player__pagination {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.75rem;
  padding-top: var(--spacing-4);
}
.eage-article-media-player__pagination-btn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-cta-500) !important;
  color: var(--color-white) !important;
  border: 1px solid var(--color-cta-500) !important;
  padding: 0.5rem 1rem;
  text-decoration: none;
}
.eage-article-media-player__pagination-btn:hover {
  background-color: var(--color-cta-700) !important;
  text-decoration: none !important;
}
.eage-article-media-player__pagination-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.eage-article-media-player__empty {
  display: flex;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  padding: var(--spacing-12);
}
.eage-article-media-player__empty-icon {
  color: var(--_placeholder-color);
}
.eage-article-media-player__empty-text {
  margin: 0;
  font-size: 1.125rem;
  color: var(--_placeholder-color);
}
@media (max-width: 1023px) {
  .eage-article-media-player {
    --_sidebar-width: var(--_sidebar-width-lg);
  }
}
@media (max-width: 767px) {
  .eage-article-media-player {
    --_player-title-size: var(--_player-title-size-mobile);
  }
  .eage-article-media-player__content {
    flex-direction: column;
  }
  .eage-article-media-player__sidebar {
    flex: 0 0 auto;
  }
  .eage-article-media-player__overlay {
    padding: var(--spacing-4);
  }
}
@media (prefers-reduced-motion: reduce) {
  .eage-article-media-player__overlay, .eage-article-media-player__archive-link, .eage-article-media-player__sidebar-item {
    transition: none;
  }
}

/**
 * EAGE Article Comments Component
 *
 * Cascading comments section with one level of nested replies,
 * inline reply forms, pagination, and guest lockout banner.
 * Uses BEM naming and CSS custom properties for flexibility.
 */
.eage-article-comments {
  --_section-padding: var(--spacing-8) 0;
  --_list-gap: 0;
  --_title-size: var(--font-size-2xl);
  --_title-weight: var(--font-weight-bold);
  --_title-color: var(--color-neutral-900);
  --_header-icon-size: 1.75rem;
  --_divider-color: var(--color-neutral-200);
  --_divider-height: 1px;
  --_comment-padding: var(--spacing-6) 0;
  --_comment-border: 1px solid var(--color-neutral-200);
  --_meta-size: var(--font-size-sm);
  --_meta-color: var(--color-neutral-500);
  --_author-color: var(--color-neutral-500);
  --_author-weight: var(--font-weight-semibold);
  --_body-size: var(--font-size-base);
  --_body-color: var(--color-neutral-800);
  --_body-lh: var(--line-height-relaxed);
  --_reply-link-color: var(--color-primary-500);
  --_reply-link-size: var(--font-size-sm);
  --_reply-link-weight: var(--font-weight-medium);
  --_toggle-size: var(--font-size-sm);
  --_connector-color: var(--color-neutral-300);
  --_connector-width: 1px;
  --_reply-indent: var(--spacing-4);
  --_reply-gap: var(--spacing-4);
  --_textarea-border: 1px solid var(--color-neutral-300);
  --_textarea-radius: var(--border-radius-md);
  --_textarea-padding: var(--spacing-3) var(--spacing-4);
  --_textarea-font-size: var(--font-size-base);
  --_textarea-min-height: 7rem;
  --_textarea-focus-border-color: var(--color-primary-500);
  --_textarea-placeholder-color: var(--color-neutral-400);
  --_guest-bg: var(--color-primary-50);
  --_guest-border: 1px solid var(--color-primary-200);
  --_guest-radius: var(--border-radius-lg);
  --_guest-text-size: var(--font-size-lg);
  --_guest-text-weight: var(--font-weight-semibold);
  padding: var(--_section-padding);
}
.eage-article-comments__header {
  padding-bottom: var(--spacing-6);
}
.eage-article-comments__header-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.75rem;
}
.eage-article-comments__header-icon {
  width: var(--_header-icon-size);
  height: var(--_header-icon-size);
  flex-shrink: 0;
}
.eage-article-comments__title {
  margin: 0;
  font-family: var(--font-family-heading);
  font-size: var(--_title-size);
  font-weight: var(--_title-weight);
  color: var(--_title-color);
  line-height: var(--line-height-tight);
}
.eage-article-comments__divider {
  height: var(--_divider-height);
  background-color: var(--_divider-color);
  margin-top: var(--spacing-3);
}
.eage-article-comments__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-12);
}
.eage-article-comments__spinner {
  width: 2rem;
  height: 2rem;
  border: 3px solid var(--color-neutral-200);
  border-top-color: var(--color-primary-500);
  border-radius: var(--border-radius-full);
  animation: eage-comments-spin 0.6s linear infinite;
}
@keyframes eage-comments-spin {
  to {
    transform: rotate(360deg);
  }
}
.eage-article-comments__guest-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background-color: var(--_guest-bg);
  border: var(--_guest-border);
  border-radius: 0.5rem;
  padding: 1.5rem 2rem;
  text-align: center;
  margin-bottom: var(--spacing-6);
}
.eage-article-comments__guest-text {
  margin: 0;
  font-size: var(--_guest-text-size);
  font-weight: var(--_guest-text-weight);
  color: var(--color-neutral-800);
}
.eage-article-comments__guest-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-primary-500);
  color: var(--color-white);
  border: 1px solid var(--color-primary-500);
  padding: 0.5rem 1rem;
}
.eage-article-comments__guest-btn:hover {
  background-color: var(--color-primary-700);
}
.eage-article-comments__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0;
}
.eage-article-comments__comment {
  padding: var(--_comment-padding);
  border-bottom: var(--_comment-border);
}
.eage-article-comments__comment-meta {
  font-size: var(--_meta-size);
  color: var(--_meta-color);
  line-height: var(--line-height-normal);
}
.eage-article-comments__comment-author {
  color: var(--_author-color);
  font-weight: var(--_author-weight);
}
.eage-article-comments__comment-date {
  color: var(--_meta-color);
}
.eage-article-comments__comment-body {
  margin: var(--spacing-2) 0 0 0;
  font-size: var(--_body-size);
  color: var(--_body-color);
  line-height: var(--_body-lh);
}
.eage-article-comments__reply-link {
  display: inline-block;
  background: none;
  border: none;
  padding: 0;
  margin-top: var(--spacing-2);
  cursor: pointer;
  color: var(--_reply-link-color);
  font-size: var(--_reply-link-size);
  font-weight: var(--_reply-link-weight);
  font-family: inherit;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-comments__reply-link:hover {
  text-decoration: underline;
}
.eage-article-comments__reply-toggle {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0;
  margin-top: var(--spacing-3);
  margin-left: var(--_reply-indent);
}
.eage-article-comments__reply-connector {
  width: var(--_connector-width);
  background-color: var(--_connector-color);
  border-left: var(--_connector-width) solid var(--_connector-color);
  border-bottom: var(--_connector-width) solid var(--_connector-color);
  border-right: none;
  border-top: none;
  flex-shrink: 0;
  align-self: stretch;
}
.eage-article-comments__reply-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-neutral-050);
  color: var(--color-neutral-900);
  border: 1px solid var(--color-neutral-200);
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  margin-left: var(--spacing-6);
  font-size: var(--_toggle-size);
}
.eage-article-comments__reply-toggle-btn:hover {
  background-color: var(--color-neutral-100);
}
.eage-article-comments__reply-toggle-btn.is-expanded {
  color: var(--color-primary-500);
  border-color: var(--color-primary-500);
}
.eage-article-comments__replies {
  margin-left: var(--_reply-indent);
  border-left: var(--_connector-width) solid var(--_connector-color);
  padding-left: var(--spacing-4);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0;
}
.eage-article-comments__reply {
  position: relative;
  padding: var(--_reply-gap) 0;
  padding-left: var(--spacing-3);
}
.eage-article-comments__reply::before {
  content: "";
  position: absolute;
  left: calc(-1 * var(--spacing-4) - var(--_connector-width));
  top: calc(var(--_reply-gap) - var(--_connector-width));
  width: var(--spacing-4);
  height: var(--spacing-4);
  border-left: var(--_connector-width) solid var(--_connector-color);
  border-bottom: var(--_connector-width) solid var(--_connector-color);
  border-bottom-left-radius: var(--border-radius-lg);
  border-right: none;
  border-top: none;
}
.eage-article-comments__reply:not(:last-child) {
  border-bottom: 1px solid var(--color-neutral-100);
}
.eage-article-comments__reply:last-child::after {
  content: "";
  position: absolute;
  left: calc(-1 * var(--spacing-4) - var(--_connector-width));
  top: calc(var(--_reply-gap) - 6px + var(--spacing-4));
  bottom: 0;
  width: var(--_connector-width);
  background-color: var(--color-white);
}
.eage-article-comments__reply-form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.75rem;
  margin-top: var(--spacing-4);
}
.eage-article-comments__reply-textarea {
  width: 100%;
  min-height: var(--spacing-20);
  padding: var(--_textarea-padding);
  border: var(--_textarea-border);
  border-radius: var(--_textarea-radius);
  font-family: inherit;
  font-size: var(--_textarea-font-size);
  line-height: var(--line-height-normal);
  color: var(--color-neutral-900);
  resize: vertical;
  box-sizing: border-box;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-comments__reply-textarea::placeholder {
  color: var(--_textarea-placeholder-color);
}
.eage-article-comments__reply-textarea:focus {
  outline: none;
  border-color: var(--_textarea-focus-border-color);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.eage-article-comments__reply-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-cta-500) !important;
  color: var(--color-white) !important;
  border: 1px solid var(--color-cta-500) !important;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  align-self: flex-start;
}
.eage-article-comments__reply-submit:hover {
  background-color: var(--color-cta-700) !important;
  text-decoration: none !important;
}
.eage-article-comments__reply-submit:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.eage-article-comments__view-more {
  padding: var(--spacing-6) 0;
}
.eage-article-comments__view-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-cta-500) !important;
  color: var(--color-white) !important;
  border: 1px solid var(--color-cta-500) !important;
  padding: 0.5rem 1rem;
}
.eage-article-comments__view-more-btn:hover {
  background-color: var(--color-cta-700) !important;
  text-decoration: none !important;
}
.eage-article-comments__compose {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1rem;
  padding-top: var(--spacing-8);
}
.eage-article-comments__compose-divider {
  height: 1px;
  background-color: var(--color-neutral-200);
  margin-bottom: var(--spacing-4);
}
.eage-article-comments__compose-title {
  margin: 0;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-neutral-900);
  line-height: var(--line-height-tight);
}
.eage-article-comments__compose-textarea {
  width: 100%;
  min-height: var(--_textarea-min-height);
  padding: var(--_textarea-padding);
  border: var(--_textarea-border);
  border-radius: var(--_textarea-radius);
  font-family: inherit;
  font-size: var(--_textarea-font-size);
  line-height: var(--line-height-normal);
  color: var(--color-neutral-900);
  resize: vertical;
  box-sizing: border-box;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-comments__compose-textarea::placeholder {
  color: var(--_textarea-placeholder-color);
}
.eage-article-comments__compose-textarea:focus {
  outline: none;
  border-color: var(--_textarea-focus-border-color);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.eage-article-comments__compose-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-cta-500) !important;
  color: var(--color-white) !important;
  border: 1px solid var(--color-cta-500) !important;
  padding: 0.5rem 1rem;
  align-self: flex-start;
}
.eage-article-comments__compose-btn:hover {
  background-color: var(--color-cta-700) !important;
  text-decoration: none !important;
}
.eage-article-comments__compose-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.eage-article-comments__compose-subtext {
  font-size: 0.75rem;
  color: var(--color-neutral-300);
}
@media (max-width: 767px) {
  .eage-article-comments {
    --_reply-indent: var(--spacing-2);
    --_title-size: var(--font-size-xl);
    --_textarea-min-height: var(--spacing-20);
  }
}
@media (prefers-reduced-motion: reduce) {
  .eage-article-comments__reply-link, .eage-article-comments__reply-toggle-btn, .eage-article-comments__reply-submit, .eage-article-comments__reply-textarea, .eage-article-comments__compose-textarea, .eage-article-comments__compose-btn, .eage-article-comments__view-more-btn, .eage-article-comments__guest-btn {
    transition: none;
  }
}

/**
 * EAGE Article Media Body Component
 *
 * Article detail body for video/podcast content.
 * Hero media area with overlay (labels, categories, play icon),
 * followed by meta, title, abstract, parsed body, and authors.
 * Uses BEM naming and CSS custom properties for flexibility.
 */
.eage-article-media-body {
  --_media-ratio: 56.25%;
  --_media-radius: var(--border-radius-xl);
  --_overlay-padding: var(--spacing-6);
  --_overlay-padding-mobile: var(--spacing-4);
  --_pill-gap: var(--spacing-2);
  --_play-icon-size: 3rem;
  --_play-icon-size-mobile: 2.25rem;
  --_section-margin: var(--spacing-4);
  --_title-size: var(--font-size-4xl);
  --_title-size-mobile: var(--font-size-2xl);
  --_title-weight: var(--font-weight-bold);
  --_abstract-size: var(--font-size-lg);
  --_meta-size: var(--font-size-sm);
  --_meta-color: var(--color-primary-500);
  --_date-color: var(--color-neutral-600);
  --_placeholder-bg: var(--color-neutral-200);
  --_placeholder-color: var(--color-neutral-500);
}
.eage-article-media-body__media-container {
  position: relative;
  width: 100%;
  border-radius: 0.75rem;
  overflow: hidden;
  background-color: var(--color-black);
  margin-bottom: var(--spacing-8);
}
.eage-article-media-body__embed {
  position: relative;
  width: 100%;
  padding-top: var(--_media-ratio);
}
.eage-article-media-body__iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.eage-article-media-body__poster {
  position: relative;
  width: 100%;
  padding-top: var(--_media-ratio);
  cursor: pointer;
  background-color: var(--_placeholder-bg);
}
.eage-article-media-body__poster-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.eage-article-media-body__poster-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(135deg, var(--color-neutral-200), var(--color-neutral-400));
  color: var(--_placeholder-color);
}
.eage-article-media-body__overlay {
  position: absolute;
  inset: 0;
  z-index: 30;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: var(--_overlay-padding);
  pointer-events: none;
  opacity: 1;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-media-body__media-container:hover .eage-article-media-body__overlay {
  opacity: 1;
}
.eage-article-media-body__media-container.is-playing .eage-article-media-body__overlay {
  opacity: 0;
}
.eage-article-media-body__labels, .eage-article-media-body__categories, .eage-article-media-body__play-icon-wrapper {
  pointer-events: none;
}
.eage-article-media-body__labels {
  display: flex;
  flex-wrap: wrap;
  gap: var(--_pill-gap);
  align-items: flex-start;
}
.eage-article-media-body__overlay-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
}
.eage-article-media-body__categories {
  display: flex;
  flex-wrap: wrap;
  gap: var(--_pill-gap);
  align-items: flex-start;
}
.eage-article-media-body__play-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--_play-icon-size);
  height: var(--_play-icon-size);
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--color-white);
}
.eage-article-media-body__play-icon {
  width: 60%;
  height: 60%;
  fill: currentColor;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-media-body__section {
  margin-bottom: var(--_section-margin);
}
.eage-article-media-body__meta {
  font-size: 0.875rem;
  color: var(--_meta-color);
  margin-top: var(--spacing-4);
}
.eage-article-media-body__meta * {
  color: var(--_meta-color);
  font-size: 0.75rem;
}
.eage-article-media-body__author {
  font-weight: 500;
}
.eage-article-media-body__date {
  color: var(--_date-color);
}
.eage-article-media-body__title {
  margin: 0;
  font-size: var(--_title-size);
  font-weight: var(--_title-weight);
  line-height: var(--line-height-snug);
  color: var(--color-neutral-900);
}
.eage-article-media-body__abstract p {
  font-size: var(--_abstract-size) !important;
  font-weight: 500;
  color: var(--color-neutral-900);
}
.eage-article-media-body .article-function.is-math {
  color: var(--color-neutral-800);
  display: block;
  margin: 1rem 0;
  overflow: auto hidden;
}
.eage-article-media-body .article-function.is-math.is-inline {
  display: inline;
  margin: 0 0.25rem;
}
.eage-article-media-body .article-function.is-quote {
  background: var(--color-neutral-100);
  margin: 1.5rem 0;
  padding: var(--spacing-8);
  margin-left: auto;
  border-radius: var(--border-radius-xl);
  max-width: calc(100% - 1.5rem);
}
.eage-article-media-body .article-function.is-quote .quote-citation {
  margin-top: var(--spacing-4);
  font-weight: bold;
}
.eage-article-media-body .article-function.is-reference {
  display: flex;
  flex-direction: column;
  margin: var(--spacing-6) 0;
  gap: var(--spacing-3);
}
.eage-article-media-body .article-function.is-reference .article-reference__image-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
.eage-article-media-body .article-function.is-reference .article-reference__image-container img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}
.eage-article-media-body .article-function.is-reference .article-reference__caption {
  font-size: var(--font-size-sm);
  color: var(--color-neutral-800);
  line-height: var(--line-height-relaxed);
}
.eage-article-media-body .article-function.is-reference .article-reference__copyright {
  font-size: var(--font-size-sm);
  text-align: right;
  background: rgba(0, 0, 0, 0.5);
  color: var(--color-neutral-500);
  padding: 0.5rem 1rem;
  margin-top: -3rem;
}
.eage-article-media-body .article-function.is-reference.is-aligned--top .article-reference__caption {
  order: -1;
}
.eage-article-media-body .article-function.is-reference.is-aligned--bottom .article-reference__caption {
  order: 1;
}
.eage-article-media-body .article-function.is-reference.is-aligned--left {
  flex-direction: row;
  align-items: flex-start;
}
.eage-article-media-body .article-function.is-reference.is-aligned--left .article-reference__caption {
  flex: 0 0 calc(50% - var(--spacing-3) / 2);
  max-width: calc(50% - var(--spacing-3) / 2);
  order: 0;
}
.eage-article-media-body .article-function.is-reference.is-aligned--left .article-reference__image-container {
  flex: 0 0 calc(50% - var(--spacing-3) / 2);
  max-width: calc(50% - var(--spacing-3) / 2);
  order: 1;
}
.eage-article-media-body .article-function.is-reference.is-aligned--right {
  flex-direction: row;
  align-items: flex-start;
}
.eage-article-media-body .article-function.is-reference.is-aligned--right .article-reference__image-container {
  flex: 0 0 calc(50% - var(--spacing-3) / 2);
  max-width: calc(50% - var(--spacing-3) / 2);
  order: 0;
}
.eage-article-media-body .article-function.is-reference.is-aligned--right .article-reference__caption {
  flex: 0 0 calc(50% - var(--spacing-3) / 2);
  max-width: calc(50% - var(--spacing-3) / 2);
  order: 1;
}
.eage-article-media-body .article-function.is-reference.article-reference--button {
  align-items: flex-start;
}
.eage-article-media-body .article-function.is-reference.article-reference--button.is-aligned--right {
  align-items: center;
}
.eage-article-media-body .article-function.is-reference.article-reference--button a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-primary-500);
  color: var(--color-white);
  border: 1px solid var(--color-primary-500);
  padding: 0.5rem 1rem;
}
.eage-article-media-body .article-function.is-reference.article-reference--button a:hover {
  background-color: var(--color-primary-700);
}
.eage-article-media-body .article-function.is-reference.article-reference--table .article-reference__table-container {
  overflow-x: auto;
}
.eage-article-media-body .article-function.is-reference.article-reference--table .article-reference__table-container table {
  width: 100%;
  border-collapse: collapse;
}
.eage-article-media-body .article-function.is-reference.article-reference--table .article-reference__table-container th,
.eage-article-media-body .article-function.is-reference.article-reference--table .article-reference__table-container td {
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--color-neutral-300);
  vertical-align: top;
}
.eage-article-media-body .article-function.is-reference.article-reference--table .article-reference__table-container th,
.eage-article-media-body .article-function.is-reference.article-reference--table .article-reference__table-container td.is-bold {
  font-weight: var(--font-weight-bold);
}
.eage-article-media-body .article-function.is-reference.article-reference--table .article-reference__table-container td.is-centered,
.eage-article-media-body .article-function.is-reference.article-reference--table .article-reference__table-container th.is-centered {
  text-align: center;
}
.eage-article-media-body .article-function.is-reference.article-reference--table .article-reference__table-container td.is-right-aligned,
.eage-article-media-body .article-function.is-reference.article-reference--table .article-reference__table-container th.is-right-aligned {
  text-align: right;
}
.eage-article-media-body .article-function.is-reference.article-reference--table .article-reference__table-container td.is-highlighted,
.eage-article-media-body .article-function.is-reference.article-reference--table .article-reference__table-container th.is-highlighted {
  background-color: var(--color-neutral-100);
}
.eage-article-media-body .article-function.is-reference.article-reference--table .article-reference__table-container thead th {
  background-color: var(--color-neutral-50);
}
.eage-article-media-body .article-function.is-reference.article-reference--table.is-aligned--left .article-reference__table-container, .eage-article-media-body .article-function.is-reference.article-reference--table.is-aligned--right .article-reference__table-container {
  flex: 0 0 calc(50% - var(--spacing-3) / 2);
  max-width: calc(50% - var(--spacing-3) / 2);
}
@media (max-width: 767px) {
  .eage-article-media-body {
    --_title-size: var(--_title-size-mobile);
    --_play-icon-size: var(--_play-icon-size-mobile);
    --_overlay-padding: var(--_overlay-padding-mobile);
  }
}
@media (max-width: 639px) {
  .eage-article-media-body .article-function.is-reference.is-aligned--left, .eage-article-media-body .article-function.is-reference.is-aligned--right {
    flex-direction: column;
  }
  .eage-article-media-body .article-function.is-reference.is-aligned--left .article-reference__caption,
  .eage-article-media-body .article-function.is-reference.is-aligned--left .article-reference__image-container,
  .eage-article-media-body .article-function.is-reference.is-aligned--left .article-reference__table-container, .eage-article-media-body .article-function.is-reference.is-aligned--right .article-reference__caption,
  .eage-article-media-body .article-function.is-reference.is-aligned--right .article-reference__image-container,
  .eage-article-media-body .article-function.is-reference.is-aligned--right .article-reference__table-container {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .eage-article-media-body__play-icon {
    transition: none;
  }
}

/**
 * EAGE Login Paywall Component
 *
 * Overlay gate for locked article content.
 * Supports login, consent, and membership modes.
 * Uses gradient-overlay mixin with light/dark theme variants.
 */
.eage-login-paywall {
  --_overlay-padding: var(--spacing-4);
  --_form-max-width: 20rem;
  --_inner-gap: var(--spacing-4);
  --_consent-max-width: 28rem;
  position: relative;
}
.eage-login-paywall.is-locked {
  overflow: hidden;
  height: 40rem;
}
.eage-login-paywall.is-locked .eage-login-paywall__content {
  filter: blur(2px);
  opacity: 0.6;
  pointer-events: none;
  user-select: none;
  transition: filter 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-login-paywall__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(100% + 3rem);
  left: -1.5rem;
  padding: var(--_overlay-padding);
}
.eage-login-paywall__overlay.is-overlay--light {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 40%);
}
.eage-login-paywall__overlay.is-overlay--dark {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 40%);
}
.eage-login-paywall__overlay-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--_inner-gap);
  margin-top: var(--spacing-8);
}
.eage-login-paywall__consent-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: var(--color-neutral-50);
  border-radius: 1.5rem;
  padding: 1.5rem;
  margin-top: var(--spacing-8);
}
.eage-login-paywall__consent-card-inner {
  border-radius: 0.75rem;
  box-shadow: none;
  padding: 2rem;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--_inner-gap);
  width: 100%;
  max-width: var(--_consent-max-width);
}
.eage-login-paywall__consent-heading {
  margin: 0;
  font-family: var(--font-family-heading);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-neutral-900);
  line-height: var(--line-height-tight);
}
.eage-login-paywall__icon {
  display: block;
  width: 4.25rem;
  height: auto;
  color: var(--color-neutral-900);
}
.is-overlay--dark .eage-login-paywall__icon {
  color: var(--color-white);
}
.eage-login-paywall__consent-card-inner .eage-login-paywall__icon {
  color: var(--color-neutral-900);
}
.eage-login-paywall__title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-neutral-900);
}
.is-overlay--dark .eage-login-paywall__title {
  color: var(--color-white);
}
.eage-login-paywall__consent-text {
  color: var(--color-neutral-700);
  max-width: 24rem;
}
.is-overlay--dark .eage-login-paywall__consent-text {
  color: var(--color-neutral-200);
}
.eage-login-paywall__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-primary-500);
  color: var(--color-white);
  border: 1px solid var(--color-primary-500);
  padding: 0.5rem 1rem;
  background-color: var(--color-primary-500) !important;
  color: var(--color-white) !important;
}
.eage-login-paywall__cta:hover {
  background-color: var(--color-primary-700);
}
.eage-login-paywall__cta--consent {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 0.25rem;
  font-weight: 600;
  transition: background-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
  line-height: var(--line-height-normal);
  white-space: nowrap;
  background-color: var(--color-primary-500);
  color: var(--color-white);
  border: 1px solid var(--color-primary-500);
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  width: 100%;
}
.eage-login-paywall__cta--consent:hover {
  background-color: var(--color-primary-700);
}
.eage-login-paywall__form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  width: 100%;
  max-width: var(--_form-max-width);
}
.eage-login-paywall__input {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  border-radius: 0.375rem;
  border: 1px solid var(--color-neutral-300);
  width: 100%;
}
.eage-login-paywall__input:focus {
  outline: none;
  border-color: var(--color-primary-500);
}
.eage-login-paywall__error {
  font-size: 0.875rem;
  color: var(--color-error-500);
}
@media (max-width: 639px) {
  .eage-login-paywall__overlay {
    padding: var(--spacing-2);
  }
  .eage-login-paywall__consent-card {
    max-width: 100%;
    padding: 0.75rem;
  }
  .eage-login-paywall__consent-card-inner {
    padding: 1rem;
  }
  .eage-login-paywall__consent-heading {
    font-size: 1.25rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .eage-login-paywall.is-locked .eage-login-paywall__content {
    transition: none;
  }
}

/**
 * EAGE Article Social Share Component
 *
 * Displays a row of social media share buttons (Facebook, X, LinkedIn,
 * WhatsApp, Email) with inline SVG icons. Uses BEM naming and CSS
 * custom properties for flexibility.
 */
.eage-article-social-share {
  --_icon-size: 2rem;
  --_icon-gap: var(--spacing-4);
  --_icon-color: var(--color-neutral-900);
  --_icon-hover-color: var(--color-primary-500);
  --_heading-size: var(--font-size-xl);
  --_heading-weight: var(--font-weight-bold);
  --_heading-color: var(--color-neutral-900);
  --_heading-margin: var(--spacing-4);
  display: block;
  width: 100%;
}
.eage-article-social-share__heading {
  font-size: var(--_heading-size);
  font-weight: var(--_heading-weight);
  color: var(--_heading-color);
  font-family: var(--font-family-heading);
  margin: 0 0 var(--_heading-margin) 0;
  line-height: var(--line-height-snug);
}
.eage-article-social-share__icons {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--_icon-gap);
}
.eage-article-social-share__icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--_icon-size);
  height: var(--_icon-size);
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--_icon-color);
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.eage-article-social-share__icon-button svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.eage-article-social-share__icon-button:hover {
  color: var(--_icon-hover-color);
}
.eage-article-social-share__icon-button:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 4px;
  border-radius: var(--border-radius-sm);
}
@media (max-width: 639px) {
  .eage-article-social-share {
    --_icon-size: 1.75rem;
    --_icon-gap: var(--spacing-3);
    --_heading-size: var(--font-size-lg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .eage-article-social-share__icon-button {
    transition: none;
  }
}

/**
 * EAGE Featured Article Card Component
 *
 * Renders a CMS collection of articles: the first item as a full-width featured
 * card, the remaining items in a responsive column grid. The card visuals come
 * from eageArticleCard; this block handles the surrounding heading, the featured
 * wrapper, the grid layout, spacing, loading and empty states. Uses BEM naming
 * and CSS custom properties for consistency with the rest of the theme.
 */
.eage-featured-article-card {
  --_header-padding-bottom: var(--spacing-8);
  --_empty-padding: var(--spacing-12);
  --_grid-gap: var(--spacing-8);
  --_title-size: var(--font-size-2xl);
  --_title-size-md: var(--font-size-xl);
  --_title-size-sm: var(--font-size-lg);
  --_title-weight: var(--font-weight-bold);
  --_title-line-height: var(--line-height-tight);
  --_title-color: var(--color-neutral-900);
  --_empty-color: var(--color-neutral-600);
  display: block;
  width: 100%;
}
.eage-featured-article-card__header {
  padding-bottom: var(--_header-padding-bottom);
}
.eage-featured-article-card__title {
  margin: 0;
  font-size: var(--_title-size);
  font-weight: var(--_title-weight);
  line-height: var(--_title-line-height);
  color: var(--_title-color);
}
@media (max-width: 767px) {
  .eage-featured-article-card__title {
    font-size: var(--_title-size-md);
  }
}
@media (max-width: 639px) {
  .eage-featured-article-card__title {
    font-size: var(--_title-size-sm);
  }
}
.eage-featured-article-card__loading {
  position: relative;
  min-height: 12rem;
}
.eage-featured-article-card__featured {
  display: block;
  width: 100%;
  margin-bottom: var(--_grid-gap);
}
.eage-featured-article-card__grid {
  display: grid;
  gap: var(--_grid-gap);
}
.eage-featured-article-card__grid--1-col {
  grid-template-columns: 1fr;
}
.eage-featured-article-card__grid--2-col {
  grid-template-columns: repeat(2, 1fr);
}
.eage-featured-article-card__grid--3-col {
  grid-template-columns: repeat(3, 1fr);
}
.eage-featured-article-card__grid--4-col {
  grid-template-columns: repeat(4, 1fr);
}
.eage-featured-article-card__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-2);
  padding: var(--_empty-padding);
  text-align: center;
  color: var(--_empty-color);
}
.eage-featured-article-card__empty-title {
  margin: 0;
  font-weight: var(--font-weight-semibold);
}
.eage-featured-article-card__empty-text {
  margin: 0;
}
@media (max-width: 1279px) {
  .eage-featured-article-card__grid--4-col {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1023px) {
  .eage-featured-article-card__grid--4-col, .eage-featured-article-card__grid--3-col {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .eage-featured-article-card__grid--2-col, .eage-featured-article-card__grid--3-col, .eage-featured-article-card__grid--4-col {
    grid-template-columns: 1fr;
  }
}

/*# sourceMappingURL=main.css.map */