:root {
  --base-color1: #ffffff;
  --base-color2: #111827;
  --base-color3: #2563eb;
  --base-color4: #64748b;
  --base-color5: #f59e0b;
  --base-color6: #f3f4f6;
  --base-color7: #d1d5db;
  --base-color8: #0f172a;
  --base-color9: #e0f2fe;
  --base-color10: #fef3c7;
  --base-font-primary: Arial, Helvetica, sans-serif;
  --base-font-accent: Arial, Helvetica, sans-serif;
  --base-line-height-very-tight: .8;
  --base-line-height-tight: 1;
  --base-line-height-normal: 1.2;
  --base-line-height-loose: 1.35;
  --base-line-height-very-loose: 1.5;
  --base-font-size-xs: 3.2vw;
  --base-font-size-sm: 3.73vw;
  --base-font-size-md: 4.27vw;
  --base-font-size-lg: 5.33vw;
  --base-font-size-xl: 6.4vw;
  --base-font-size-2xl: 8vw;
  --base-font-size-3xl: 9.6vw;
  --base-font-size-4xl: 12.8vw;
  --base-spacing-xs: 1.07vw;
  --base-spacing-sm: 2.13vw;
  --base-spacing-md: 4.27vw;
  --base-spacing-lg: 6.4vw;
  --base-spacing-xl: 8.53vw;
  --base-spacing-2xl: 12.8vw;
  --base-spacing-3xl: 17.07vw;
  --base-gap-default: var(--base-gap-md, 1rem);
  --base-gap-none: 0;
  --base-gap-xs: 0.25rem;
  --base-gap-sm: 0.5rem;
  --base-gap-md: 1rem;
  --base-gap-lg: 1.5rem;
  --base-gap-2xl: 2rem;
  --base-gap-3xl: 3rem;
  --base-radius-sm: 4px;
  --base-radius-md: 8px;
  --base-radius-lg: 12px;
}

@media (min-width: 768px) {
  :root {
    --base-font-size-xs: 1.56vw;
    --base-font-size-sm: 1.82vw;
    --base-font-size-md: 2.08vw;
    --base-font-size-lg: 2.6vw;
    --base-font-size-xl: 3.13vw;
    --base-font-size-2xl: 3.91vw;
    --base-font-size-3xl: 4.69vw;
    --base-font-size-4xl: 6.25vw;
    --base-spacing-xs: 0.52vw;
    --base-spacing-sm: 1.04vw;
    --base-spacing-md: 2.08vw;
    --base-spacing-lg: 3.13vw;
    --base-spacing-xl: 4.17vw;
    --base-spacing-2xl: 6.25vw;
    --base-spacing-3xl: 8.33vw;
  }
}

@media (min-width: 1024px) {
  :root {
    --base-font-size-xs: 1.17vw;
    --base-font-size-sm: 1.37vw;
    --base-font-size-md: 1.56vw;
    --base-font-size-lg: 1.95vw;
    --base-font-size-xl: 2.34vw;
    --base-font-size-2xl: 2.93vw;
    --base-font-size-3xl: 3.52vw;
    --base-font-size-4xl: 4.69vw;
    --base-spacing-xs: 0.39vw;
    --base-spacing-sm: 0.78vw;
    --base-spacing-md: 1.56vw;
    --base-spacing-lg: 2.34vw;
    --base-spacing-xl: 3.13vw;
    --base-spacing-2xl: 4.69vw;
    --base-spacing-3xl: 6.25vw;
  }
}

@media (min-width: 1440px) {
  :root {
    --base-font-size-xs: 0.83vw;
    --base-font-size-sm: 0.97vw;
    --base-font-size-md: 1.11vw;
    --base-font-size-lg: 1.39vw;
    --base-font-size-xl: 1.67vw;
    --base-font-size-2xl: 2.08vw;
    --base-font-size-3xl: 2.5vw;
    --base-font-size-4xl: 3.33vw;
    --base-spacing-xs: 0.28vw;
    --base-spacing-sm: 0.56vw;
    --base-spacing-md: 1.11vw;
    --base-spacing-lg: 1.67vw;
    --base-spacing-xl: 2.22vw;
    --base-spacing-2xl: 3.33vw;
    --base-spacing-3xl: 4.44vw;
  }
}

body {
  font-family: var(--base-font-primary);
  font-size: 16px;
  line-height: var(--base-line-height-normal);
  font-weight: 400;
  color: var(--base-color2);
  background-color: var(--base-color1);
  margin-bottom: 0;
}

h1, .h1 {
  font-family: var(--base-font-accent);
  font-size: 46px;
  line-height: 1.06;
  font-weight: 700;
  color: var(--base-color2);
  margin-bottom: var(--base-spacing-md);
}

h2, .h2 {
  font-family: var(--base-font-accent);
  font-size: 32px;
  line-height: 1.16;
  font-weight: 700;
  color: var(--base-color2);
  margin-bottom: var(--base-spacing-md);
}

h3, .h3 {
  font-family: var(--base-font-accent);
  font-size: 24px;
  line-height: var(--base-line-height-normal);
  font-weight: 600;
  color: var(--base-color2);
  margin-bottom: var(--base-spacing-sm);
}

h4, .h4 {
  font-family: var(--base-font-accent);
  font-size: 20px;
  line-height: var(--base-line-height-normal);
  font-weight: 600;
  color: var(--base-color2);
  margin-bottom: var(--base-spacing-sm);
}

p, .text-body {
  font-family: var(--base-font-primary);
  font-size: 15px;
  line-height: 1.58;
  font-weight: 400;
  color: var(--base-color4);
  margin-bottom: var(--base-spacing-md);
}

.heading-display {
  font-family: var(--base-font-accent);
  font-size: 46px;
  line-height: 1.06;
  font-weight: 700;
  color: var(--base-color2);
  margin-bottom: 0;
}

.heading-section {
  font-family: var(--base-font-accent);
  font-size: 32px;
  line-height: 1.16;
  font-weight: 700;
  color: var(--base-color2);
  margin-bottom: 0;
}

.text-lede {
  font-family: var(--base-font-primary);
  font-size: 18px;
  line-height: 1.6;
  font-weight: 400;
  color: var(--base-color4);
  margin-bottom: 0;
}

.section-title, .text-section-title {
  font-family: var(--base-font-accent);
  font-size: 32px;
  line-height: 1.16;
  font-weight: 700;
  color: var(--base-color2);
  margin-bottom: 0;
  text-transform: none;
}

.eyebrow, .text-eyebrow {
  font-family: var(--base-font-accent);
  font-size: 12px;
  line-height: var(--base-line-height-normal);
  font-weight: 800;
  color: var(--base-color4);
  margin-bottom: 0;
  text-transform: uppercase;
}

button, .btn, .button {
  font-family: var(--base-font-primary);
  font-size: 15px;
  line-height: var(--base-line-height-normal);
  font-weight: 800;
  color: var(--base-color1);
  background-color: var(--base-color8);
  border-color: var(--base-color8);
  border-radius: var(--base-radius-sm);
  padding: 0 16px;
  margin-bottom: 0;
  text-decoration: none;
}

.button-primary, .btn-primary {
  color: var(--base-color1);
  background-color: var(--base-color8);
  border-color: var(--base-color8);
  border-radius: var(--base-radius-sm);
  padding: 0 16px;
  margin-bottom: 0;
  text-decoration: none;
}

.button-secondary, .btn-secondary {
  color: var(--base-color2);
  background-color: var(--base-color1);
  border-color: var(--base-color8);
  border-radius: var(--base-radius-sm);
  padding: 0 16px;
  margin-bottom: 0;
  text-decoration: none;
}

.button-row {
  padding: 0;
  gap: var(--base-gap-sm);
  margin-bottom: 0;
}

a:not(.button):not(.btn):not(.button-primary):not(.button-secondary), .link {
  font-family: var(--base-font-primary);
  font-size: var(--base-font-size-md);
  line-height: var(--base-line-height-normal);
  font-weight: 500;
  color: var(--base-color3);
  margin-bottom: 0;
  text-decoration: none;
}

.nav-link, .off-canvas-link {
  font-family: var(--base-font-primary);
  font-size: var(--base-font-size-sm);
  line-height: var(--base-line-height-normal);
  font-weight: 700;
  color: var(--base-color4);
  margin-bottom: 0;
  text-decoration: none;
}

.footer-link {
  font-family: var(--base-font-primary);
  font-size: var(--base-font-size-sm);
  line-height: var(--base-line-height-normal);
  font-weight: 400;
  color: var(--base-color4);
  margin-bottom: 0;
  text-decoration: none;
}

.nav-logo {
  font-family: var(--base-font-primary);
  font-size: var(--base-font-size-md);
  line-height: var(--base-line-height-normal);
  font-weight: 800;
  color: var(--base-color2);
  margin-bottom: 0;
  text-decoration: none;
}

img, .image, .media {
  background-color: var(--base-color6);
  border-color: var(--base-color7);
  border-radius: var(--base-radius-lg);
  margin-bottom: 0;
  max-width: 100%;
  object-fit: cover;
}

.media-placeholder {
  font-family: var(--base-font-primary);
  font-size: 13px;
  line-height: var(--base-line-height-normal);
  font-weight: 800;
  color: var(--base-color4);
  padding: 0;
  margin-bottom: 0;
}

.section {
  color: var(--base-color2);
  background-color: var(--base-color1);
  padding: 0;
  gap: var(--base-gap-md);
}

.container {
  padding: 0;
  gap: var(--base-gap-md);
  margin-bottom: 0;
}

.section-content {
  padding-top: var(--base-spacing-md);
  padding-bottom: var(--base-spacing-md);
}

.content-columns {
  gap: var(--base-gap-md);
  margin-bottom: 0;
}

.section-column {
  padding: 0;
  gap: var(--base-gap-md);
  margin-bottom: 0;
}

input, textarea, select, .form-input, .form-textarea {
  font-family: var(--base-font-primary);
  font-size: 15px;
  line-height: var(--base-line-height-normal);
  color: var(--base-color2);
  background-color: var(--base-color1);
  border-color: var(--base-color7);
  border-radius: var(--base-radius-sm);
  padding: 12px 13px;
  margin-bottom: 0;
}

ul, ol {
  font-family: var(--base-font-primary);
  font-size: 15px;
  line-height: 1.58;
  color: var(--base-color2);
  padding: 16px;
  margin-bottom: var(--base-spacing-md);
}

li {
  font-family: var(--base-font-primary);
  font-size: 15px;
  line-height: 1.58;
  color: var(--base-color2);
  padding: var(--base-spacing-sm);
  margin-bottom: 0;
}

.color-theme1 {
  --color-theme-background: var(--base-color1);
  --color-theme-text: var(--base-color2);
  --color-theme-heading: var(--base-color2);
  --color-theme-h1: var(--base-color2);
  --color-theme-h2: var(--base-color2);
  --color-theme-h3: var(--base-color2);
  --color-theme-h4: var(--base-color2);
  --color-theme-paragraph: var(--base-color2);
  --color-theme-muted-text: var(--base-color4);
  --color-theme-link: var(--base-color3);
  --color-theme-link-hover: var(--base-color8);
  --color-theme-link-active: var(--base-color3);
  --color-theme-border: var(--base-color7);
  --color-theme-card-background: var(--base-color1);
  --color-theme-card-text: var(--base-color2);
  --color-theme-card-border: var(--base-color7);
  --color-theme-primary-button-background: var(--base-color3);
  --color-theme-primary-button-text: var(--base-color1);
  --color-theme-primary-button-border: var(--base-color3);
  --color-theme-primary-button-hover-background: var(--base-color8);
  --color-theme-primary-button-hover-text: var(--base-color1);
  --color-theme-primary-button-hover-border: var(--base-color8);
  --color-theme-primary-button-active-background: var(--base-color2);
  --color-theme-secondary-button-background: var(--base-color1);
  --color-theme-secondary-button-text: var(--base-color2);
  --color-theme-secondary-button-border: var(--base-color7);
  --color-theme-secondary-button-hover-background: var(--base-color6);
  --color-theme-secondary-button-hover-text: var(--base-color2);
  --color-theme-secondary-button-hover-border: var(--base-color4);
  --color-theme-focus-ring: var(--base-color3);
  --color-theme-disabled-background: var(--base-color6);
  --color-theme-disabled-text: var(--base-color4);
  background-color: var(--color-theme-background, inherit);
  color: var(--color-theme-text, inherit);
}

.color-theme1:where(h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading-display, .heading-section, .section-title, .text-section-title), .color-theme1 :where(h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading-display, .heading-section, .section-title, .text-section-title) {
  color: var(--color-theme-heading, var(--color-theme-text, inherit));
}

.color-theme1:where(h1, .h1), .color-theme1 :where(h1, .h1) {
  color: var(--color-theme-h1, var(--color-theme-heading, var(--color-theme-text, inherit)));
}

.color-theme1:where(h2, .h2), .color-theme1 :where(h2, .h2) {
  color: var(--color-theme-h2, var(--color-theme-heading, var(--color-theme-text, inherit)));
}

.color-theme1:where(h3, .h3), .color-theme1 :where(h3, .h3) {
  color: var(--color-theme-h3, var(--color-theme-heading, var(--color-theme-text, inherit)));
}

.color-theme1:where(h4, .h4), .color-theme1 :where(h4, .h4) {
  color: var(--color-theme-h4, var(--color-theme-heading, var(--color-theme-text, inherit)));
}

.color-theme1:where(p, .text-body, .text-lede, li, .media-placeholder), .color-theme1 :where(p, .text-body, .text-lede, li, .media-placeholder) {
  color: var(--color-theme-text, inherit);
}

.color-theme1:where(p, .text-body, .text-lede), .color-theme1 :where(p, .text-body, .text-lede) {
  color: var(--color-theme-paragraph, var(--color-theme-text, inherit));
}

.color-theme1:where(.text-muted, .text-lede, .footer-link, .nav-link, .off-canvas-link, .media-placeholder), .color-theme1 :where(.text-muted, .text-lede, .footer-link, .nav-link, .off-canvas-link, .media-placeholder) {
  color: var(--color-theme-muted-text, var(--color-theme-text, inherit));
}

.color-theme1:where(a, .link, .nav-link, .footer-link, .off-canvas-link, .nav-logo), .color-theme1 :where(a, .link, .nav-link, .footer-link, .off-canvas-link, .nav-logo) {
  color: var(--color-theme-link, var(--color-theme-text, inherit));
}

.color-theme1:where(a, .link, .nav-link, .footer-link, .off-canvas-link):where(:hover, :focus-visible), .color-theme1 :where(a, .link, .nav-link, .footer-link, .off-canvas-link):where(:hover, :focus-visible) {
  color: var(--color-theme-link-hover, var(--color-theme-link, var(--color-theme-text, inherit)));
}

.color-theme1:where(a, .link, .nav-link, .footer-link, .off-canvas-link):active, .color-theme1 :where(a, .link, .nav-link, .footer-link, .off-canvas-link):active {
  color: var(--color-theme-link-active, var(--color-theme-link-hover, var(--color-theme-link, var(--color-theme-text, inherit))));
}

.color-theme1:where(button, .btn, .button, .button-primary, .btn-primary), .color-theme1 :where(button, .btn, .button, .button-primary, .btn-primary) {
  background-color: var(--color-theme-primary-button-background, transparent);
  border-color: var(--color-theme-primary-button-border, var(--color-theme-primary-button-background, currentColor));
  color: var(--color-theme-primary-button-text, currentColor);
}

.color-theme1:where(button, .btn, .button, .button-primary, .btn-primary):where(:hover, :focus-visible), .color-theme1 :where(button, .btn, .button, .button-primary, .btn-primary):where(:hover, :focus-visible) {
  background-color: var(--color-theme-primary-button-hover-background, var(--color-theme-primary-button-background, transparent));
  border-color: var(--color-theme-primary-button-hover-border, var(--color-theme-primary-button-border, var(--color-theme-primary-button-background, currentColor)));
  color: var(--color-theme-primary-button-hover-text, var(--color-theme-primary-button-text, currentColor));
}

.color-theme1:where(button, .btn, .button, .button-primary, .btn-primary):active, .color-theme1 :where(button, .btn, .button, .button-primary, .btn-primary):active {
  background-color: var(--color-theme-primary-button-active-background, var(--color-theme-primary-button-hover-background, var(--color-theme-primary-button-background, transparent)));
}

.color-theme1:where(.button-secondary, .btn-secondary), .color-theme1 :where(.button-secondary, .btn-secondary) {
  background-color: var(--color-theme-secondary-button-background, transparent);
  border-color: var(--color-theme-secondary-button-border, currentColor);
  color: var(--color-theme-secondary-button-text, currentColor);
}

.color-theme1:where(.button-secondary, .btn-secondary):where(:hover, :focus-visible), .color-theme1 :where(.button-secondary, .btn-secondary):where(:hover, :focus-visible) {
  background-color: var(--color-theme-secondary-button-hover-background, var(--color-theme-secondary-button-background, transparent));
  border-color: var(--color-theme-secondary-button-hover-border, var(--color-theme-secondary-button-border, currentColor));
  color: var(--color-theme-secondary-button-hover-text, var(--color-theme-secondary-button-text, currentColor));
}

.color-theme1:where(button, .btn, .button, a, .link):focus-visible, .color-theme1 :where(button, .btn, .button, a, .link):focus-visible {
  outline-color: var(--color-theme-focus-ring, currentColor);
}

.color-theme1:where(button, .btn, .button, .button-primary, .btn-primary):disabled, .color-theme1 :where(button, .btn, .button, .button-primary, .btn-primary):disabled,
.color-theme1:where(button, .btn, .button, .button-primary, .btn-primary)[aria-disabled="true"], .color-theme1 :where(button, .btn, .button, .button-primary, .btn-primary)[aria-disabled="true"] {
  background-color: var(--color-theme-disabled-background, var(--color-theme-card-background, transparent));
  color: var(--color-theme-disabled-text, var(--color-theme-muted-text, currentColor));
}

.color-theme2 {
  --color-theme-background: var(--base-color8);
  --color-theme-text: var(--base-color1);
  --color-theme-heading: var(--base-color1);
  --color-theme-h1: var(--base-color1);
  --color-theme-h2: var(--base-color1);
  --color-theme-h3: var(--base-color1);
  --color-theme-h4: var(--base-color1);
  --color-theme-paragraph: var(--base-color1);
  --color-theme-muted-text: var(--base-color7);
  --color-theme-link: var(--base-color9);
  --color-theme-link-hover: var(--base-color5);
  --color-theme-link-active: var(--base-color9);
  --color-theme-border: var(--base-color4);
  --color-theme-card-background: var(--base-color2);
  --color-theme-card-text: var(--base-color1);
  --color-theme-card-border: var(--base-color4);
  --color-theme-primary-button-background: var(--base-color5);
  --color-theme-primary-button-text: var(--base-color8);
  --color-theme-primary-button-border: var(--base-color5);
  --color-theme-primary-button-hover-background: var(--base-color9);
  --color-theme-primary-button-hover-text: var(--base-color8);
  --color-theme-primary-button-hover-border: var(--base-color9);
  --color-theme-primary-button-active-background: var(--base-color7);
  --color-theme-secondary-button-background: var(--base-color8);
  --color-theme-secondary-button-text: var(--base-color1);
  --color-theme-secondary-button-border: var(--base-color7);
  --color-theme-secondary-button-hover-background: var(--base-color2);
  --color-theme-secondary-button-hover-text: var(--base-color1);
  --color-theme-secondary-button-hover-border: var(--base-color9);
  --color-theme-focus-ring: var(--base-color9);
  --color-theme-disabled-background: var(--base-color4);
  --color-theme-disabled-text: var(--base-color7);
  background-color: var(--color-theme-background, inherit);
  color: var(--color-theme-text, inherit);
}

.color-theme2:where(h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading-display, .heading-section, .section-title, .text-section-title), .color-theme2 :where(h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading-display, .heading-section, .section-title, .text-section-title) {
  color: var(--color-theme-heading, var(--color-theme-text, inherit));
}

.color-theme2:where(h1, .h1), .color-theme2 :where(h1, .h1) {
  color: var(--color-theme-h1, var(--color-theme-heading, var(--color-theme-text, inherit)));
}

.color-theme2:where(h2, .h2), .color-theme2 :where(h2, .h2) {
  color: var(--color-theme-h2, var(--color-theme-heading, var(--color-theme-text, inherit)));
}

.color-theme2:where(h3, .h3), .color-theme2 :where(h3, .h3) {
  color: var(--color-theme-h3, var(--color-theme-heading, var(--color-theme-text, inherit)));
}

.color-theme2:where(h4, .h4), .color-theme2 :where(h4, .h4) {
  color: var(--color-theme-h4, var(--color-theme-heading, var(--color-theme-text, inherit)));
}

.color-theme2:where(p, .text-body, .text-lede, li, .media-placeholder), .color-theme2 :where(p, .text-body, .text-lede, li, .media-placeholder) {
  color: var(--color-theme-text, inherit);
}

.color-theme2:where(p, .text-body, .text-lede), .color-theme2 :where(p, .text-body, .text-lede) {
  color: var(--color-theme-paragraph, var(--color-theme-text, inherit));
}

.color-theme2:where(.text-muted, .text-lede, .footer-link, .nav-link, .off-canvas-link, .media-placeholder), .color-theme2 :where(.text-muted, .text-lede, .footer-link, .nav-link, .off-canvas-link, .media-placeholder) {
  color: var(--color-theme-muted-text, var(--color-theme-text, inherit));
}

.color-theme2:where(a, .link, .nav-link, .footer-link, .off-canvas-link, .nav-logo), .color-theme2 :where(a, .link, .nav-link, .footer-link, .off-canvas-link, .nav-logo) {
  color: var(--color-theme-link, var(--color-theme-text, inherit));
}

.color-theme2:where(a, .link, .nav-link, .footer-link, .off-canvas-link):where(:hover, :focus-visible), .color-theme2 :where(a, .link, .nav-link, .footer-link, .off-canvas-link):where(:hover, :focus-visible) {
  color: var(--color-theme-link-hover, var(--color-theme-link, var(--color-theme-text, inherit)));
}

.color-theme2:where(a, .link, .nav-link, .footer-link, .off-canvas-link):active, .color-theme2 :where(a, .link, .nav-link, .footer-link, .off-canvas-link):active {
  color: var(--color-theme-link-active, var(--color-theme-link-hover, var(--color-theme-link, var(--color-theme-text, inherit))));
}

.color-theme2:where(button, .btn, .button, .button-primary, .btn-primary), .color-theme2 :where(button, .btn, .button, .button-primary, .btn-primary) {
  background-color: var(--color-theme-primary-button-background, transparent);
  border-color: var(--color-theme-primary-button-border, var(--color-theme-primary-button-background, currentColor));
  color: var(--color-theme-primary-button-text, currentColor);
}

.color-theme2:where(button, .btn, .button, .button-primary, .btn-primary):where(:hover, :focus-visible), .color-theme2 :where(button, .btn, .button, .button-primary, .btn-primary):where(:hover, :focus-visible) {
  background-color: var(--color-theme-primary-button-hover-background, var(--color-theme-primary-button-background, transparent));
  border-color: var(--color-theme-primary-button-hover-border, var(--color-theme-primary-button-border, var(--color-theme-primary-button-background, currentColor)));
  color: var(--color-theme-primary-button-hover-text, var(--color-theme-primary-button-text, currentColor));
}

.color-theme2:where(button, .btn, .button, .button-primary, .btn-primary):active, .color-theme2 :where(button, .btn, .button, .button-primary, .btn-primary):active {
  background-color: var(--color-theme-primary-button-active-background, var(--color-theme-primary-button-hover-background, var(--color-theme-primary-button-background, transparent)));
}

.color-theme2:where(.button-secondary, .btn-secondary), .color-theme2 :where(.button-secondary, .btn-secondary) {
  background-color: var(--color-theme-secondary-button-background, transparent);
  border-color: var(--color-theme-secondary-button-border, currentColor);
  color: var(--color-theme-secondary-button-text, currentColor);
}

.color-theme2:where(.button-secondary, .btn-secondary):where(:hover, :focus-visible), .color-theme2 :where(.button-secondary, .btn-secondary):where(:hover, :focus-visible) {
  background-color: var(--color-theme-secondary-button-hover-background, var(--color-theme-secondary-button-background, transparent));
  border-color: var(--color-theme-secondary-button-hover-border, var(--color-theme-secondary-button-border, currentColor));
  color: var(--color-theme-secondary-button-hover-text, var(--color-theme-secondary-button-text, currentColor));
}

.color-theme2:where(button, .btn, .button, a, .link):focus-visible, .color-theme2 :where(button, .btn, .button, a, .link):focus-visible {
  outline-color: var(--color-theme-focus-ring, currentColor);
}

.color-theme2:where(button, .btn, .button, .button-primary, .btn-primary):disabled, .color-theme2 :where(button, .btn, .button, .button-primary, .btn-primary):disabled,
.color-theme2:where(button, .btn, .button, .button-primary, .btn-primary)[aria-disabled="true"], .color-theme2 :where(button, .btn, .button, .button-primary, .btn-primary)[aria-disabled="true"] {
  background-color: var(--color-theme-disabled-background, var(--color-theme-card-background, transparent));
  color: var(--color-theme-disabled-text, var(--color-theme-muted-text, currentColor));
}

.color-theme3 {
  --color-theme-background: var(--base-color9);
  --color-theme-text: var(--base-color8);
  --color-theme-heading: var(--base-color8);
  --color-theme-h1: var(--base-color8);
  --color-theme-h2: var(--base-color8);
  --color-theme-h3: var(--base-color8);
  --color-theme-h4: var(--base-color8);
  --color-theme-paragraph: var(--base-color8);
  --color-theme-muted-text: var(--base-color4);
  --color-theme-link: var(--base-color3);
  --color-theme-link-hover: var(--base-color8);
  --color-theme-link-active: var(--base-color3);
  --color-theme-border: var(--base-color7);
  --color-theme-card-background: var(--base-color1);
  --color-theme-card-text: var(--base-color8);
  --color-theme-card-border: var(--base-color7);
  --color-theme-primary-button-background: var(--base-color8);
  --color-theme-primary-button-text: var(--base-color1);
  --color-theme-primary-button-border: var(--base-color8);
  --color-theme-primary-button-hover-background: var(--base-color3);
  --color-theme-primary-button-hover-text: var(--base-color1);
  --color-theme-primary-button-hover-border: var(--base-color3);
  --color-theme-primary-button-active-background: var(--base-color4);
  --color-theme-secondary-button-background: var(--base-color9);
  --color-theme-secondary-button-text: var(--base-color8);
  --color-theme-secondary-button-border: var(--base-color4);
  --color-theme-secondary-button-hover-background: var(--base-color1);
  --color-theme-secondary-button-hover-text: var(--base-color8);
  --color-theme-secondary-button-hover-border: var(--base-color8);
  --color-theme-focus-ring: var(--base-color3);
  --color-theme-disabled-background: var(--base-color7);
  --color-theme-disabled-text: var(--base-color4);
  background-color: var(--color-theme-background, inherit);
  color: var(--color-theme-text, inherit);
}

.color-theme3:where(h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading-display, .heading-section, .section-title, .text-section-title), .color-theme3 :where(h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading-display, .heading-section, .section-title, .text-section-title) {
  color: var(--color-theme-heading, var(--color-theme-text, inherit));
}

.color-theme3:where(h1, .h1), .color-theme3 :where(h1, .h1) {
  color: var(--color-theme-h1, var(--color-theme-heading, var(--color-theme-text, inherit)));
}

.color-theme3:where(h2, .h2), .color-theme3 :where(h2, .h2) {
  color: var(--color-theme-h2, var(--color-theme-heading, var(--color-theme-text, inherit)));
}

.color-theme3:where(h3, .h3), .color-theme3 :where(h3, .h3) {
  color: var(--color-theme-h3, var(--color-theme-heading, var(--color-theme-text, inherit)));
}

.color-theme3:where(h4, .h4), .color-theme3 :where(h4, .h4) {
  color: var(--color-theme-h4, var(--color-theme-heading, var(--color-theme-text, inherit)));
}

.color-theme3:where(p, .text-body, .text-lede, li, .media-placeholder), .color-theme3 :where(p, .text-body, .text-lede, li, .media-placeholder) {
  color: var(--color-theme-text, inherit);
}

.color-theme3:where(p, .text-body, .text-lede), .color-theme3 :where(p, .text-body, .text-lede) {
  color: var(--color-theme-paragraph, var(--color-theme-text, inherit));
}

.color-theme3:where(.text-muted, .text-lede, .footer-link, .nav-link, .off-canvas-link, .media-placeholder), .color-theme3 :where(.text-muted, .text-lede, .footer-link, .nav-link, .off-canvas-link, .media-placeholder) {
  color: var(--color-theme-muted-text, var(--color-theme-text, inherit));
}

.color-theme3:where(a, .link, .nav-link, .footer-link, .off-canvas-link, .nav-logo), .color-theme3 :where(a, .link, .nav-link, .footer-link, .off-canvas-link, .nav-logo) {
  color: var(--color-theme-link, var(--color-theme-text, inherit));
}

.color-theme3:where(a, .link, .nav-link, .footer-link, .off-canvas-link):where(:hover, :focus-visible), .color-theme3 :where(a, .link, .nav-link, .footer-link, .off-canvas-link):where(:hover, :focus-visible) {
  color: var(--color-theme-link-hover, var(--color-theme-link, var(--color-theme-text, inherit)));
}

.color-theme3:where(a, .link, .nav-link, .footer-link, .off-canvas-link):active, .color-theme3 :where(a, .link, .nav-link, .footer-link, .off-canvas-link):active {
  color: var(--color-theme-link-active, var(--color-theme-link-hover, var(--color-theme-link, var(--color-theme-text, inherit))));
}

.color-theme3:where(button, .btn, .button, .button-primary, .btn-primary), .color-theme3 :where(button, .btn, .button, .button-primary, .btn-primary) {
  background-color: var(--color-theme-primary-button-background, transparent);
  border-color: var(--color-theme-primary-button-border, var(--color-theme-primary-button-background, currentColor));
  color: var(--color-theme-primary-button-text, currentColor);
}

.color-theme3:where(button, .btn, .button, .button-primary, .btn-primary):where(:hover, :focus-visible), .color-theme3 :where(button, .btn, .button, .button-primary, .btn-primary):where(:hover, :focus-visible) {
  background-color: var(--color-theme-primary-button-hover-background, var(--color-theme-primary-button-background, transparent));
  border-color: var(--color-theme-primary-button-hover-border, var(--color-theme-primary-button-border, var(--color-theme-primary-button-background, currentColor)));
  color: var(--color-theme-primary-button-hover-text, var(--color-theme-primary-button-text, currentColor));
}

.color-theme3:where(button, .btn, .button, .button-primary, .btn-primary):active, .color-theme3 :where(button, .btn, .button, .button-primary, .btn-primary):active {
  background-color: var(--color-theme-primary-button-active-background, var(--color-theme-primary-button-hover-background, var(--color-theme-primary-button-background, transparent)));
}

.color-theme3:where(.button-secondary, .btn-secondary), .color-theme3 :where(.button-secondary, .btn-secondary) {
  background-color: var(--color-theme-secondary-button-background, transparent);
  border-color: var(--color-theme-secondary-button-border, currentColor);
  color: var(--color-theme-secondary-button-text, currentColor);
}

.color-theme3:where(.button-secondary, .btn-secondary):where(:hover, :focus-visible), .color-theme3 :where(.button-secondary, .btn-secondary):where(:hover, :focus-visible) {
  background-color: var(--color-theme-secondary-button-hover-background, var(--color-theme-secondary-button-background, transparent));
  border-color: var(--color-theme-secondary-button-hover-border, var(--color-theme-secondary-button-border, currentColor));
  color: var(--color-theme-secondary-button-hover-text, var(--color-theme-secondary-button-text, currentColor));
}

.color-theme3:where(button, .btn, .button, a, .link):focus-visible, .color-theme3 :where(button, .btn, .button, a, .link):focus-visible {
  outline-color: var(--color-theme-focus-ring, currentColor);
}

.color-theme3:where(button, .btn, .button, .button-primary, .btn-primary):disabled, .color-theme3 :where(button, .btn, .button, .button-primary, .btn-primary):disabled,
.color-theme3:where(button, .btn, .button, .button-primary, .btn-primary)[aria-disabled="true"], .color-theme3 :where(button, .btn, .button, .button-primary, .btn-primary)[aria-disabled="true"] {
  background-color: var(--color-theme-disabled-background, var(--color-theme-card-background, transparent));
  color: var(--color-theme-disabled-text, var(--color-theme-muted-text, currentColor));
}

.style-icon-large {
  color: var(--base-color3);
  --icon-size: 64px;
}

.col-default { flex: 1 1 0; width: auto; max-width: 100%; min-width: 0; }
.col-1 { flex: 0 0 8.333333%; width: 8.333333%; max-width: 8.333333%; min-width: 0; }
.col-2 { flex: 0 0 16.666667%; width: 16.666667%; max-width: 16.666667%; min-width: 0; }
.col-3 { flex: 0 0 25%; width: 25%; max-width: 25%; min-width: 0; }
.col-4 { flex: 0 0 33.333333%; width: 33.333333%; max-width: 33.333333%; min-width: 0; }
.col-5 { flex: 0 0 41.666667%; width: 41.666667%; max-width: 41.666667%; min-width: 0; }
.col-6 { flex: 0 0 50%; width: 50%; max-width: 50%; min-width: 0; }
.col-7 { flex: 0 0 58.333333%; width: 58.333333%; max-width: 58.333333%; min-width: 0; }
.col-8 { flex: 0 0 66.666667%; width: 66.666667%; max-width: 66.666667%; min-width: 0; }
.col-9 { flex: 0 0 75%; width: 75%; max-width: 75%; min-width: 0; }
.col-10 { flex: 0 0 83.333333%; width: 83.333333%; max-width: 83.333333%; min-width: 0; }
.col-11 { flex: 0 0 91.666667%; width: 91.666667%; max-width: 91.666667%; min-width: 0; }
.col-12 { flex: 0 0 100%; width: 100%; max-width: 100%; min-width: 0; }

.gap-default { gap: var(--base-gap-default, var(--base-gap-md, 1rem)); }
.gap-none { gap: var(--base-gap-none); }
.gap-xs { gap: var(--base-gap-xs); }
.gap-sm { gap: var(--base-gap-sm); }
.gap-md { gap: var(--base-gap-md); }
.gap-lg { gap: var(--base-gap-lg); }
.gap-2xl { gap: var(--base-gap-2xl); }
.gap-3xl { gap: var(--base-gap-3xl); }

@media (min-width: 768px) {
  .md\:col-default { flex: 1 1 0; width: auto; max-width: 100%; min-width: 0; }
  .md\:col-1 { flex: 0 0 8.333333%; width: 8.333333%; max-width: 8.333333%; min-width: 0; }
  .md\:col-2 { flex: 0 0 16.666667%; width: 16.666667%; max-width: 16.666667%; min-width: 0; }
  .md\:col-3 { flex: 0 0 25%; width: 25%; max-width: 25%; min-width: 0; }
  .md\:col-4 { flex: 0 0 33.333333%; width: 33.333333%; max-width: 33.333333%; min-width: 0; }
  .md\:col-5 { flex: 0 0 41.666667%; width: 41.666667%; max-width: 41.666667%; min-width: 0; }
  .md\:col-6 { flex: 0 0 50%; width: 50%; max-width: 50%; min-width: 0; }
  .md\:col-7 { flex: 0 0 58.333333%; width: 58.333333%; max-width: 58.333333%; min-width: 0; }
  .md\:col-8 { flex: 0 0 66.666667%; width: 66.666667%; max-width: 66.666667%; min-width: 0; }
  .md\:col-9 { flex: 0 0 75%; width: 75%; max-width: 75%; min-width: 0; }
  .md\:col-10 { flex: 0 0 83.333333%; width: 83.333333%; max-width: 83.333333%; min-width: 0; }
  .md\:col-11 { flex: 0 0 91.666667%; width: 91.666667%; max-width: 91.666667%; min-width: 0; }
  .md\:col-12 { flex: 0 0 100%; width: 100%; max-width: 100%; min-width: 0; }
  .md\:gap-default { gap: var(--base-gap-default, var(--base-gap-md, 1rem)); }
  .md\:gap-none { gap: var(--base-gap-none); }
  .md\:gap-xs { gap: var(--base-gap-xs); }
  .md\:gap-sm { gap: var(--base-gap-sm); }
  .md\:gap-md { gap: var(--base-gap-md); }
  .md\:gap-lg { gap: var(--base-gap-lg); }
  .md\:gap-2xl { gap: var(--base-gap-2xl); }
  .md\:gap-3xl { gap: var(--base-gap-3xl); }
}

@media (min-width: 1024px) {
  .lg\:col-default { flex: 1 1 0; width: auto; max-width: 100%; min-width: 0; }
  .lg\:col-1 { flex: 0 0 8.333333%; width: 8.333333%; max-width: 8.333333%; min-width: 0; }
  .lg\:col-2 { flex: 0 0 16.666667%; width: 16.666667%; max-width: 16.666667%; min-width: 0; }
  .lg\:col-3 { flex: 0 0 25%; width: 25%; max-width: 25%; min-width: 0; }
  .lg\:col-4 { flex: 0 0 33.333333%; width: 33.333333%; max-width: 33.333333%; min-width: 0; }
  .lg\:col-5 { flex: 0 0 41.666667%; width: 41.666667%; max-width: 41.666667%; min-width: 0; }
  .lg\:col-6 { flex: 0 0 50%; width: 50%; max-width: 50%; min-width: 0; }
  .lg\:col-7 { flex: 0 0 58.333333%; width: 58.333333%; max-width: 58.333333%; min-width: 0; }
  .lg\:col-8 { flex: 0 0 66.666667%; width: 66.666667%; max-width: 66.666667%; min-width: 0; }
  .lg\:col-9 { flex: 0 0 75%; width: 75%; max-width: 75%; min-width: 0; }
  .lg\:col-10 { flex: 0 0 83.333333%; width: 83.333333%; max-width: 83.333333%; min-width: 0; }
  .lg\:col-11 { flex: 0 0 91.666667%; width: 91.666667%; max-width: 91.666667%; min-width: 0; }
  .lg\:col-12 { flex: 0 0 100%; width: 100%; max-width: 100%; min-width: 0; }
  .lg\:gap-default { gap: var(--base-gap-default, var(--base-gap-md, 1rem)); }
  .lg\:gap-none { gap: var(--base-gap-none); }
  .lg\:gap-xs { gap: var(--base-gap-xs); }
  .lg\:gap-sm { gap: var(--base-gap-sm); }
  .lg\:gap-md { gap: var(--base-gap-md); }
  .lg\:gap-lg { gap: var(--base-gap-lg); }
  .lg\:gap-2xl { gap: var(--base-gap-2xl); }
  .lg\:gap-3xl { gap: var(--base-gap-3xl); }
}