@charset "UTF-8";
/**
 * Global CSS that gets used in standalone packages as well as entirely Comet-based projects.
 * Use common.scss for styles that should not be packaged with standalone components.
 */
@layer comet-components-global {
  :root {
    --width-wide: 1440px;
    --width-contained: 1140px;
    --width-narrow: 940px;
    --width-narrower: 768px;
    --width-small: 600px;
    --spacing-xxs: 0.25rem;
    /* Augmented fourth scale - 1.414 */
    --spacing-xs: 0.5rem;
    --spacing-sm: 0.707rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.414rem;
    --spacing-xl: 2rem;
    --spacing-xxl: 2.827rem;
  }
  [data-size] {
    width: 100%;
    display: block;
    container-name: layout-section;
    container-type: inline-size;
    padding-inline: calc((100cqw - var(--container-max-width)) / 2);
    border-inline: var(--spacing-md) solid transparent;
    box-sizing: border-box;
  }
  [data-size] > * {
    width: 100%;
  }
  [data-size=wide] {
    --container-max-width: var(--width-wide);
  }
  [data-size=contained] {
    --container-max-width: var(--width-contained);
  }
  [data-size=narrow] {
    --container-max-width: var(--width-narrow);
  }
  [data-size=narrower] {
    --container-max-width: var(--width-narrower);
  }
  [data-size=small] {
    --container-max-width: var(--width-small);
  }
  [data-size=full] {
    --container-max-width: 100%;
  }
  header, section, main {
    padding-block: var(--spacing-lg);
  }
  @media (min-width: 768px) {
    header, section, main {
      padding-block: var(--spacing-xl);
    }
  }
  @media (min-width: 1440px) {
    header, section, main {
      padding-block: var(--spacing-xxl);
    }
  }
  [data-valign],
  [data-halign] {
    display: flex;
    flex-wrap: wrap;
  }
  [data-valign=start] {
    align-items: flex-start;
  }
  [data-valign=center] {
    align-items: center;
  }
  [data-valign=end] {
    align-items: flex-end;
  }
  [data-valign=match-parent] {
    align-items: inherit;
  }
  [data-halign=start] {
    justify-content: flex-start;
  }
  [data-halign=center] {
    justify-content: center;
  }
  [data-halign=end] {
    justify-content: flex-end;
  }
  [data-halign=justify] {
    justify-content: space-between;
  }
  [data-halign=match-parent] {
    justify-content: inherit;
  }
  [data-orientation=horizontal] {
    display: flex;
    flex-direction: row;
  }
  [data-orientation=vertical] {
    display: flex;
    flex-direction: column;
  }
  [data-group-layout=list] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
  }
  [data-group-layout=grid] {
    width: 100%;
    display: grid;
    gap: var(--spacing-md);
    container-type: inline-size;
    grid-template-columns: 1fr;
  }
  [data-group-layout=grid][data-max-per-row] {
    justify-content: inherit;
  }
  @container layout-section (min-width: 600px) {
    [data-group-layout=grid][data-max-per-row="2"]:has(> :nth-child(2)), [data-group-layout=grid][data-max-per-row="4"]:has(> :nth-child(2)) {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @container layout-section (min-width: var(--width-small)) {
    [data-group-layout=grid][data-max-per-row="2"]:has(> :nth-child(2)), [data-group-layout=grid][data-max-per-row="4"]:has(> :nth-child(2)) {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @container layout-section (min-width: 768px) {
    [data-group-layout=grid][data-max-per-row="4"] {
      grid-template-columns: repeat(auto-fit, 25%);
    }
    [data-group-layout=grid][data-max-per-row="4"]:has(> :nth-child(4)) {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  @container layout-section (min-width: var(--width-narrower)) {
    [data-group-layout=grid][data-max-per-row="4"] {
      grid-template-columns: repeat(auto-fit, 25%);
    }
    [data-group-layout=grid][data-max-per-row="4"]:has(> :nth-child(4)) {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  @container layout-section (min-width: 600px) {
    [data-group-layout=grid][data-max-per-row="3"], [data-group-layout=grid][data-max-per-row="5"], [data-group-layout=grid][data-max-per-row="6"] {
      grid-template-columns: repeat(auto-fit, 33%);
    }
    [data-group-layout=grid][data-max-per-row="3"]:has(> :nth-child(3)), [data-group-layout=grid][data-max-per-row="5"]:has(> :nth-child(3)), [data-group-layout=grid][data-max-per-row="6"]:has(> :nth-child(3)) {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @container layout-section (min-width: var(--width-small)) {
    [data-group-layout=grid][data-max-per-row="3"], [data-group-layout=grid][data-max-per-row="5"], [data-group-layout=grid][data-max-per-row="6"] {
      grid-template-columns: repeat(auto-fit, 33%);
    }
    [data-group-layout=grid][data-max-per-row="3"]:has(> :nth-child(3)), [data-group-layout=grid][data-max-per-row="5"]:has(> :nth-child(3)), [data-group-layout=grid][data-max-per-row="6"]:has(> :nth-child(3)) {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @container layout-section (min-width: 768px) {
    [data-group-layout=grid][data-max-per-row="5"] {
      grid-template-columns: repeat(auto-fit, 20%);
    }
    [data-group-layout=grid][data-max-per-row="5"]:has(> :nth-child(5)) {
      grid-template-columns: repeat(5, 1fr);
    }
  }
  @container layout-section (min-width: var(--width-narrower)) {
    [data-group-layout=grid][data-max-per-row="5"] {
      grid-template-columns: repeat(auto-fit, 20%);
    }
    [data-group-layout=grid][data-max-per-row="5"]:has(> :nth-child(5)) {
      grid-template-columns: repeat(5, 1fr);
    }
  }
  @container layout-section (min-width: 768px) {
    [data-group-layout=grid][data-max-per-row="6"] {
      grid-template-columns: repeat(auto-fit, 16.66%);
    }
    [data-group-layout=grid][data-max-per-row="6"]:has(> :nth-child(6)) {
      grid-template-columns: repeat(6, 1fr);
    }
  }
  @container layout-section (min-width: var(--width-narrower)) {
    [data-group-layout=grid][data-max-per-row="6"] {
      grid-template-columns: repeat(auto-fit, 16.66%);
    }
    [data-group-layout=grid][data-max-per-row="6"]:has(> :nth-child(6)) {
      grid-template-columns: repeat(6, 1fr);
    }
  }
  /*-------------------------------------------------------------------
    Colour theming defaults
    Note: Application of text colours for the data-color-theme attribute is not handled here
    - it is expected to be applied to particular common elements (e.g., lead paragraph)
    and/or within components where appropriate using the --theme-color variable set here
  ------------------------------------------------------------------ */
  [data-background] {
    background: var(--background-color);
    --theme-color: contrast-color(var(--background-color));
    color: contrast-color(var(--background-color));
  }
  [data-background] > [data-background],
  [data-background] > [data-vue-component]:has(> [data-background]) > [data-background] {
    padding-block: var(--spacing-lg);
  }
  @media (min-width: 768px) {
    [data-background] > [data-background],
    [data-background] > [data-vue-component]:has(> [data-background]) > [data-background] {
      padding-block: var(--spacing-xl);
    }
  }
  @media (min-width: 1440px) {
    [data-background] > [data-background],
    [data-background] > [data-vue-component]:has(> [data-background]) > [data-background] {
      padding-block: var(--spacing-xxl);
    }
  }
  [data-background] > [data-background],
  [data-background] > [data-vue-component]:has(> [data-background]) > [data-background] {
    padding-inline: var(--spacing-md);
  }
  @media (min-width: 768px) {
    [data-background] > [data-background],
    [data-background] > [data-vue-component]:has(> [data-background]) > [data-background] {
      padding-inline: var(--spacing-lg);
    }
  }
  @media (min-width: 1440px) {
    [data-background] > [data-background],
    [data-background] > [data-vue-component]:has(> [data-background]) > [data-background] {
      padding-inline: var(--spacing-xl);
    }
  }
  [data-color-theme] {
    --theme-color-inverse: contrast-color(var(--theme-color));
  }
  body[data-global-background=primary] {
    background-color: var(--color-primary);
    --theme-color: contrast-color(var(--color-primary));
  }
  [data-background=primary] {
    --background-color: var(--color-primary);
    --active-color: var(--color-secondary);
  }
  [data-background=primary] > [data-background=primary] {
    padding: 0;
  }
  [data-background=primary] + [data-background=primary],
  [data-background$=primary] + [data-background^=primary] {
    padding-block-start: 0;
  }
  @container body style(--global-background: $colorName) {
    main > *:not([data-background]) + [data-background=primary], main > *:not([data-background]) + [data-background^=primary] {
      padding-block-start: 0;
    }
  }
  body[data-global-background=secondary] {
    background-color: var(--color-secondary);
    --theme-color: contrast-color(var(--color-secondary));
  }
  [data-background=secondary] {
    --background-color: var(--color-secondary);
    --active-color: var(--color-secondary);
  }
  [data-background=secondary] > [data-background=secondary] {
    padding: 0;
  }
  [data-background=secondary] + [data-background=secondary],
  [data-background$=secondary] + [data-background^=secondary] {
    padding-block-start: 0;
  }
  @container body style(--global-background: $colorName) {
    main > *:not([data-background]) + [data-background=secondary], main > *:not([data-background]) + [data-background^=secondary] {
      padding-block-start: 0;
    }
  }
  body[data-global-background=accent] {
    background-color: var(--color-accent);
    --theme-color: contrast-color(var(--color-accent));
  }
  [data-background=accent] {
    --background-color: var(--color-accent);
    --active-color: var(--color-secondary);
  }
  [data-background=accent] > [data-background=accent] {
    padding: 0;
  }
  [data-background=accent] + [data-background=accent],
  [data-background$=accent] + [data-background^=accent] {
    padding-block-start: 0;
  }
  @container body style(--global-background: $colorName) {
    main > *:not([data-background]) + [data-background=accent], main > *:not([data-background]) + [data-background^=accent] {
      padding-block-start: 0;
    }
  }
  body[data-global-background=info] {
    background-color: var(--color-info);
    --theme-color: contrast-color(var(--color-info));
  }
  [data-background=info] {
    --background-color: var(--color-info);
    --active-color: var(--color-secondary);
  }
  [data-background=info] > [data-background=info] {
    padding: 0;
  }
  [data-background=info] + [data-background=info],
  [data-background$=info] + [data-background^=info] {
    padding-block-start: 0;
  }
  @container body style(--global-background: $colorName) {
    main > *:not([data-background]) + [data-background=info], main > *:not([data-background]) + [data-background^=info] {
      padding-block-start: 0;
    }
  }
  body[data-global-background=warning] {
    background-color: var(--color-warning);
    --theme-color: contrast-color(var(--color-warning));
  }
  [data-background=warning] {
    --background-color: var(--color-warning);
    --active-color: var(--color-secondary);
  }
  [data-background=warning] > [data-background=warning] {
    padding: 0;
  }
  [data-background=warning] + [data-background=warning],
  [data-background$=warning] + [data-background^=warning] {
    padding-block-start: 0;
  }
  @container body style(--global-background: $colorName) {
    main > *:not([data-background]) + [data-background=warning], main > *:not([data-background]) + [data-background^=warning] {
      padding-block-start: 0;
    }
  }
  body[data-global-background=success] {
    background-color: var(--color-success);
    --theme-color: contrast-color(var(--color-success));
  }
  [data-background=success] {
    --background-color: var(--color-success);
    --active-color: var(--color-secondary);
  }
  [data-background=success] > [data-background=success] {
    padding: 0;
  }
  [data-background=success] + [data-background=success],
  [data-background$=success] + [data-background^=success] {
    padding-block-start: 0;
  }
  @container body style(--global-background: $colorName) {
    main > *:not([data-background]) + [data-background=success], main > *:not([data-background]) + [data-background^=success] {
      padding-block-start: 0;
    }
  }
  body[data-global-background=error] {
    background-color: var(--color-error);
    --theme-color: contrast-color(var(--color-error));
  }
  [data-background=error] {
    --background-color: var(--color-error);
    --active-color: var(--color-secondary);
  }
  [data-background=error] > [data-background=error] {
    padding: 0;
  }
  [data-background=error] + [data-background=error],
  [data-background$=error] + [data-background^=error] {
    padding-block-start: 0;
  }
  @container body style(--global-background: $colorName) {
    main > *:not([data-background]) + [data-background=error], main > *:not([data-background]) + [data-background^=error] {
      padding-block-start: 0;
    }
  }
  body[data-global-background=light] {
    background-color: var(--color-light);
    --theme-color: contrast-color(var(--color-light));
  }
  [data-background=light] {
    --background-color: var(--color-light);
    --active-color: var(--color-secondary);
  }
  [data-background=light] > [data-background=light] {
    padding: 0;
  }
  [data-background=light] + [data-background=light],
  [data-background$=light] + [data-background^=light] {
    padding-block-start: 0;
  }
  @container body style(--global-background: $colorName) {
    main > *:not([data-background]) + [data-background=light], main > *:not([data-background]) + [data-background^=light] {
      padding-block-start: 0;
    }
  }
  body[data-global-background=dark] {
    background-color: var(--color-dark);
    --theme-color: contrast-color(var(--color-dark));
  }
  [data-background=dark] {
    --background-color: var(--color-dark);
    --active-color: var(--color-secondary);
  }
  [data-background=dark] > [data-background=dark] {
    padding: 0;
  }
  [data-background=dark] + [data-background=dark],
  [data-background$=dark] + [data-background^=dark] {
    padding-block-start: 0;
  }
  @container body style(--global-background: $colorName) {
    main > *:not([data-background]) + [data-background=dark], main > *:not([data-background]) + [data-background^=dark] {
      padding-block-start: 0;
    }
  }
  body[data-global-background=white] {
    background-color: var(--color-white);
    --theme-color: contrast-color(var(--color-white));
  }
  [data-background=white] {
    --background-color: var(--color-white);
    --active-color: var(--color-secondary);
  }
  [data-background=white] > [data-background=white] {
    padding: 0;
  }
  [data-background=white] + [data-background=white],
  [data-background$=white] + [data-background^=white] {
    padding-block-start: 0;
  }
  @container body style(--global-background: $colorName) {
    main > *:not([data-background]) + [data-background=white], main > *:not([data-background]) + [data-background^=white] {
      padding-block-start: 0;
    }
  }
  body > header:not([data-background]) + :not([data-background]),
  main > *:not([data-background]) + :not([data-background]),
  body > footer:not([data-background]) + :not([data-background]) {
    padding-block-start: 0;
  }
  [data-color-theme=primary] {
    --theme-color: var(--color-primary);
  }
  [data-color-theme=secondary] {
    --theme-color: var(--color-secondary);
  }
  [data-color-theme=accent] {
    --theme-color: var(--color-accent);
  }
  [data-color-theme=info] {
    --theme-color: var(--color-info);
  }
  [data-color-theme=warning] {
    --theme-color: var(--color-warning);
  }
  [data-color-theme=success] {
    --theme-color: var(--color-success);
  }
  [data-color-theme=error] {
    --theme-color: var(--color-error);
  }
  [data-color-theme=light] {
    --theme-color: var(--color-light);
  }
  [data-color-theme=dark] {
    --theme-color: var(--color-dark);
  }
  [data-color-theme=white] {
    --theme-color: var(--color-white);
  }
  [data-background=primary-secondary] {
    --background-color: var(--gradient-primary-secondary);
  }
  [data-background=primary-accent] {
    --background-color: var(--gradient-primary-accent);
  }
  [data-background=primary-info] {
    --background-color: var(--gradient-primary-info);
  }
  [data-background=primary-warning] {
    --background-color: var(--gradient-primary-warning);
  }
  [data-background=primary-success] {
    --background-color: var(--gradient-primary-success);
  }
  [data-background=primary-error] {
    --background-color: var(--gradient-primary-error);
  }
  [data-background=primary-light] {
    --background-color: var(--gradient-primary-light);
  }
  [data-background=primary-dark] {
    --background-color: var(--gradient-primary-dark);
  }
  [data-background=primary-white] {
    --background-color: var(--gradient-primary-white);
  }
  [data-background=secondary-primary] {
    --background-color: var(--gradient-secondary-primary);
  }
  [data-background=secondary-accent] {
    --background-color: var(--gradient-secondary-accent);
  }
  [data-background=secondary-info] {
    --background-color: var(--gradient-secondary-info);
  }
  [data-background=secondary-warning] {
    --background-color: var(--gradient-secondary-warning);
  }
  [data-background=secondary-success] {
    --background-color: var(--gradient-secondary-success);
  }
  [data-background=secondary-error] {
    --background-color: var(--gradient-secondary-error);
  }
  [data-background=secondary-light] {
    --background-color: var(--gradient-secondary-light);
  }
  [data-background=secondary-dark] {
    --background-color: var(--gradient-secondary-dark);
  }
  [data-background=secondary-white] {
    --background-color: var(--gradient-secondary-white);
  }
  [data-background=accent-primary] {
    --background-color: var(--gradient-accent-primary);
  }
  [data-background=accent-secondary] {
    --background-color: var(--gradient-accent-secondary);
  }
  [data-background=accent-info] {
    --background-color: var(--gradient-accent-info);
  }
  [data-background=accent-warning] {
    --background-color: var(--gradient-accent-warning);
  }
  [data-background=accent-success] {
    --background-color: var(--gradient-accent-success);
  }
  [data-background=accent-error] {
    --background-color: var(--gradient-accent-error);
  }
  [data-background=accent-light] {
    --background-color: var(--gradient-accent-light);
  }
  [data-background=accent-dark] {
    --background-color: var(--gradient-accent-dark);
  }
  [data-background=accent-white] {
    --background-color: var(--gradient-accent-white);
  }
  [data-background=info-primary] {
    --background-color: var(--gradient-info-primary);
  }
  [data-background=info-secondary] {
    --background-color: var(--gradient-info-secondary);
  }
  [data-background=info-accent] {
    --background-color: var(--gradient-info-accent);
  }
  [data-background=info-warning] {
    --background-color: var(--gradient-info-warning);
  }
  [data-background=info-success] {
    --background-color: var(--gradient-info-success);
  }
  [data-background=info-error] {
    --background-color: var(--gradient-info-error);
  }
  [data-background=info-light] {
    --background-color: var(--gradient-info-light);
  }
  [data-background=info-dark] {
    --background-color: var(--gradient-info-dark);
  }
  [data-background=info-white] {
    --background-color: var(--gradient-info-white);
  }
  [data-background=warning-primary] {
    --background-color: var(--gradient-warning-primary);
  }
  [data-background=warning-secondary] {
    --background-color: var(--gradient-warning-secondary);
  }
  [data-background=warning-accent] {
    --background-color: var(--gradient-warning-accent);
  }
  [data-background=warning-info] {
    --background-color: var(--gradient-warning-info);
  }
  [data-background=warning-success] {
    --background-color: var(--gradient-warning-success);
  }
  [data-background=warning-error] {
    --background-color: var(--gradient-warning-error);
  }
  [data-background=warning-light] {
    --background-color: var(--gradient-warning-light);
  }
  [data-background=warning-dark] {
    --background-color: var(--gradient-warning-dark);
  }
  [data-background=warning-white] {
    --background-color: var(--gradient-warning-white);
  }
  [data-background=success-primary] {
    --background-color: var(--gradient-success-primary);
  }
  [data-background=success-secondary] {
    --background-color: var(--gradient-success-secondary);
  }
  [data-background=success-accent] {
    --background-color: var(--gradient-success-accent);
  }
  [data-background=success-info] {
    --background-color: var(--gradient-success-info);
  }
  [data-background=success-warning] {
    --background-color: var(--gradient-success-warning);
  }
  [data-background=success-error] {
    --background-color: var(--gradient-success-error);
  }
  [data-background=success-light] {
    --background-color: var(--gradient-success-light);
  }
  [data-background=success-dark] {
    --background-color: var(--gradient-success-dark);
  }
  [data-background=success-white] {
    --background-color: var(--gradient-success-white);
  }
  [data-background=error-primary] {
    --background-color: var(--gradient-error-primary);
  }
  [data-background=error-secondary] {
    --background-color: var(--gradient-error-secondary);
  }
  [data-background=error-accent] {
    --background-color: var(--gradient-error-accent);
  }
  [data-background=error-info] {
    --background-color: var(--gradient-error-info);
  }
  [data-background=error-warning] {
    --background-color: var(--gradient-error-warning);
  }
  [data-background=error-success] {
    --background-color: var(--gradient-error-success);
  }
  [data-background=error-light] {
    --background-color: var(--gradient-error-light);
  }
  [data-background=error-dark] {
    --background-color: var(--gradient-error-dark);
  }
  [data-background=error-white] {
    --background-color: var(--gradient-error-white);
  }
  [data-background=light-primary] {
    --background-color: var(--gradient-light-primary);
  }
  [data-background=light-secondary] {
    --background-color: var(--gradient-light-secondary);
  }
  [data-background=light-accent] {
    --background-color: var(--gradient-light-accent);
  }
  [data-background=light-info] {
    --background-color: var(--gradient-light-info);
  }
  [data-background=light-warning] {
    --background-color: var(--gradient-light-warning);
  }
  [data-background=light-success] {
    --background-color: var(--gradient-light-success);
  }
  [data-background=light-error] {
    --background-color: var(--gradient-light-error);
  }
  [data-background=light-dark] {
    --background-color: var(--gradient-light-dark);
  }
  [data-background=light-white] {
    --background-color: var(--gradient-light-white);
  }
  [data-background=dark-primary] {
    --background-color: var(--gradient-dark-primary);
  }
  [data-background=dark-secondary] {
    --background-color: var(--gradient-dark-secondary);
  }
  [data-background=dark-accent] {
    --background-color: var(--gradient-dark-accent);
  }
  [data-background=dark-info] {
    --background-color: var(--gradient-dark-info);
  }
  [data-background=dark-warning] {
    --background-color: var(--gradient-dark-warning);
  }
  [data-background=dark-success] {
    --background-color: var(--gradient-dark-success);
  }
  [data-background=dark-error] {
    --background-color: var(--gradient-dark-error);
  }
  [data-background=dark-light] {
    --background-color: var(--gradient-dark-light);
  }
  [data-background=dark-white] {
    --background-color: var(--gradient-dark-white);
  }
  [data-background=white-primary] {
    --background-color: var(--gradient-white-primary);
  }
  [data-background=white-secondary] {
    --background-color: var(--gradient-white-secondary);
  }
  [data-background=white-accent] {
    --background-color: var(--gradient-white-accent);
  }
  [data-background=white-info] {
    --background-color: var(--gradient-white-info);
  }
  [data-background=white-warning] {
    --background-color: var(--gradient-white-warning);
  }
  [data-background=white-success] {
    --background-color: var(--gradient-white-success);
  }
  [data-background=white-error] {
    --background-color: var(--gradient-white-error);
  }
  [data-background=white-light] {
    --background-color: var(--gradient-white-light);
  }
  [data-background=white-dark] {
    --background-color: var(--gradient-white-dark);
  }
}
@layer comet-components-common {
  :root {
    --color-primary: #845ec2;
    --color-secondary: #00c9a7;
    --color-accent: #ba3caf;
    --color-info: #00d2fc;
    --color-warning: #f9c971;
    --color-success: #00c9a7;
    --color-error: #d23e3e;
    --color-light: #F0F0F2;
    --color-dark: #4b4453;
    --color-white: #ffffff;
  }
}
@layer comet-components-common {
  :root {
    --font-family-body: sans-serif;
    --font-family-accent: sans-serif;
    --readable-color-primary: contrast-color(var(--color-primary));
    --gradient-primary-secondary: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
    --gradient-primary-accent: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
    --gradient-primary-info: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-info) 50%, var(--color-info) 100%);
    --gradient-primary-warning: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
    --gradient-primary-success: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-success) 50%, var(--color-success) 100%);
    --gradient-primary-error: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-error) 50%, var(--color-error) 100%);
    --gradient-primary-light: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-light) 50%, var(--color-light) 100%);
    --gradient-primary-dark: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
    --gradient-primary-white: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-white) 50%, var(--color-white) 100%);
    --readable-color-secondary: contrast-color(var(--color-secondary));
    --gradient-secondary-primary: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
    --gradient-secondary-accent: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
    --gradient-secondary-info: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-info) 50%, var(--color-info) 100%);
    --gradient-secondary-warning: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
    --gradient-secondary-success: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-success) 50%, var(--color-success) 100%);
    --gradient-secondary-error: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-error) 50%, var(--color-error) 100%);
    --gradient-secondary-light: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-light) 50%, var(--color-light) 100%);
    --gradient-secondary-dark: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
    --gradient-secondary-white: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-white) 50%, var(--color-white) 100%);
    --readable-color-accent: contrast-color(var(--color-accent));
    --gradient-accent-primary: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
    --gradient-accent-secondary: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
    --gradient-accent-info: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-info) 50%, var(--color-info) 100%);
    --gradient-accent-warning: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
    --gradient-accent-success: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-success) 50%, var(--color-success) 100%);
    --gradient-accent-error: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-error) 50%, var(--color-error) 100%);
    --gradient-accent-light: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-light) 50%, var(--color-light) 100%);
    --gradient-accent-dark: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
    --gradient-accent-white: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-white) 50%, var(--color-white) 100%);
    --readable-color-info: contrast-color(var(--color-info));
    --gradient-info-primary: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
    --gradient-info-secondary: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
    --gradient-info-accent: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
    --gradient-info-warning: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
    --gradient-info-success: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-success) 50%, var(--color-success) 100%);
    --gradient-info-error: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-error) 50%, var(--color-error) 100%);
    --gradient-info-light: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-light) 50%, var(--color-light) 100%);
    --gradient-info-dark: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
    --gradient-info-white: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-white) 50%, var(--color-white) 100%);
    --readable-color-warning: contrast-color(var(--color-warning));
    --gradient-warning-primary: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
    --gradient-warning-secondary: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
    --gradient-warning-accent: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
    --gradient-warning-info: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-info) 50%, var(--color-info) 100%);
    --gradient-warning-success: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-success) 50%, var(--color-success) 100%);
    --gradient-warning-error: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-error) 50%, var(--color-error) 100%);
    --gradient-warning-light: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-light) 50%, var(--color-light) 100%);
    --gradient-warning-dark: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
    --gradient-warning-white: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-white) 50%, var(--color-white) 100%);
    --readable-color-success: contrast-color(var(--color-success));
    --gradient-success-primary: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
    --gradient-success-secondary: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
    --gradient-success-accent: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
    --gradient-success-info: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-info) 50%, var(--color-info) 100%);
    --gradient-success-warning: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
    --gradient-success-error: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-error) 50%, var(--color-error) 100%);
    --gradient-success-light: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-light) 50%, var(--color-light) 100%);
    --gradient-success-dark: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
    --gradient-success-white: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-white) 50%, var(--color-white) 100%);
    --readable-color-error: contrast-color(var(--color-error));
    --gradient-error-primary: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
    --gradient-error-secondary: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
    --gradient-error-accent: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
    --gradient-error-info: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-info) 50%, var(--color-info) 100%);
    --gradient-error-warning: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
    --gradient-error-success: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-success) 50%, var(--color-success) 100%);
    --gradient-error-light: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-light) 50%, var(--color-light) 100%);
    --gradient-error-dark: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
    --gradient-error-white: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-white) 50%, var(--color-white) 100%);
    --readable-color-light: contrast-color(var(--color-light));
    --gradient-light-primary: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
    --gradient-light-secondary: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
    --gradient-light-accent: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
    --gradient-light-info: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-info) 50%, var(--color-info) 100%);
    --gradient-light-warning: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
    --gradient-light-success: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-success) 50%, var(--color-success) 100%);
    --gradient-light-error: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-error) 50%, var(--color-error) 100%);
    --gradient-light-dark: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
    --gradient-light-white: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-white) 50%, var(--color-white) 100%);
    --readable-color-dark: contrast-color(var(--color-dark));
    --gradient-dark-primary: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
    --gradient-dark-secondary: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
    --gradient-dark-accent: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
    --gradient-dark-info: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-info) 50%, var(--color-info) 100%);
    --gradient-dark-warning: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
    --gradient-dark-success: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-success) 50%, var(--color-success) 100%);
    --gradient-dark-error: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-error) 50%, var(--color-error) 100%);
    --gradient-dark-light: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-light) 50%, var(--color-light) 100%);
    --gradient-dark-white: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-white) 50%, var(--color-white) 100%);
    --readable-color-white: contrast-color(var(--color-white));
    --gradient-white-primary: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
    --gradient-white-secondary: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
    --gradient-white-accent: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
    --gradient-white-info: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-info) 50%, var(--color-info) 100%);
    --gradient-white-warning: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
    --gradient-white-success: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-success) 50%, var(--color-success) 100%);
    --gradient-white-error: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-error) 50%, var(--color-error) 100%);
    --gradient-white-light: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-light) 50%, var(--color-light) 100%);
    --gradient-white-dark: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
    --font-size-sm: 0.875rem;
    --font-size-xs: 0.75rem;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --button-border-radius: 0;
    --base-font-size: var(--font-size-sm);
    --typescale: 1.25;
  }
  @media (min-width: 1140px) {
    :root {
      --base-font-size: 1rem;
      --typescale: 1.33;
    }
  }
  * {
    box-sizing: border-box;
  }
  @view-transition {
    navigation: auto;
  }
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: 500ms;
    animation-timing-function: ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    ::view-transition-old(root),
    ::view-transition-new(root) {
      animation-duration: 0ms;
    }
  }
  html {
    font-size: var(--base-font-size);
  }
  body {
    margin: 0;
    padding: 0;
    font-family: var(--font-family-body), sans-serif;
    line-height: 1.4;
  }
  h1, h2, h3 {
    line-height: 1.2;
  }
  h1, h2, h3, h4 {
    color: var(--theme-color);
  }
  h1 {
    font-size: calc(1rem * var(--typescale) * var(--typescale) * var(--typescale));
  }
  h1.is-style-accent {
    font-size: calc(1.25rem * var(--typescale) * var(--typescale) * var(--typescale));
  }
  h2 {
    font-size: calc(1rem * var(--typescale) * var(--typescale));
  }
  h2.is-style-accent {
    font-size: calc(1.25rem * var(--typescale) * var(--typescale));
  }
  h3 {
    font-size: calc(1rem * var(--typescale));
  }
  h3.is-style-accent {
    font-size: calc(1.25rem * var(--typescale));
  }
  h1 {
    margin-block: var(--spacing-md);
  }
  @container layout-section (min-width: 940px) {
    h1 {
      margin-block: var(--spacing-lg);
    }
    h1:first-child {
      margin-block-start: 0;
    }
  }
  @container layout-section (min-width: var(--width-narrow)) {
    h1 {
      margin-block: var(--spacing-lg);
    }
    h1:first-child {
      margin-block-start: 0;
    }
  }
  h2, h3 {
    margin-block: var(--spacing-md);
  }
  h2:first-child, h3:first-child {
    margin-block-start: 0;
  }
  .separator + h2 {
    margin-block-start: 0;
  }
  p, ul, ol {
    margin-block: var(--spacing-sm);
  }
  p:first-child, ul:first-child, ol:first-child {
    margin-block-start: 0;
  }
  p:last-child, ul:last-child, ol:last-child {
    margin-block-end: 0;
  }
  ul, ol {
    margin-inline-start: var(--spacing-md);
    padding: 0;
  }
  ul li, ol li {
    margin-block-end: var(--spacing-xxs);
  }
  a:not(.button),
  a:not([class$=__button]) {
    color: inherit;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    text-decoration-color: transparent;
    transition: all 0.3s ease-in-out;
  }
  a:not(.button):hover, a:not(.button):focus, a:not(.button):active,
  a:not([class$=__button]):hover,
  a:not([class$=__button]):focus,
  a:not([class$=__button]):active {
    text-decoration-color: currentColor;
  }
  a:not(.button):has(> span),
  a:not([class$=__button]):has(> span) {
    text-decoration: none;
  }
  a:not(.button):has(> span) > span:not(:has(svg)):not(:has(i)),
  a:not([class$=__button]):has(> span) > span:not(:has(svg)):not(:has(i)) {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    transition: all 0.3s ease;
    text-decoration-color: transparent;
  }
  a:not(.button):has(> span):hover > span:not(:has(svg)):not(:has(i)), a:not(.button):has(> span):focus > span:not(:has(svg)):not(:has(i)), a:not(.button):has(> span):active > span:not(:has(svg)):not(:has(i)),
  a:not([class$=__button]):has(> span):hover > span:not(:has(svg)):not(:has(i)),
  a:not([class$=__button]):has(> span):focus > span:not(:has(svg)):not(:has(i)),
  a:not([class$=__button]):has(> span):active > span:not(:has(svg)):not(:has(i)) {
    text-decoration-color: currentColor;
  }
  a:not(.button),
  a:not([class$=__button]) {
    text-decoration-color: currentColor;
  }
  a:not(.button):hover, a:not(.button):focus, a:not(.button):active,
  a:not([class$=__button]):hover,
  a:not([class$=__button]):focus,
  a:not([class$=__button]):active {
    color: var(--theme-color);
  }
  small {
    font-size: var(--font-size-xs);
  }
  .is-style-accent {
    font-family: var(--font-family-accent);
    font-weight: normal;
    line-height: 1;
  }
  h1.is-style-small, h2.is-style-small, h3.is-style-small {
    font-size: 1rem;
    text-transform: uppercase;
  }
  p:empty {
    display: none;
  }
  .is-style-lead,
  .lead {
    font-weight: var(--font-weight-bold);
    font-size: calc(1rem * var(--typescale));
    line-height: 1.2;
    color: var(--theme-color);
  }
  .is-style-lead a,
  .lead a {
    color: inherit;
  }
  .is-style-lead a:hover, .is-style-lead a:focus, .is-style-lead a:active,
  .lead a:hover,
  .lead a:focus,
  .lead a:active {
    color: color-mix(in hsl, currentColor, black 20%);
  }
  blockquote {
    text-align: center;
    padding: var(--spacing-md);
    margin-block: var(--spacing-lg);
    font-weight: var(--font-weight-semibold);
    font-size: 1.125rem;
    color: var(--theme-color);
  }
  blockquote:last-child {
    margin-block-end: 0;
  }
  blockquote:only-child {
    padding-block: 0;
  }
  blockquote > p {
    padding-block: var(--spacing-sm);
  }
  form input[type=text],
  form input[type=email],
  form input[type=password],
  form input[type=search],
  form input[type=tel],
  form input[type=url],
  form input[type=number],
  form select,
  form textarea {
    font-size: 1rem;
    padding: var(--spacing-xs) var(--spacing-sm);
    font-family: var(--font-family-body);
  }
  form input[type=text],
  form input[type=email],
  form input[type=password],
  form input[type=search],
  form input[type=tel],
  form input[type=url],
  form input[type=number],
  form select {
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    align-content: center;
  }
  figure figcaption {
    font-size: var(--font-size-sm);
  }
  .inline-message {
    color: var(--theme-color);
  }
  [data-aspect-ratio=square] {
    aspect-ratio: 1/1;
  }
  [data-aspect-ratio=standard] {
    aspect-ratio: 4/3;
  }
  [data-aspect-ratio=portrait] {
    aspect-ratio: 3/4;
  }
  [data-aspect-ratio=wide] {
    aspect-ratio: 16/9;
  }
  [data-aspect-ratio=classic] {
    aspect-ratio: 3/2;
  }
  [data-aspect-ratio=classic_portrait] {
    aspect-ratio: 2/3;
  }
  [data-aspect-ratio=cinematic] {
    aspect-ratio: 21/9;
  }
  [data-aspect-ratio=cinemascope] {
    aspect-ratio: 2.35/1;
  }
}
@layer comet-components {
  .button:is(a), [class$=__button]:is(a), [class*=button--]:is(a), .button:is(button), [class$=__button]:is(button), [class*=button--]:is(button) {
    display: inline-block;
    font-family: var(--font-family-body);
    padding: var(--spacing-sm) var(--spacing-lg);
    appearance: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border-radius: var(--button-border-radius);
    text-align: center;
    color: contrast-color(var(--theme-color));
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    text-decoration-color: transparent;
    transition: all 0.3s ease-in-out;
  }
  .button:is(a):hover, [class$=__button]:is(a):hover, [class*=button--]:is(a):hover, .button:is(a):focus, [class$=__button]:is(a):focus, [class*=button--]:is(a):focus, .button:is(a):active, [class$=__button]:is(a):active, [class*=button--]:is(a):active, .button:is(button):hover, [class$=__button]:is(button):hover, [class*=button--]:is(button):hover, .button:is(button):focus, [class$=__button]:is(button):focus, [class*=button--]:is(button):focus, .button:is(button):active, [class$=__button]:is(button):active, [class*=button--]:is(button):active {
    text-decoration-color: currentColor;
  }
  .button:is(a):has(> span), [class$=__button]:is(a):has(> span), [class*=button--]:is(a):has(> span), .button:is(button):has(> span), [class$=__button]:is(button):has(> span), [class*=button--]:is(button):has(> span) {
    text-decoration: none;
  }
  .button:is(a):has(> span) > span:not(:has(svg)):not(:has(i)), [class$=__button]:is(a):has(> span) > span:not(:has(svg)):not(:has(i)), [class*=button--]:is(a):has(> span) > span:not(:has(svg)):not(:has(i)), .button:is(button):has(> span) > span:not(:has(svg)):not(:has(i)), [class$=__button]:is(button):has(> span) > span:not(:has(svg)):not(:has(i)), [class*=button--]:is(button):has(> span) > span:not(:has(svg)):not(:has(i)) {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    transition: all 0.3s ease;
    text-decoration-color: transparent;
  }
  .button:is(a):has(> span):hover > span:not(:has(svg)):not(:has(i)), [class$=__button]:is(a):has(> span):hover > span:not(:has(svg)):not(:has(i)), [class*=button--]:is(a):has(> span):hover > span:not(:has(svg)):not(:has(i)), .button:is(a):has(> span):focus > span:not(:has(svg)):not(:has(i)), [class$=__button]:is(a):has(> span):focus > span:not(:has(svg)):not(:has(i)), [class*=button--]:is(a):has(> span):focus > span:not(:has(svg)):not(:has(i)), .button:is(a):has(> span):active > span:not(:has(svg)):not(:has(i)), [class$=__button]:is(a):has(> span):active > span:not(:has(svg)):not(:has(i)), [class*=button--]:is(a):has(> span):active > span:not(:has(svg)):not(:has(i)), .button:is(button):has(> span):hover > span:not(:has(svg)):not(:has(i)), [class$=__button]:is(button):has(> span):hover > span:not(:has(svg)):not(:has(i)), [class*=button--]:is(button):has(> span):hover > span:not(:has(svg)):not(:has(i)), .button:is(button):has(> span):focus > span:not(:has(svg)):not(:has(i)), [class$=__button]:is(button):has(> span):focus > span:not(:has(svg)):not(:has(i)), [class*=button--]:is(button):has(> span):focus > span:not(:has(svg)):not(:has(i)), .button:is(button):has(> span):active > span:not(:has(svg)):not(:has(i)), [class$=__button]:is(button):has(> span):active > span:not(:has(svg)):not(:has(i)), [class*=button--]:is(button):has(> span):active > span:not(:has(svg)):not(:has(i)) {
    text-decoration-color: currentColor;
  }
  .button:is(a):hover, [class$=__button]:is(a):hover, [class*=button--]:is(a):hover, .button:is(a):focus, [class$=__button]:is(a):focus, [class*=button--]:is(a):focus, .button:is(a):active, [class$=__button]:is(a):active, [class*=button--]:is(a):active, .button:is(button):hover, [class$=__button]:is(button):hover, [class*=button--]:is(button):hover, .button:is(button):focus, [class$=__button]:is(button):focus, [class*=button--]:is(button):focus, .button:is(button):active, [class$=__button]:is(button):active, [class*=button--]:is(button):active {
    background-color: color-mix(in srgb, var(--theme-color) 90%, black);
    border-color: color-mix(in srgb, var(--theme-color) 90%, black);
    color: var(--theme-color-inverse, contrast-color(var(--theme-color)));
  }
  .button:is(a)[data-style=outline], [class$=__button]:is(a)[data-style=outline], [class*=button--]:is(a)[data-style=outline], .button:is(button)[data-style=outline], [class$=__button]:is(button)[data-style=outline], [class*=button--]:is(button)[data-style=outline] {
    color: var(--theme-color);
    background-color: transparent;
  }
  .button:is(a):has(i, svg), [class$=__button]:is(a):has(i, svg), [class*=button--]:is(a):has(i, svg), .button:is(button):has(i, svg), [class$=__button]:is(button):has(i, svg), [class*=button--]:is(button):has(i, svg) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xs);
  }
  .button:is(a):disabled, [class$=__button]:is(a):disabled, [class*=button--]:is(a):disabled, .button:is(a)[aria-disabled=true], [class$=__button]:is(a)[aria-disabled=true], [class*=button--]:is(a)[aria-disabled=true], .button:is(button):disabled, [class$=__button]:is(button):disabled, [class*=button--]:is(button):disabled, .button:is(button)[aria-disabled=true], [class$=__button]:is(button)[aria-disabled=true], [class*=button--]:is(button)[aria-disabled=true] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
  }
  .banner {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 0;
    container-type: inline-size;
  }
  .banner[data-background] {
    background-color: var(--background-color);
  }
  .banner[data-background]:after {
    content: "";
    position: absolute;
    inset: 0 0 0 0;
    z-index: 1;
    opacity: var(--overlay-opacity, 1);
  }
  .banner__cover-image {
    position: relative;
    width: 100%;
    height: 100dvh;
    min-height: 40rem;
    max-height: 100dvh;
    container-type: size;
    backdrop-filter: blur(1rem);
  }
  @container layout-section (min-width: 600px) {
    .banner__cover-image {
      height: 75dvh;
    }
  }
  @container layout-section (min-width: var(--width-small)) {
    .banner__cover-image {
      height: 75dvh;
    }
  }
  @container layout-section (min-width: 940px) {
    .banner__cover-image {
      height: fit-content;
    }
  }
  @container layout-section (min-width: var(--width-narrow)) {
    .banner__cover-image {
      height: fit-content;
    }
  }
  .banner__cover-image__image {
    max-width: 120rem;
    margin-inline: auto;
  }
  @container (min-width: 120rem) {
    .banner__cover-image__image {
      mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 20%, black 80%, black 90%, transparent 100%);
    }
  }
  .banner__container {
    position: absolute;
    inset: 0 0 0 0;
    z-index: 100;
    display: flex;
  }
  .banner__container:not([data-valign]) {
    align-items: flex-start;
  }
  @container layout-section (max-width: 768px) {
    .banner__container {
      justify-content: center !important;
    }
  }
  @container layout-section (max-width: var(--width-narrower)) {
    .banner__container {
      justify-content: center !important;
    }
  }
  .banner__content {
    position: relative;
    z-index: 200;
    padding: var(--spacing-lg);
    text-align: center;
    justify-content: center;
  }
  @container layout-section (max-width: 600px) {
    .banner__content .button-group {
      justify-content: center;
    }
  }
  @container layout-section (max-width: var(--width-small)) {
    .banner__content .button-group {
      justify-content: center;
    }
  }
  @container layout-section (min-width: 600px) {
    .banner__content {
      text-align: revert;
    }
  }
  @container layout-section (min-width: var(--width-small)) {
    .banner__content {
      text-align: revert;
    }
  }
  @container layout-section (min-width: 940px) {
    .banner__content {
      padding: var(--spacing-xl);
    }
  }
  @container layout-section (min-width: var(--width-narrow)) {
    .banner__content {
      padding: var(--spacing-xl);
    }
  }
  @container layout-section (max-width: 768px) {
    .banner__content {
      max-width: 75cqw !important;
    }
  }
  @container layout-section (max-width: var(--width-narrower)) {
    .banner__content {
      max-width: 75cqw !important;
    }
  }
  .breadcrumbs, [class$=__breadcrumbs], [class*=breadcrumbs--] {
    display: contents;
  }
  .breadcrumbs__list, [class$=__breadcrumbs__list] {
    display: flex;
    align-items: center;
    justify-content: inherit;
    gap: var(--spacing-xs);
    margin-block: var(--spacing-md);
    margin-inline: 0;
    padding: 0;
    list-style: none;
  }
  .breadcrumbs__list__item {
    display: flex;
    font-size: var(--font-size-sm);
  }
  .breadcrumbs__list__item__link {
    color: inherit;
    display: block;
    opacity: 0.75;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    text-decoration-color: transparent;
    transition: all 0.3s ease-in-out;
  }
  .breadcrumbs__list__item__link:hover, .breadcrumbs__list__item__link:focus, .breadcrumbs__list__item__link:active {
    text-decoration-color: currentColor;
  }
  .breadcrumbs__list__item__link:has(> span) {
    text-decoration: none;
  }
  .breadcrumbs__list__item__link:has(> span) > span:not(:has(svg)):not(:has(i)) {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    transition: all 0.3s ease;
    text-decoration-color: transparent;
  }
  .breadcrumbs__list__item__link:has(> span):hover > span:not(:has(svg)):not(:has(i)), .breadcrumbs__list__item__link:has(> span):focus > span:not(:has(svg)):not(:has(i)), .breadcrumbs__list__item__link:has(> span):active > span:not(:has(svg)):not(:has(i)) {
    text-decoration-color: currentColor;
  }
  .breadcrumbs__list__item__link:hover, .breadcrumbs__list__item__link:focus, .breadcrumbs__list__item__link:active {
    opacity: 1;
    color: var(--theme-color);
    text-decoration-color: currentColor;
  }
  .breadcrumbs__list__item__link[href="#"] {
    pointer-events: none;
  }
  .breadcrumbs__list__item::after {
    content: "/";
    padding-inline-start: var(--spacing-xs);
    opacity: 0.4;
  }
  .breadcrumbs__list__item:has([aria-current=page]) {
    opacity: 0.65;
  }
  .breadcrumbs__list__item:has([aria-current=page]):after {
    content: none;
  }
  .button-group {
    display: flex;
    gap: var(--spacing-sm);
    padding-block: var(--spacing-sm);
  }
  .button-group:last-child {
    padding-block-end: 0;
  }
  .call-to-action {
    width: 100%;
    padding: var(--spacing-lg);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  @container layout-section (min-width: 600px) {
    .call-to-action {
      text-align: revert;
    }
  }
  @container layout-section (min-width: var(--width-small)) {
    .call-to-action {
      text-align: revert;
    }
  }
  @container layout-section (min-width: 940px) {
    .call-to-action {
      padding: var(--spacing-xl);
    }
  }
  @container layout-section (min-width: var(--width-narrow)) {
    .call-to-action {
      padding: var(--spacing-xl);
    }
  }
  .call-to-action[data-halign=center] {
    align-items: center;
    text-align: center;
  }
  .call-to-action[data-halign=end] {
    align-items: flex-end;
    text-align: end;
  }
  .call-to-action h2 {
    margin: 0;
  }
  .call-to-action [class$=button-group] {
    margin-block-start: var(--spacing-lg);
  }
  .call-to-action p {
    font-size: 1.125em;
    text-wrap: balance;
  }
  .callout {
    padding: var(--spacing-md);
    display: flex;
    flex-wrap: nowrap;
    gap: var(--spacing-md);
    margin-block: var(--spacing-md);
  }
  .callout[data-color-theme=primary], .callout--primary {
    border: 1px solid var(--color-primary);
    border-left-width: var(--spacing-xxs);
    color: var(--color-primary);
    background-color: hsl(from var(--color-primary) h s l/0.05);
  }
  .callout[data-color-theme=secondary], .callout--secondary {
    border: 1px solid var(--color-secondary);
    border-left-width: var(--spacing-xxs);
    color: var(--color-secondary);
    background-color: hsl(from var(--color-secondary) h s l/0.05);
  }
  .callout[data-color-theme=accent], .callout--accent {
    border: 1px solid var(--color-accent);
    border-left-width: var(--spacing-xxs);
    color: var(--color-accent);
    background-color: hsl(from var(--color-accent) h s l/0.05);
  }
  .callout[data-color-theme=info], .callout--info {
    border: 1px solid var(--color-info);
    border-left-width: var(--spacing-xxs);
    color: var(--color-info);
    background-color: hsl(from var(--color-info) h s l/0.05);
  }
  .callout[data-color-theme=warning], .callout--warning {
    border: 1px solid var(--color-warning);
    border-left-width: var(--spacing-xxs);
    color: var(--color-warning);
    background-color: hsl(from var(--color-warning) h s l/0.05);
  }
  .callout[data-color-theme=success], .callout--success {
    border: 1px solid var(--color-success);
    border-left-width: var(--spacing-xxs);
    color: var(--color-success);
    background-color: hsl(from var(--color-success) h s l/0.05);
  }
  .callout[data-color-theme=error], .callout--error {
    border: 1px solid var(--color-error);
    border-left-width: var(--spacing-xxs);
    color: var(--color-error);
    background-color: hsl(from var(--color-error) h s l/0.05);
  }
  .callout[data-color-theme=light], .callout--light {
    border: 1px solid var(--color-light);
    border-left-width: var(--spacing-xxs);
    color: var(--color-light);
    background-color: hsl(from var(--color-light) h s l/0.05);
  }
  .callout[data-color-theme=dark], .callout--dark {
    border: 1px solid var(--color-dark);
    border-left-width: var(--spacing-xxs);
    color: var(--color-dark);
    background-color: hsl(from var(--color-dark) h s l/0.05);
  }
  .callout[data-color-theme=white], .callout--white {
    border: 1px solid var(--color-white);
    border-left-width: var(--spacing-xxs);
    color: var(--color-white);
    background-color: hsl(from var(--color-white) h s l/0.05);
  }
  .callout i, .callout svg {
    font-size: var(--spacing-lg);
  }
  .callout__content {
    flex-grow: 1;
  }
  .callout__content h2 {
    margin-block-end: 0;
  }
  .card-list__header, [class$=__header]:has(+ [class$=__card-list]), [class$=__card-list__header], .card-list__footer, [class$=__card-list] + [class$=__footer], [class$=__card-list__footer] {
    display: flex;
    justify-content: inherit;
  }
  .card-list__header:has(:nth-child(2)), [class$=__header]:has(:nth-child(2)):has(+ [class$=__card-list]), [class$=__card-list__header]:has(:nth-child(2)) {
    justify-content: space-between;
    align-items: center;
    margin-block-end: var(--spacing-md);
    padding-inline: var(--spacing-sm);
  }
  .card-list__header h2, [class$=__header]:has(+ [class$=__card-list]) h2, [class$=__card-list__header] h2 {
    margin: 0;
  }
  .card-list__item, [class$=__card-list__item] {
    container-type: inline-size;
  }
  @container layout-section (min-width: 940px) {
    .card-list__item, [class$=__card-list__item] {
      padding: var(--spacing-xs);
    }
  }
  @container layout-section (min-width: var(--width-narrow)) {
    .card-list__item, [class$=__card-list__item] {
      padding: var(--spacing-xs);
    }
  }
  :has(.card-list, [class*=card-list--], [class$=__card-list]),
  :has([class$=__card-list]) {
    gap: var(--spacing-lg);
  }
  .card, [class$=__card], [class*=card--] {
    height: 100%;
    display: flex;
    flex-direction: column;
    text-decoration: none;
  }
  .card:is(a):hover, [class$=__card]:is(a):hover, [class*=card--]:is(a):hover, .card:is(a):focus, [class$=__card]:is(a):focus, [class*=card--]:is(a):focus, .card:is(a):active, [class$=__card]:is(a):active, [class*=card--]:is(a):active {
    color: var(--theme-color, inherit);
  }
  @container (min-width: 340px) {
    .card:has([class*=image])[data-orientation=horizontal], [class$=__card]:has([class*=image])[data-orientation=horizontal], [class*=card--]:has([class*=image])[data-orientation=horizontal] {
      display: grid;
      grid-template-columns: 1fr 2fr;
    }
  }
  .card__image, [class$=__card__image] {
    overflow: hidden;
    width: 100%;
  }
  [data-orientation=horizontal] .card__image, [data-orientation=horizontal] [class$=__card__image] {
    height: 100%;
  }
  .card__image img, [class$=__card__image] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--focal-point-x, 50%) var(--focal-point-y, 50%);
  }
  .card__content, [class$=__card__content] {
    padding: var(--spacing-md);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
    background: white;
  }
  @container (min-width: 600px) {
    .card__content, [class$=__card__content] {
      padding: var(--spacing-md);
    }
  }
  @container (min-width: 840px) {
    .card__content, [class$=__card__content] {
      padding: var(--spacing-lg);
    }
  }
  .card__content h2, [class$=__card__content] h2 {
    margin: 0;
    font-size: var(--font-size-xs);
  }
  .card__content h2 + h3, [class$=__card__content] h2 + h3 {
    margin-block-start: 0;
  }
  .card__content h3, [class$=__card__content] h3 {
    margin-block-end: var(--spacing-sm);
  }
  .card__content h3 > span:first-child, [class$=__card__content] h3 > span:first-child {
    display: block;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    font-family: var(--font-family-body);
    margin-block-end: var(--spacing-xxs);
  }
  .card__content h3:has(i), [class$=__card__content] h3:has(i), .card__content h3:has(svg), [class$=__card__content] h3:has(svg) {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--spacing-xs);
  }
  .card__content p, [class$=__card__content] p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  [data-orientation=horizontal] .card__content p, [data-orientation=horizontal] [class$=__card__content] p {
    font-size: var(--font-size-sm);
    margin-block-start: var(--spacing-xxs);
  }
  .card__content .button, [class$=__card__content] .button {
    margin-block-start: auto;
  }
  .column, [class$=__column], [class*=column--] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .column[data-valign=start], [data-valign=start][class$=__column], [data-valign=start][class*=column--] {
    justify-content: flex-start;
  }
  .column[data-valign=center], [data-valign=center][class$=__column], [data-valign=center][class*=column--] {
    justify-content: center;
  }
  .column[data-valign=end], [data-valign=end][class$=__column], [data-valign=end][class*=column--] {
    justify-content: flex-end;
  }
  .column[data-halign=start], [data-halign=start][class$=__column], [data-halign=start][class*=column--] {
    align-items: flex-start;
  }
  .column[data-halign=center], [data-halign=center][class$=__column], [data-halign=center][class*=column--] {
    align-items: center;
  }
  .column[data-halign=end], [data-halign=end][class$=__column], [data-halign=end][class*=column--] {
    align-items: flex-end;
  }
  .column .copy, [class$=__column] .copy, [class*=column--] .copy {
    padding-block: 0;
  }
  .columns, [class$=__columns], [class*=columns--] {
    display: grid;
    grid-gap: var(--spacing-md);
    grid-template-columns: 1fr;
    width: 100%;
  }
  @container layout-section (min-width: 940px) {
    .columns, [class$=__columns], [class*=columns--] {
      grid-gap: var(--spacing-lg);
    }
  }
  @container layout-section (min-width: var(--width-narrow)) {
    .columns, [class$=__columns], [class*=columns--] {
      grid-gap: var(--spacing-lg);
    }
  }
  @container layout-section (min-width: 600px) {
    .columns[data-count="2"], [data-count="2"][class$=__columns], [data-count="2"][class*=columns--], .columns[data-count="4"], [data-count="4"][class$=__columns], [data-count="4"][class*=columns--], .columns[data-count="6"], [data-count="6"][class$=__columns], [data-count="6"][class*=columns--] {
      grid-template-columns: repeat(2, calc((100% - var(--spacing-lg) * (2 - 1)) / 2));
    }
    .columns[data-count="2"][data-halign], [data-count="2"][data-halign][class$=__columns], [data-count="2"][data-halign][class*=columns--], .columns[data-count="4"][data-halign], [data-count="4"][data-halign][class$=__columns], [data-count="4"][data-halign][class*=columns--], .columns[data-count="6"][data-halign], [data-count="6"][data-halign][class$=__columns], [data-count="6"][data-halign][class*=columns--] {
      grid-template-columns: repeat(auto-fit, minmax(0, calc((100% - var(--spacing-lg) * (2 - 1)) / 2)));
    }
  }
  @container layout-section (min-width: var(--width-small)) {
    .columns[data-count="2"], [data-count="2"][class$=__columns], [data-count="2"][class*=columns--], .columns[data-count="4"], [data-count="4"][class$=__columns], [data-count="4"][class*=columns--], .columns[data-count="6"], [data-count="6"][class$=__columns], [data-count="6"][class*=columns--] {
      grid-template-columns: repeat(2, calc((100% - var(--spacing-lg) * (2 - 1)) / 2));
    }
    .columns[data-count="2"][data-halign], [data-count="2"][data-halign][class$=__columns], [data-count="2"][data-halign][class*=columns--], .columns[data-count="4"][data-halign], [data-count="4"][data-halign][class$=__columns], [data-count="4"][data-halign][class*=columns--], .columns[data-count="6"][data-halign], [data-count="6"][data-halign][class$=__columns], [data-count="6"][data-halign][class*=columns--] {
      grid-template-columns: repeat(auto-fit, minmax(0, calc((100% - var(--spacing-lg) * (2 - 1)) / 2)));
    }
  }
  .columns[data-count="2"][data-allow-layout-stacking=false], [data-count="2"][data-allow-layout-stacking=false][class$=__columns], [data-count="2"][data-allow-layout-stacking=false][class*=columns--], .columns[data-count="4"][data-allow-layout-stacking=false], [data-count="4"][data-allow-layout-stacking=false][class$=__columns], [data-count="4"][data-allow-layout-stacking=false][class*=columns--], .columns[data-count="6"][data-allow-layout-stacking=false], [data-count="6"][data-allow-layout-stacking=false][class$=__columns], [data-count="6"][data-allow-layout-stacking=false][class*=columns--] {
    grid-template-columns: repeat(2, calc((100% - var(--spacing-lg) * (2 - 1)) / 2));
  }
  .columns[data-count="2"][data-allow-layout-stacking=false][data-halign], [data-count="2"][data-allow-layout-stacking=false][data-halign][class$=__columns], [data-count="2"][data-allow-layout-stacking=false][data-halign][class*=columns--], .columns[data-count="4"][data-allow-layout-stacking=false][data-halign], [data-count="4"][data-allow-layout-stacking=false][data-halign][class$=__columns], [data-count="4"][data-allow-layout-stacking=false][data-halign][class*=columns--], .columns[data-count="6"][data-allow-layout-stacking=false][data-halign], [data-count="6"][data-allow-layout-stacking=false][data-halign][class$=__columns], [data-count="6"][data-allow-layout-stacking=false][data-halign][class*=columns--] {
    grid-template-columns: repeat(auto-fit, minmax(0, calc((100% - var(--spacing-lg) * (2 - 1)) / 2)));
  }
  @container layout-section (min-width: 768px) {
    .columns[data-count="4"], [data-count="4"][class$=__columns], [data-count="4"][class*=columns--] {
      grid-template-columns: repeat(4, calc((100% - var(--spacing-lg) * (4 - 1)) / 4));
    }
    .columns[data-count="4"][data-halign], [data-count="4"][data-halign][class$=__columns], [data-count="4"][data-halign][class*=columns--] {
      grid-template-columns: repeat(auto-fit, minmax(0, calc((100% - var(--spacing-lg) * (4 - 1)) / 4)));
    }
  }
  @container layout-section (min-width: var(--width-narrower)) {
    .columns[data-count="4"], [data-count="4"][class$=__columns], [data-count="4"][class*=columns--] {
      grid-template-columns: repeat(4, calc((100% - var(--spacing-lg) * (4 - 1)) / 4));
    }
    .columns[data-count="4"][data-halign], [data-count="4"][data-halign][class$=__columns], [data-count="4"][data-halign][class*=columns--] {
      grid-template-columns: repeat(auto-fit, minmax(0, calc((100% - var(--spacing-lg) * (4 - 1)) / 4)));
    }
  }
  .columns[data-count="4"][data-allow-layout-stacking=false], [data-count="4"][data-allow-layout-stacking=false][class$=__columns], [data-count="4"][data-allow-layout-stacking=false][class*=columns--] {
    grid-template-columns: repeat(4, calc((100% - var(--spacing-lg) * (4 - 1)) / 4));
  }
  .columns[data-count="4"][data-allow-layout-stacking=false][data-halign], [data-count="4"][data-allow-layout-stacking=false][data-halign][class$=__columns], [data-count="4"][data-allow-layout-stacking=false][data-halign][class*=columns--] {
    grid-template-columns: repeat(auto-fit, minmax(0, calc((100% - var(--spacing-lg) * (4 - 1)) / 4)));
  }
  @container layout-section (min-width: 600px) {
    .columns[data-count="3"], [data-count="3"][class$=__columns], [data-count="3"][class*=columns--], .columns[data-count="5"], [data-count="5"][class$=__columns], [data-count="5"][class*=columns--], .columns[data-count="6"], [data-count="6"][class$=__columns], [data-count="6"][class*=columns--] {
      grid-template-columns: repeat(3, calc((100% - var(--spacing-lg) * (3 - 1)) / 3));
    }
    .columns[data-count="3"][data-halign], [data-count="3"][data-halign][class$=__columns], [data-count="3"][data-halign][class*=columns--], .columns[data-count="5"][data-halign], [data-count="5"][data-halign][class$=__columns], [data-count="5"][data-halign][class*=columns--], .columns[data-count="6"][data-halign], [data-count="6"][data-halign][class$=__columns], [data-count="6"][data-halign][class*=columns--] {
      grid-template-columns: repeat(auto-fit, minmax(0, calc((100% - var(--spacing-lg) * (3 - 1)) / 3)));
    }
  }
  @container layout-section (min-width: var(--width-small)) {
    .columns[data-count="3"], [data-count="3"][class$=__columns], [data-count="3"][class*=columns--], .columns[data-count="5"], [data-count="5"][class$=__columns], [data-count="5"][class*=columns--], .columns[data-count="6"], [data-count="6"][class$=__columns], [data-count="6"][class*=columns--] {
      grid-template-columns: repeat(3, calc((100% - var(--spacing-lg) * (3 - 1)) / 3));
    }
    .columns[data-count="3"][data-halign], [data-count="3"][data-halign][class$=__columns], [data-count="3"][data-halign][class*=columns--], .columns[data-count="5"][data-halign], [data-count="5"][data-halign][class$=__columns], [data-count="5"][data-halign][class*=columns--], .columns[data-count="6"][data-halign], [data-count="6"][data-halign][class$=__columns], [data-count="6"][data-halign][class*=columns--] {
      grid-template-columns: repeat(auto-fit, minmax(0, calc((100% - var(--spacing-lg) * (3 - 1)) / 3)));
    }
  }
  .columns[data-count="3"][data-allow-layout-stacking=false], [data-count="3"][data-allow-layout-stacking=false][class$=__columns], [data-count="3"][data-allow-layout-stacking=false][class*=columns--], .columns[data-count="5"][data-allow-layout-stacking=false], [data-count="5"][data-allow-layout-stacking=false][class$=__columns], [data-count="5"][data-allow-layout-stacking=false][class*=columns--], .columns[data-count="6"][data-allow-layout-stacking=false], [data-count="6"][data-allow-layout-stacking=false][class$=__columns], [data-count="6"][data-allow-layout-stacking=false][class*=columns--] {
    grid-template-columns: repeat(3, calc((100% - var(--spacing-lg) * (3 - 1)) / 3));
  }
  .columns[data-count="3"][data-allow-layout-stacking=false][data-halign], [data-count="3"][data-allow-layout-stacking=false][data-halign][class$=__columns], [data-count="3"][data-allow-layout-stacking=false][data-halign][class*=columns--], .columns[data-count="5"][data-allow-layout-stacking=false][data-halign], [data-count="5"][data-allow-layout-stacking=false][data-halign][class$=__columns], [data-count="5"][data-allow-layout-stacking=false][data-halign][class*=columns--], .columns[data-count="6"][data-allow-layout-stacking=false][data-halign], [data-count="6"][data-allow-layout-stacking=false][data-halign][class$=__columns], [data-count="6"][data-allow-layout-stacking=false][data-halign][class*=columns--] {
    grid-template-columns: repeat(auto-fit, minmax(0, calc((100% - var(--spacing-lg) * (3 - 1)) / 3)));
  }
  @container layout-section (min-width: 940px) {
    .columns[data-count="5"], [data-count="5"][class$=__columns], [data-count="5"][class*=columns--] {
      grid-template-columns: repeat(5, calc((100% - var(--spacing-lg) * (5 - 1)) / 5));
    }
    .columns[data-count="5"][data-halign], [data-count="5"][data-halign][class$=__columns], [data-count="5"][data-halign][class*=columns--] {
      grid-template-columns: repeat(auto-fit, minmax(0, calc((100% - var(--spacing-lg) * (5 - 1)) / 5)));
    }
  }
  @container layout-section (min-width: var(--width-narrow)) {
    .columns[data-count="5"], [data-count="5"][class$=__columns], [data-count="5"][class*=columns--] {
      grid-template-columns: repeat(5, calc((100% - var(--spacing-lg) * (5 - 1)) / 5));
    }
    .columns[data-count="5"][data-halign], [data-count="5"][data-halign][class$=__columns], [data-count="5"][data-halign][class*=columns--] {
      grid-template-columns: repeat(auto-fit, minmax(0, calc((100% - var(--spacing-lg) * (5 - 1)) / 5)));
    }
  }
  .columns[data-count="5"][data-allow-layout-stacking=false], [data-count="5"][data-allow-layout-stacking=false][class$=__columns], [data-count="5"][data-allow-layout-stacking=false][class*=columns--] {
    grid-template-columns: repeat(5, calc((100% - var(--spacing-lg) * (5 - 1)) / 5));
  }
  .columns[data-count="5"][data-allow-layout-stacking=false][data-halign], [data-count="5"][data-allow-layout-stacking=false][data-halign][class$=__columns], [data-count="5"][data-allow-layout-stacking=false][data-halign][class*=columns--] {
    grid-template-columns: repeat(auto-fit, minmax(0, calc((100% - var(--spacing-lg) * (5 - 1)) / 5)));
  }
  @container layout-section (min-width: 940px) {
    .columns[data-count="6"], [data-count="6"][class$=__columns], [data-count="6"][class*=columns--] {
      grid-template-columns: repeat(6, calc((100% - var(--spacing-lg) * (6 - 1)) / 6));
    }
    .columns[data-count="6"][data-halign], [data-count="6"][data-halign][class$=__columns], [data-count="6"][data-halign][class*=columns--] {
      grid-template-columns: repeat(auto-fit, minmax(0, calc((100% - var(--spacing-lg) * (6 - 1)) / 6)));
    }
  }
  @container layout-section (min-width: var(--width-narrow)) {
    .columns[data-count="6"], [data-count="6"][class$=__columns], [data-count="6"][class*=columns--] {
      grid-template-columns: repeat(6, calc((100% - var(--spacing-lg) * (6 - 1)) / 6));
    }
    .columns[data-count="6"][data-halign], [data-count="6"][data-halign][class$=__columns], [data-count="6"][data-halign][class*=columns--] {
      grid-template-columns: repeat(auto-fit, minmax(0, calc((100% - var(--spacing-lg) * (6 - 1)) / 6)));
    }
  }
  .columns[data-count="6"][data-allow-layout-stacking=false], [data-count="6"][data-allow-layout-stacking=false][class$=__columns], [data-count="6"][data-allow-layout-stacking=false][class*=columns--] {
    grid-template-columns: repeat(6, calc((100% - var(--spacing-lg) * (6 - 1)) / 6));
  }
  .columns[data-count="6"][data-allow-layout-stacking=false][data-halign], [data-count="6"][data-allow-layout-stacking=false][data-halign][class$=__columns], [data-count="6"][data-allow-layout-stacking=false][data-halign][class*=columns--] {
    grid-template-columns: repeat(auto-fit, minmax(0, calc((100% - var(--spacing-lg) * (6 - 1)) / 6)));
  }
  div[data-size] > .columns, div[data-size] > [class$=__columns], div[data-size] > [class*=columns--] {
    margin-block: var(--spacing-lg);
  }
  @media (min-width: 768px) {
    div[data-size] > .columns, div[data-size] > [class$=__columns], div[data-size] > [class*=columns--] {
      margin-block: var(--spacing-xl);
    }
  }
  @media (min-width: 1440px) {
    div[data-size] > .columns, div[data-size] > [class$=__columns], div[data-size] > [class*=columns--] {
      margin-block: var(--spacing-xxl);
    }
  }
  .columns > [class$=__columns], [class$=__columns] > [class$=__columns], [class*=columns--] > [class$=__columns] {
    padding-block: 0;
  }
  .columns[data-background=primary]:has(> [data-background=secondary]) .columns__column, .columns[data-background=primary]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=primary][class$=__columns]:has(> [data-background=secondary]) .columns__column, [data-background=primary][class$=__columns]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=primary][class*=columns--]:has(> [data-background=secondary]) .columns__column, [data-background=primary][class*=columns--]:has(> [data-background=secondary]) [class$=__columns__column],
  .columns[data-background=primary]:has(> [data-background=secondary]) [class*=__column],
  [data-background=primary][class$=__columns]:has(> [data-background=secondary]) [class*=__column],
  [data-background=primary][class*=columns--]:has(> [data-background=secondary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=primary]:has(> [data-background=accent]) .columns__column, .columns[data-background=primary]:has(> [data-background=accent]) [class$=__columns__column], [data-background=primary][class$=__columns]:has(> [data-background=accent]) .columns__column, [data-background=primary][class$=__columns]:has(> [data-background=accent]) [class$=__columns__column], [data-background=primary][class*=columns--]:has(> [data-background=accent]) .columns__column, [data-background=primary][class*=columns--]:has(> [data-background=accent]) [class$=__columns__column],
  .columns[data-background=primary]:has(> [data-background=accent]) [class*=__column],
  [data-background=primary][class$=__columns]:has(> [data-background=accent]) [class*=__column],
  [data-background=primary][class*=columns--]:has(> [data-background=accent]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=primary]:has(> [data-background=info]) .columns__column, .columns[data-background=primary]:has(> [data-background=info]) [class$=__columns__column], [data-background=primary][class$=__columns]:has(> [data-background=info]) .columns__column, [data-background=primary][class$=__columns]:has(> [data-background=info]) [class$=__columns__column], [data-background=primary][class*=columns--]:has(> [data-background=info]) .columns__column, [data-background=primary][class*=columns--]:has(> [data-background=info]) [class$=__columns__column],
  .columns[data-background=primary]:has(> [data-background=info]) [class*=__column],
  [data-background=primary][class$=__columns]:has(> [data-background=info]) [class*=__column],
  [data-background=primary][class*=columns--]:has(> [data-background=info]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=primary]:has(> [data-background=warning]) .columns__column, .columns[data-background=primary]:has(> [data-background=warning]) [class$=__columns__column], [data-background=primary][class$=__columns]:has(> [data-background=warning]) .columns__column, [data-background=primary][class$=__columns]:has(> [data-background=warning]) [class$=__columns__column], [data-background=primary][class*=columns--]:has(> [data-background=warning]) .columns__column, [data-background=primary][class*=columns--]:has(> [data-background=warning]) [class$=__columns__column],
  .columns[data-background=primary]:has(> [data-background=warning]) [class*=__column],
  [data-background=primary][class$=__columns]:has(> [data-background=warning]) [class*=__column],
  [data-background=primary][class*=columns--]:has(> [data-background=warning]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=primary]:has(> [data-background=success]) .columns__column, .columns[data-background=primary]:has(> [data-background=success]) [class$=__columns__column], [data-background=primary][class$=__columns]:has(> [data-background=success]) .columns__column, [data-background=primary][class$=__columns]:has(> [data-background=success]) [class$=__columns__column], [data-background=primary][class*=columns--]:has(> [data-background=success]) .columns__column, [data-background=primary][class*=columns--]:has(> [data-background=success]) [class$=__columns__column],
  .columns[data-background=primary]:has(> [data-background=success]) [class*=__column],
  [data-background=primary][class$=__columns]:has(> [data-background=success]) [class*=__column],
  [data-background=primary][class*=columns--]:has(> [data-background=success]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=primary]:has(> [data-background=error]) .columns__column, .columns[data-background=primary]:has(> [data-background=error]) [class$=__columns__column], [data-background=primary][class$=__columns]:has(> [data-background=error]) .columns__column, [data-background=primary][class$=__columns]:has(> [data-background=error]) [class$=__columns__column], [data-background=primary][class*=columns--]:has(> [data-background=error]) .columns__column, [data-background=primary][class*=columns--]:has(> [data-background=error]) [class$=__columns__column],
  .columns[data-background=primary]:has(> [data-background=error]) [class*=__column],
  [data-background=primary][class$=__columns]:has(> [data-background=error]) [class*=__column],
  [data-background=primary][class*=columns--]:has(> [data-background=error]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=primary]:has(> [data-background=light]) .columns__column, .columns[data-background=primary]:has(> [data-background=light]) [class$=__columns__column], [data-background=primary][class$=__columns]:has(> [data-background=light]) .columns__column, [data-background=primary][class$=__columns]:has(> [data-background=light]) [class$=__columns__column], [data-background=primary][class*=columns--]:has(> [data-background=light]) .columns__column, [data-background=primary][class*=columns--]:has(> [data-background=light]) [class$=__columns__column],
  .columns[data-background=primary]:has(> [data-background=light]) [class*=__column],
  [data-background=primary][class$=__columns]:has(> [data-background=light]) [class*=__column],
  [data-background=primary][class*=columns--]:has(> [data-background=light]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=primary]:has(> [data-background=dark]) .columns__column, .columns[data-background=primary]:has(> [data-background=dark]) [class$=__columns__column], [data-background=primary][class$=__columns]:has(> [data-background=dark]) .columns__column, [data-background=primary][class$=__columns]:has(> [data-background=dark]) [class$=__columns__column], [data-background=primary][class*=columns--]:has(> [data-background=dark]) .columns__column, [data-background=primary][class*=columns--]:has(> [data-background=dark]) [class$=__columns__column],
  .columns[data-background=primary]:has(> [data-background=dark]) [class*=__column],
  [data-background=primary][class$=__columns]:has(> [data-background=dark]) [class*=__column],
  [data-background=primary][class*=columns--]:has(> [data-background=dark]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=primary]:has(> [data-background=white]) .columns__column, .columns[data-background=primary]:has(> [data-background=white]) [class$=__columns__column], [data-background=primary][class$=__columns]:has(> [data-background=white]) .columns__column, [data-background=primary][class$=__columns]:has(> [data-background=white]) [class$=__columns__column], [data-background=primary][class*=columns--]:has(> [data-background=white]) .columns__column, [data-background=primary][class*=columns--]:has(> [data-background=white]) [class$=__columns__column],
  .columns[data-background=primary]:has(> [data-background=white]) [class*=__column],
  [data-background=primary][class$=__columns]:has(> [data-background=white]) [class*=__column],
  [data-background=primary][class*=columns--]:has(> [data-background=white]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=primary] + .columns[data-background=primary], [data-background=primary][class$=__columns] + .columns[data-background=primary], .columns[data-background=primary] + [data-background=primary][class$=__columns], [data-background=primary][class$=__columns] + [data-background=primary][class$=__columns], [data-background=primary][class*=columns--] + .columns[data-background=primary], [data-background=primary][class*=columns--] + [data-background=primary][class$=__columns], .columns[data-background=primary] + [data-background=primary][class*=columns--], [data-background=primary][class$=__columns] + [data-background=primary][class*=columns--], [data-background=primary][class*=columns--] + [data-background=primary][class*=columns--] {
    margin-block-start: calc(var(--spacing-md) * -2);
  }
  .columns[data-background=secondary]:has(> [data-background=primary]) .columns__column, .columns[data-background=secondary]:has(> [data-background=primary]) [class$=__columns__column], [data-background=secondary][class$=__columns]:has(> [data-background=primary]) .columns__column, [data-background=secondary][class$=__columns]:has(> [data-background=primary]) [class$=__columns__column], [data-background=secondary][class*=columns--]:has(> [data-background=primary]) .columns__column, [data-background=secondary][class*=columns--]:has(> [data-background=primary]) [class$=__columns__column],
  .columns[data-background=secondary]:has(> [data-background=primary]) [class*=__column],
  [data-background=secondary][class$=__columns]:has(> [data-background=primary]) [class*=__column],
  [data-background=secondary][class*=columns--]:has(> [data-background=primary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=secondary]:has(> [data-background=accent]) .columns__column, .columns[data-background=secondary]:has(> [data-background=accent]) [class$=__columns__column], [data-background=secondary][class$=__columns]:has(> [data-background=accent]) .columns__column, [data-background=secondary][class$=__columns]:has(> [data-background=accent]) [class$=__columns__column], [data-background=secondary][class*=columns--]:has(> [data-background=accent]) .columns__column, [data-background=secondary][class*=columns--]:has(> [data-background=accent]) [class$=__columns__column],
  .columns[data-background=secondary]:has(> [data-background=accent]) [class*=__column],
  [data-background=secondary][class$=__columns]:has(> [data-background=accent]) [class*=__column],
  [data-background=secondary][class*=columns--]:has(> [data-background=accent]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=secondary]:has(> [data-background=info]) .columns__column, .columns[data-background=secondary]:has(> [data-background=info]) [class$=__columns__column], [data-background=secondary][class$=__columns]:has(> [data-background=info]) .columns__column, [data-background=secondary][class$=__columns]:has(> [data-background=info]) [class$=__columns__column], [data-background=secondary][class*=columns--]:has(> [data-background=info]) .columns__column, [data-background=secondary][class*=columns--]:has(> [data-background=info]) [class$=__columns__column],
  .columns[data-background=secondary]:has(> [data-background=info]) [class*=__column],
  [data-background=secondary][class$=__columns]:has(> [data-background=info]) [class*=__column],
  [data-background=secondary][class*=columns--]:has(> [data-background=info]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=secondary]:has(> [data-background=warning]) .columns__column, .columns[data-background=secondary]:has(> [data-background=warning]) [class$=__columns__column], [data-background=secondary][class$=__columns]:has(> [data-background=warning]) .columns__column, [data-background=secondary][class$=__columns]:has(> [data-background=warning]) [class$=__columns__column], [data-background=secondary][class*=columns--]:has(> [data-background=warning]) .columns__column, [data-background=secondary][class*=columns--]:has(> [data-background=warning]) [class$=__columns__column],
  .columns[data-background=secondary]:has(> [data-background=warning]) [class*=__column],
  [data-background=secondary][class$=__columns]:has(> [data-background=warning]) [class*=__column],
  [data-background=secondary][class*=columns--]:has(> [data-background=warning]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=secondary]:has(> [data-background=success]) .columns__column, .columns[data-background=secondary]:has(> [data-background=success]) [class$=__columns__column], [data-background=secondary][class$=__columns]:has(> [data-background=success]) .columns__column, [data-background=secondary][class$=__columns]:has(> [data-background=success]) [class$=__columns__column], [data-background=secondary][class*=columns--]:has(> [data-background=success]) .columns__column, [data-background=secondary][class*=columns--]:has(> [data-background=success]) [class$=__columns__column],
  .columns[data-background=secondary]:has(> [data-background=success]) [class*=__column],
  [data-background=secondary][class$=__columns]:has(> [data-background=success]) [class*=__column],
  [data-background=secondary][class*=columns--]:has(> [data-background=success]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=secondary]:has(> [data-background=error]) .columns__column, .columns[data-background=secondary]:has(> [data-background=error]) [class$=__columns__column], [data-background=secondary][class$=__columns]:has(> [data-background=error]) .columns__column, [data-background=secondary][class$=__columns]:has(> [data-background=error]) [class$=__columns__column], [data-background=secondary][class*=columns--]:has(> [data-background=error]) .columns__column, [data-background=secondary][class*=columns--]:has(> [data-background=error]) [class$=__columns__column],
  .columns[data-background=secondary]:has(> [data-background=error]) [class*=__column],
  [data-background=secondary][class$=__columns]:has(> [data-background=error]) [class*=__column],
  [data-background=secondary][class*=columns--]:has(> [data-background=error]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=secondary]:has(> [data-background=light]) .columns__column, .columns[data-background=secondary]:has(> [data-background=light]) [class$=__columns__column], [data-background=secondary][class$=__columns]:has(> [data-background=light]) .columns__column, [data-background=secondary][class$=__columns]:has(> [data-background=light]) [class$=__columns__column], [data-background=secondary][class*=columns--]:has(> [data-background=light]) .columns__column, [data-background=secondary][class*=columns--]:has(> [data-background=light]) [class$=__columns__column],
  .columns[data-background=secondary]:has(> [data-background=light]) [class*=__column],
  [data-background=secondary][class$=__columns]:has(> [data-background=light]) [class*=__column],
  [data-background=secondary][class*=columns--]:has(> [data-background=light]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=secondary]:has(> [data-background=dark]) .columns__column, .columns[data-background=secondary]:has(> [data-background=dark]) [class$=__columns__column], [data-background=secondary][class$=__columns]:has(> [data-background=dark]) .columns__column, [data-background=secondary][class$=__columns]:has(> [data-background=dark]) [class$=__columns__column], [data-background=secondary][class*=columns--]:has(> [data-background=dark]) .columns__column, [data-background=secondary][class*=columns--]:has(> [data-background=dark]) [class$=__columns__column],
  .columns[data-background=secondary]:has(> [data-background=dark]) [class*=__column],
  [data-background=secondary][class$=__columns]:has(> [data-background=dark]) [class*=__column],
  [data-background=secondary][class*=columns--]:has(> [data-background=dark]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=secondary]:has(> [data-background=white]) .columns__column, .columns[data-background=secondary]:has(> [data-background=white]) [class$=__columns__column], [data-background=secondary][class$=__columns]:has(> [data-background=white]) .columns__column, [data-background=secondary][class$=__columns]:has(> [data-background=white]) [class$=__columns__column], [data-background=secondary][class*=columns--]:has(> [data-background=white]) .columns__column, [data-background=secondary][class*=columns--]:has(> [data-background=white]) [class$=__columns__column],
  .columns[data-background=secondary]:has(> [data-background=white]) [class*=__column],
  [data-background=secondary][class$=__columns]:has(> [data-background=white]) [class*=__column],
  [data-background=secondary][class*=columns--]:has(> [data-background=white]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=secondary] + .columns[data-background=secondary], [data-background=secondary][class$=__columns] + .columns[data-background=secondary], .columns[data-background=secondary] + [data-background=secondary][class$=__columns], [data-background=secondary][class$=__columns] + [data-background=secondary][class$=__columns], [data-background=secondary][class*=columns--] + .columns[data-background=secondary], [data-background=secondary][class*=columns--] + [data-background=secondary][class$=__columns], .columns[data-background=secondary] + [data-background=secondary][class*=columns--], [data-background=secondary][class$=__columns] + [data-background=secondary][class*=columns--], [data-background=secondary][class*=columns--] + [data-background=secondary][class*=columns--] {
    margin-block-start: calc(var(--spacing-md) * -2);
  }
  .columns[data-background=accent]:has(> [data-background=primary]) .columns__column, .columns[data-background=accent]:has(> [data-background=primary]) [class$=__columns__column], [data-background=accent][class$=__columns]:has(> [data-background=primary]) .columns__column, [data-background=accent][class$=__columns]:has(> [data-background=primary]) [class$=__columns__column], [data-background=accent][class*=columns--]:has(> [data-background=primary]) .columns__column, [data-background=accent][class*=columns--]:has(> [data-background=primary]) [class$=__columns__column],
  .columns[data-background=accent]:has(> [data-background=primary]) [class*=__column],
  [data-background=accent][class$=__columns]:has(> [data-background=primary]) [class*=__column],
  [data-background=accent][class*=columns--]:has(> [data-background=primary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=accent]:has(> [data-background=secondary]) .columns__column, .columns[data-background=accent]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=accent][class$=__columns]:has(> [data-background=secondary]) .columns__column, [data-background=accent][class$=__columns]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=accent][class*=columns--]:has(> [data-background=secondary]) .columns__column, [data-background=accent][class*=columns--]:has(> [data-background=secondary]) [class$=__columns__column],
  .columns[data-background=accent]:has(> [data-background=secondary]) [class*=__column],
  [data-background=accent][class$=__columns]:has(> [data-background=secondary]) [class*=__column],
  [data-background=accent][class*=columns--]:has(> [data-background=secondary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=accent]:has(> [data-background=info]) .columns__column, .columns[data-background=accent]:has(> [data-background=info]) [class$=__columns__column], [data-background=accent][class$=__columns]:has(> [data-background=info]) .columns__column, [data-background=accent][class$=__columns]:has(> [data-background=info]) [class$=__columns__column], [data-background=accent][class*=columns--]:has(> [data-background=info]) .columns__column, [data-background=accent][class*=columns--]:has(> [data-background=info]) [class$=__columns__column],
  .columns[data-background=accent]:has(> [data-background=info]) [class*=__column],
  [data-background=accent][class$=__columns]:has(> [data-background=info]) [class*=__column],
  [data-background=accent][class*=columns--]:has(> [data-background=info]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=accent]:has(> [data-background=warning]) .columns__column, .columns[data-background=accent]:has(> [data-background=warning]) [class$=__columns__column], [data-background=accent][class$=__columns]:has(> [data-background=warning]) .columns__column, [data-background=accent][class$=__columns]:has(> [data-background=warning]) [class$=__columns__column], [data-background=accent][class*=columns--]:has(> [data-background=warning]) .columns__column, [data-background=accent][class*=columns--]:has(> [data-background=warning]) [class$=__columns__column],
  .columns[data-background=accent]:has(> [data-background=warning]) [class*=__column],
  [data-background=accent][class$=__columns]:has(> [data-background=warning]) [class*=__column],
  [data-background=accent][class*=columns--]:has(> [data-background=warning]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=accent]:has(> [data-background=success]) .columns__column, .columns[data-background=accent]:has(> [data-background=success]) [class$=__columns__column], [data-background=accent][class$=__columns]:has(> [data-background=success]) .columns__column, [data-background=accent][class$=__columns]:has(> [data-background=success]) [class$=__columns__column], [data-background=accent][class*=columns--]:has(> [data-background=success]) .columns__column, [data-background=accent][class*=columns--]:has(> [data-background=success]) [class$=__columns__column],
  .columns[data-background=accent]:has(> [data-background=success]) [class*=__column],
  [data-background=accent][class$=__columns]:has(> [data-background=success]) [class*=__column],
  [data-background=accent][class*=columns--]:has(> [data-background=success]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=accent]:has(> [data-background=error]) .columns__column, .columns[data-background=accent]:has(> [data-background=error]) [class$=__columns__column], [data-background=accent][class$=__columns]:has(> [data-background=error]) .columns__column, [data-background=accent][class$=__columns]:has(> [data-background=error]) [class$=__columns__column], [data-background=accent][class*=columns--]:has(> [data-background=error]) .columns__column, [data-background=accent][class*=columns--]:has(> [data-background=error]) [class$=__columns__column],
  .columns[data-background=accent]:has(> [data-background=error]) [class*=__column],
  [data-background=accent][class$=__columns]:has(> [data-background=error]) [class*=__column],
  [data-background=accent][class*=columns--]:has(> [data-background=error]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=accent]:has(> [data-background=light]) .columns__column, .columns[data-background=accent]:has(> [data-background=light]) [class$=__columns__column], [data-background=accent][class$=__columns]:has(> [data-background=light]) .columns__column, [data-background=accent][class$=__columns]:has(> [data-background=light]) [class$=__columns__column], [data-background=accent][class*=columns--]:has(> [data-background=light]) .columns__column, [data-background=accent][class*=columns--]:has(> [data-background=light]) [class$=__columns__column],
  .columns[data-background=accent]:has(> [data-background=light]) [class*=__column],
  [data-background=accent][class$=__columns]:has(> [data-background=light]) [class*=__column],
  [data-background=accent][class*=columns--]:has(> [data-background=light]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=accent]:has(> [data-background=dark]) .columns__column, .columns[data-background=accent]:has(> [data-background=dark]) [class$=__columns__column], [data-background=accent][class$=__columns]:has(> [data-background=dark]) .columns__column, [data-background=accent][class$=__columns]:has(> [data-background=dark]) [class$=__columns__column], [data-background=accent][class*=columns--]:has(> [data-background=dark]) .columns__column, [data-background=accent][class*=columns--]:has(> [data-background=dark]) [class$=__columns__column],
  .columns[data-background=accent]:has(> [data-background=dark]) [class*=__column],
  [data-background=accent][class$=__columns]:has(> [data-background=dark]) [class*=__column],
  [data-background=accent][class*=columns--]:has(> [data-background=dark]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=accent]:has(> [data-background=white]) .columns__column, .columns[data-background=accent]:has(> [data-background=white]) [class$=__columns__column], [data-background=accent][class$=__columns]:has(> [data-background=white]) .columns__column, [data-background=accent][class$=__columns]:has(> [data-background=white]) [class$=__columns__column], [data-background=accent][class*=columns--]:has(> [data-background=white]) .columns__column, [data-background=accent][class*=columns--]:has(> [data-background=white]) [class$=__columns__column],
  .columns[data-background=accent]:has(> [data-background=white]) [class*=__column],
  [data-background=accent][class$=__columns]:has(> [data-background=white]) [class*=__column],
  [data-background=accent][class*=columns--]:has(> [data-background=white]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=accent] + .columns[data-background=accent], [data-background=accent][class$=__columns] + .columns[data-background=accent], .columns[data-background=accent] + [data-background=accent][class$=__columns], [data-background=accent][class$=__columns] + [data-background=accent][class$=__columns], [data-background=accent][class*=columns--] + .columns[data-background=accent], [data-background=accent][class*=columns--] + [data-background=accent][class$=__columns], .columns[data-background=accent] + [data-background=accent][class*=columns--], [data-background=accent][class$=__columns] + [data-background=accent][class*=columns--], [data-background=accent][class*=columns--] + [data-background=accent][class*=columns--] {
    margin-block-start: calc(var(--spacing-md) * -2);
  }
  .columns[data-background=info]:has(> [data-background=primary]) .columns__column, .columns[data-background=info]:has(> [data-background=primary]) [class$=__columns__column], [data-background=info][class$=__columns]:has(> [data-background=primary]) .columns__column, [data-background=info][class$=__columns]:has(> [data-background=primary]) [class$=__columns__column], [data-background=info][class*=columns--]:has(> [data-background=primary]) .columns__column, [data-background=info][class*=columns--]:has(> [data-background=primary]) [class$=__columns__column],
  .columns[data-background=info]:has(> [data-background=primary]) [class*=__column],
  [data-background=info][class$=__columns]:has(> [data-background=primary]) [class*=__column],
  [data-background=info][class*=columns--]:has(> [data-background=primary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=info]:has(> [data-background=secondary]) .columns__column, .columns[data-background=info]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=info][class$=__columns]:has(> [data-background=secondary]) .columns__column, [data-background=info][class$=__columns]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=info][class*=columns--]:has(> [data-background=secondary]) .columns__column, [data-background=info][class*=columns--]:has(> [data-background=secondary]) [class$=__columns__column],
  .columns[data-background=info]:has(> [data-background=secondary]) [class*=__column],
  [data-background=info][class$=__columns]:has(> [data-background=secondary]) [class*=__column],
  [data-background=info][class*=columns--]:has(> [data-background=secondary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=info]:has(> [data-background=accent]) .columns__column, .columns[data-background=info]:has(> [data-background=accent]) [class$=__columns__column], [data-background=info][class$=__columns]:has(> [data-background=accent]) .columns__column, [data-background=info][class$=__columns]:has(> [data-background=accent]) [class$=__columns__column], [data-background=info][class*=columns--]:has(> [data-background=accent]) .columns__column, [data-background=info][class*=columns--]:has(> [data-background=accent]) [class$=__columns__column],
  .columns[data-background=info]:has(> [data-background=accent]) [class*=__column],
  [data-background=info][class$=__columns]:has(> [data-background=accent]) [class*=__column],
  [data-background=info][class*=columns--]:has(> [data-background=accent]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=info]:has(> [data-background=warning]) .columns__column, .columns[data-background=info]:has(> [data-background=warning]) [class$=__columns__column], [data-background=info][class$=__columns]:has(> [data-background=warning]) .columns__column, [data-background=info][class$=__columns]:has(> [data-background=warning]) [class$=__columns__column], [data-background=info][class*=columns--]:has(> [data-background=warning]) .columns__column, [data-background=info][class*=columns--]:has(> [data-background=warning]) [class$=__columns__column],
  .columns[data-background=info]:has(> [data-background=warning]) [class*=__column],
  [data-background=info][class$=__columns]:has(> [data-background=warning]) [class*=__column],
  [data-background=info][class*=columns--]:has(> [data-background=warning]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=info]:has(> [data-background=success]) .columns__column, .columns[data-background=info]:has(> [data-background=success]) [class$=__columns__column], [data-background=info][class$=__columns]:has(> [data-background=success]) .columns__column, [data-background=info][class$=__columns]:has(> [data-background=success]) [class$=__columns__column], [data-background=info][class*=columns--]:has(> [data-background=success]) .columns__column, [data-background=info][class*=columns--]:has(> [data-background=success]) [class$=__columns__column],
  .columns[data-background=info]:has(> [data-background=success]) [class*=__column],
  [data-background=info][class$=__columns]:has(> [data-background=success]) [class*=__column],
  [data-background=info][class*=columns--]:has(> [data-background=success]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=info]:has(> [data-background=error]) .columns__column, .columns[data-background=info]:has(> [data-background=error]) [class$=__columns__column], [data-background=info][class$=__columns]:has(> [data-background=error]) .columns__column, [data-background=info][class$=__columns]:has(> [data-background=error]) [class$=__columns__column], [data-background=info][class*=columns--]:has(> [data-background=error]) .columns__column, [data-background=info][class*=columns--]:has(> [data-background=error]) [class$=__columns__column],
  .columns[data-background=info]:has(> [data-background=error]) [class*=__column],
  [data-background=info][class$=__columns]:has(> [data-background=error]) [class*=__column],
  [data-background=info][class*=columns--]:has(> [data-background=error]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=info]:has(> [data-background=light]) .columns__column, .columns[data-background=info]:has(> [data-background=light]) [class$=__columns__column], [data-background=info][class$=__columns]:has(> [data-background=light]) .columns__column, [data-background=info][class$=__columns]:has(> [data-background=light]) [class$=__columns__column], [data-background=info][class*=columns--]:has(> [data-background=light]) .columns__column, [data-background=info][class*=columns--]:has(> [data-background=light]) [class$=__columns__column],
  .columns[data-background=info]:has(> [data-background=light]) [class*=__column],
  [data-background=info][class$=__columns]:has(> [data-background=light]) [class*=__column],
  [data-background=info][class*=columns--]:has(> [data-background=light]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=info]:has(> [data-background=dark]) .columns__column, .columns[data-background=info]:has(> [data-background=dark]) [class$=__columns__column], [data-background=info][class$=__columns]:has(> [data-background=dark]) .columns__column, [data-background=info][class$=__columns]:has(> [data-background=dark]) [class$=__columns__column], [data-background=info][class*=columns--]:has(> [data-background=dark]) .columns__column, [data-background=info][class*=columns--]:has(> [data-background=dark]) [class$=__columns__column],
  .columns[data-background=info]:has(> [data-background=dark]) [class*=__column],
  [data-background=info][class$=__columns]:has(> [data-background=dark]) [class*=__column],
  [data-background=info][class*=columns--]:has(> [data-background=dark]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=info]:has(> [data-background=white]) .columns__column, .columns[data-background=info]:has(> [data-background=white]) [class$=__columns__column], [data-background=info][class$=__columns]:has(> [data-background=white]) .columns__column, [data-background=info][class$=__columns]:has(> [data-background=white]) [class$=__columns__column], [data-background=info][class*=columns--]:has(> [data-background=white]) .columns__column, [data-background=info][class*=columns--]:has(> [data-background=white]) [class$=__columns__column],
  .columns[data-background=info]:has(> [data-background=white]) [class*=__column],
  [data-background=info][class$=__columns]:has(> [data-background=white]) [class*=__column],
  [data-background=info][class*=columns--]:has(> [data-background=white]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=info] + .columns[data-background=info], [data-background=info][class$=__columns] + .columns[data-background=info], .columns[data-background=info] + [data-background=info][class$=__columns], [data-background=info][class$=__columns] + [data-background=info][class$=__columns], [data-background=info][class*=columns--] + .columns[data-background=info], [data-background=info][class*=columns--] + [data-background=info][class$=__columns], .columns[data-background=info] + [data-background=info][class*=columns--], [data-background=info][class$=__columns] + [data-background=info][class*=columns--], [data-background=info][class*=columns--] + [data-background=info][class*=columns--] {
    margin-block-start: calc(var(--spacing-md) * -2);
  }
  .columns[data-background=warning]:has(> [data-background=primary]) .columns__column, .columns[data-background=warning]:has(> [data-background=primary]) [class$=__columns__column], [data-background=warning][class$=__columns]:has(> [data-background=primary]) .columns__column, [data-background=warning][class$=__columns]:has(> [data-background=primary]) [class$=__columns__column], [data-background=warning][class*=columns--]:has(> [data-background=primary]) .columns__column, [data-background=warning][class*=columns--]:has(> [data-background=primary]) [class$=__columns__column],
  .columns[data-background=warning]:has(> [data-background=primary]) [class*=__column],
  [data-background=warning][class$=__columns]:has(> [data-background=primary]) [class*=__column],
  [data-background=warning][class*=columns--]:has(> [data-background=primary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=warning]:has(> [data-background=secondary]) .columns__column, .columns[data-background=warning]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=warning][class$=__columns]:has(> [data-background=secondary]) .columns__column, [data-background=warning][class$=__columns]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=warning][class*=columns--]:has(> [data-background=secondary]) .columns__column, [data-background=warning][class*=columns--]:has(> [data-background=secondary]) [class$=__columns__column],
  .columns[data-background=warning]:has(> [data-background=secondary]) [class*=__column],
  [data-background=warning][class$=__columns]:has(> [data-background=secondary]) [class*=__column],
  [data-background=warning][class*=columns--]:has(> [data-background=secondary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=warning]:has(> [data-background=accent]) .columns__column, .columns[data-background=warning]:has(> [data-background=accent]) [class$=__columns__column], [data-background=warning][class$=__columns]:has(> [data-background=accent]) .columns__column, [data-background=warning][class$=__columns]:has(> [data-background=accent]) [class$=__columns__column], [data-background=warning][class*=columns--]:has(> [data-background=accent]) .columns__column, [data-background=warning][class*=columns--]:has(> [data-background=accent]) [class$=__columns__column],
  .columns[data-background=warning]:has(> [data-background=accent]) [class*=__column],
  [data-background=warning][class$=__columns]:has(> [data-background=accent]) [class*=__column],
  [data-background=warning][class*=columns--]:has(> [data-background=accent]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=warning]:has(> [data-background=info]) .columns__column, .columns[data-background=warning]:has(> [data-background=info]) [class$=__columns__column], [data-background=warning][class$=__columns]:has(> [data-background=info]) .columns__column, [data-background=warning][class$=__columns]:has(> [data-background=info]) [class$=__columns__column], [data-background=warning][class*=columns--]:has(> [data-background=info]) .columns__column, [data-background=warning][class*=columns--]:has(> [data-background=info]) [class$=__columns__column],
  .columns[data-background=warning]:has(> [data-background=info]) [class*=__column],
  [data-background=warning][class$=__columns]:has(> [data-background=info]) [class*=__column],
  [data-background=warning][class*=columns--]:has(> [data-background=info]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=warning]:has(> [data-background=success]) .columns__column, .columns[data-background=warning]:has(> [data-background=success]) [class$=__columns__column], [data-background=warning][class$=__columns]:has(> [data-background=success]) .columns__column, [data-background=warning][class$=__columns]:has(> [data-background=success]) [class$=__columns__column], [data-background=warning][class*=columns--]:has(> [data-background=success]) .columns__column, [data-background=warning][class*=columns--]:has(> [data-background=success]) [class$=__columns__column],
  .columns[data-background=warning]:has(> [data-background=success]) [class*=__column],
  [data-background=warning][class$=__columns]:has(> [data-background=success]) [class*=__column],
  [data-background=warning][class*=columns--]:has(> [data-background=success]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=warning]:has(> [data-background=error]) .columns__column, .columns[data-background=warning]:has(> [data-background=error]) [class$=__columns__column], [data-background=warning][class$=__columns]:has(> [data-background=error]) .columns__column, [data-background=warning][class$=__columns]:has(> [data-background=error]) [class$=__columns__column], [data-background=warning][class*=columns--]:has(> [data-background=error]) .columns__column, [data-background=warning][class*=columns--]:has(> [data-background=error]) [class$=__columns__column],
  .columns[data-background=warning]:has(> [data-background=error]) [class*=__column],
  [data-background=warning][class$=__columns]:has(> [data-background=error]) [class*=__column],
  [data-background=warning][class*=columns--]:has(> [data-background=error]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=warning]:has(> [data-background=light]) .columns__column, .columns[data-background=warning]:has(> [data-background=light]) [class$=__columns__column], [data-background=warning][class$=__columns]:has(> [data-background=light]) .columns__column, [data-background=warning][class$=__columns]:has(> [data-background=light]) [class$=__columns__column], [data-background=warning][class*=columns--]:has(> [data-background=light]) .columns__column, [data-background=warning][class*=columns--]:has(> [data-background=light]) [class$=__columns__column],
  .columns[data-background=warning]:has(> [data-background=light]) [class*=__column],
  [data-background=warning][class$=__columns]:has(> [data-background=light]) [class*=__column],
  [data-background=warning][class*=columns--]:has(> [data-background=light]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=warning]:has(> [data-background=dark]) .columns__column, .columns[data-background=warning]:has(> [data-background=dark]) [class$=__columns__column], [data-background=warning][class$=__columns]:has(> [data-background=dark]) .columns__column, [data-background=warning][class$=__columns]:has(> [data-background=dark]) [class$=__columns__column], [data-background=warning][class*=columns--]:has(> [data-background=dark]) .columns__column, [data-background=warning][class*=columns--]:has(> [data-background=dark]) [class$=__columns__column],
  .columns[data-background=warning]:has(> [data-background=dark]) [class*=__column],
  [data-background=warning][class$=__columns]:has(> [data-background=dark]) [class*=__column],
  [data-background=warning][class*=columns--]:has(> [data-background=dark]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=warning]:has(> [data-background=white]) .columns__column, .columns[data-background=warning]:has(> [data-background=white]) [class$=__columns__column], [data-background=warning][class$=__columns]:has(> [data-background=white]) .columns__column, [data-background=warning][class$=__columns]:has(> [data-background=white]) [class$=__columns__column], [data-background=warning][class*=columns--]:has(> [data-background=white]) .columns__column, [data-background=warning][class*=columns--]:has(> [data-background=white]) [class$=__columns__column],
  .columns[data-background=warning]:has(> [data-background=white]) [class*=__column],
  [data-background=warning][class$=__columns]:has(> [data-background=white]) [class*=__column],
  [data-background=warning][class*=columns--]:has(> [data-background=white]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=warning] + .columns[data-background=warning], [data-background=warning][class$=__columns] + .columns[data-background=warning], .columns[data-background=warning] + [data-background=warning][class$=__columns], [data-background=warning][class$=__columns] + [data-background=warning][class$=__columns], [data-background=warning][class*=columns--] + .columns[data-background=warning], [data-background=warning][class*=columns--] + [data-background=warning][class$=__columns], .columns[data-background=warning] + [data-background=warning][class*=columns--], [data-background=warning][class$=__columns] + [data-background=warning][class*=columns--], [data-background=warning][class*=columns--] + [data-background=warning][class*=columns--] {
    margin-block-start: calc(var(--spacing-md) * -2);
  }
  .columns[data-background=success]:has(> [data-background=primary]) .columns__column, .columns[data-background=success]:has(> [data-background=primary]) [class$=__columns__column], [data-background=success][class$=__columns]:has(> [data-background=primary]) .columns__column, [data-background=success][class$=__columns]:has(> [data-background=primary]) [class$=__columns__column], [data-background=success][class*=columns--]:has(> [data-background=primary]) .columns__column, [data-background=success][class*=columns--]:has(> [data-background=primary]) [class$=__columns__column],
  .columns[data-background=success]:has(> [data-background=primary]) [class*=__column],
  [data-background=success][class$=__columns]:has(> [data-background=primary]) [class*=__column],
  [data-background=success][class*=columns--]:has(> [data-background=primary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=success]:has(> [data-background=secondary]) .columns__column, .columns[data-background=success]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=success][class$=__columns]:has(> [data-background=secondary]) .columns__column, [data-background=success][class$=__columns]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=success][class*=columns--]:has(> [data-background=secondary]) .columns__column, [data-background=success][class*=columns--]:has(> [data-background=secondary]) [class$=__columns__column],
  .columns[data-background=success]:has(> [data-background=secondary]) [class*=__column],
  [data-background=success][class$=__columns]:has(> [data-background=secondary]) [class*=__column],
  [data-background=success][class*=columns--]:has(> [data-background=secondary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=success]:has(> [data-background=accent]) .columns__column, .columns[data-background=success]:has(> [data-background=accent]) [class$=__columns__column], [data-background=success][class$=__columns]:has(> [data-background=accent]) .columns__column, [data-background=success][class$=__columns]:has(> [data-background=accent]) [class$=__columns__column], [data-background=success][class*=columns--]:has(> [data-background=accent]) .columns__column, [data-background=success][class*=columns--]:has(> [data-background=accent]) [class$=__columns__column],
  .columns[data-background=success]:has(> [data-background=accent]) [class*=__column],
  [data-background=success][class$=__columns]:has(> [data-background=accent]) [class*=__column],
  [data-background=success][class*=columns--]:has(> [data-background=accent]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=success]:has(> [data-background=info]) .columns__column, .columns[data-background=success]:has(> [data-background=info]) [class$=__columns__column], [data-background=success][class$=__columns]:has(> [data-background=info]) .columns__column, [data-background=success][class$=__columns]:has(> [data-background=info]) [class$=__columns__column], [data-background=success][class*=columns--]:has(> [data-background=info]) .columns__column, [data-background=success][class*=columns--]:has(> [data-background=info]) [class$=__columns__column],
  .columns[data-background=success]:has(> [data-background=info]) [class*=__column],
  [data-background=success][class$=__columns]:has(> [data-background=info]) [class*=__column],
  [data-background=success][class*=columns--]:has(> [data-background=info]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=success]:has(> [data-background=warning]) .columns__column, .columns[data-background=success]:has(> [data-background=warning]) [class$=__columns__column], [data-background=success][class$=__columns]:has(> [data-background=warning]) .columns__column, [data-background=success][class$=__columns]:has(> [data-background=warning]) [class$=__columns__column], [data-background=success][class*=columns--]:has(> [data-background=warning]) .columns__column, [data-background=success][class*=columns--]:has(> [data-background=warning]) [class$=__columns__column],
  .columns[data-background=success]:has(> [data-background=warning]) [class*=__column],
  [data-background=success][class$=__columns]:has(> [data-background=warning]) [class*=__column],
  [data-background=success][class*=columns--]:has(> [data-background=warning]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=success]:has(> [data-background=error]) .columns__column, .columns[data-background=success]:has(> [data-background=error]) [class$=__columns__column], [data-background=success][class$=__columns]:has(> [data-background=error]) .columns__column, [data-background=success][class$=__columns]:has(> [data-background=error]) [class$=__columns__column], [data-background=success][class*=columns--]:has(> [data-background=error]) .columns__column, [data-background=success][class*=columns--]:has(> [data-background=error]) [class$=__columns__column],
  .columns[data-background=success]:has(> [data-background=error]) [class*=__column],
  [data-background=success][class$=__columns]:has(> [data-background=error]) [class*=__column],
  [data-background=success][class*=columns--]:has(> [data-background=error]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=success]:has(> [data-background=light]) .columns__column, .columns[data-background=success]:has(> [data-background=light]) [class$=__columns__column], [data-background=success][class$=__columns]:has(> [data-background=light]) .columns__column, [data-background=success][class$=__columns]:has(> [data-background=light]) [class$=__columns__column], [data-background=success][class*=columns--]:has(> [data-background=light]) .columns__column, [data-background=success][class*=columns--]:has(> [data-background=light]) [class$=__columns__column],
  .columns[data-background=success]:has(> [data-background=light]) [class*=__column],
  [data-background=success][class$=__columns]:has(> [data-background=light]) [class*=__column],
  [data-background=success][class*=columns--]:has(> [data-background=light]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=success]:has(> [data-background=dark]) .columns__column, .columns[data-background=success]:has(> [data-background=dark]) [class$=__columns__column], [data-background=success][class$=__columns]:has(> [data-background=dark]) .columns__column, [data-background=success][class$=__columns]:has(> [data-background=dark]) [class$=__columns__column], [data-background=success][class*=columns--]:has(> [data-background=dark]) .columns__column, [data-background=success][class*=columns--]:has(> [data-background=dark]) [class$=__columns__column],
  .columns[data-background=success]:has(> [data-background=dark]) [class*=__column],
  [data-background=success][class$=__columns]:has(> [data-background=dark]) [class*=__column],
  [data-background=success][class*=columns--]:has(> [data-background=dark]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=success]:has(> [data-background=white]) .columns__column, .columns[data-background=success]:has(> [data-background=white]) [class$=__columns__column], [data-background=success][class$=__columns]:has(> [data-background=white]) .columns__column, [data-background=success][class$=__columns]:has(> [data-background=white]) [class$=__columns__column], [data-background=success][class*=columns--]:has(> [data-background=white]) .columns__column, [data-background=success][class*=columns--]:has(> [data-background=white]) [class$=__columns__column],
  .columns[data-background=success]:has(> [data-background=white]) [class*=__column],
  [data-background=success][class$=__columns]:has(> [data-background=white]) [class*=__column],
  [data-background=success][class*=columns--]:has(> [data-background=white]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=success] + .columns[data-background=success], [data-background=success][class$=__columns] + .columns[data-background=success], .columns[data-background=success] + [data-background=success][class$=__columns], [data-background=success][class$=__columns] + [data-background=success][class$=__columns], [data-background=success][class*=columns--] + .columns[data-background=success], [data-background=success][class*=columns--] + [data-background=success][class$=__columns], .columns[data-background=success] + [data-background=success][class*=columns--], [data-background=success][class$=__columns] + [data-background=success][class*=columns--], [data-background=success][class*=columns--] + [data-background=success][class*=columns--] {
    margin-block-start: calc(var(--spacing-md) * -2);
  }
  .columns[data-background=error]:has(> [data-background=primary]) .columns__column, .columns[data-background=error]:has(> [data-background=primary]) [class$=__columns__column], [data-background=error][class$=__columns]:has(> [data-background=primary]) .columns__column, [data-background=error][class$=__columns]:has(> [data-background=primary]) [class$=__columns__column], [data-background=error][class*=columns--]:has(> [data-background=primary]) .columns__column, [data-background=error][class*=columns--]:has(> [data-background=primary]) [class$=__columns__column],
  .columns[data-background=error]:has(> [data-background=primary]) [class*=__column],
  [data-background=error][class$=__columns]:has(> [data-background=primary]) [class*=__column],
  [data-background=error][class*=columns--]:has(> [data-background=primary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=error]:has(> [data-background=secondary]) .columns__column, .columns[data-background=error]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=error][class$=__columns]:has(> [data-background=secondary]) .columns__column, [data-background=error][class$=__columns]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=error][class*=columns--]:has(> [data-background=secondary]) .columns__column, [data-background=error][class*=columns--]:has(> [data-background=secondary]) [class$=__columns__column],
  .columns[data-background=error]:has(> [data-background=secondary]) [class*=__column],
  [data-background=error][class$=__columns]:has(> [data-background=secondary]) [class*=__column],
  [data-background=error][class*=columns--]:has(> [data-background=secondary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=error]:has(> [data-background=accent]) .columns__column, .columns[data-background=error]:has(> [data-background=accent]) [class$=__columns__column], [data-background=error][class$=__columns]:has(> [data-background=accent]) .columns__column, [data-background=error][class$=__columns]:has(> [data-background=accent]) [class$=__columns__column], [data-background=error][class*=columns--]:has(> [data-background=accent]) .columns__column, [data-background=error][class*=columns--]:has(> [data-background=accent]) [class$=__columns__column],
  .columns[data-background=error]:has(> [data-background=accent]) [class*=__column],
  [data-background=error][class$=__columns]:has(> [data-background=accent]) [class*=__column],
  [data-background=error][class*=columns--]:has(> [data-background=accent]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=error]:has(> [data-background=info]) .columns__column, .columns[data-background=error]:has(> [data-background=info]) [class$=__columns__column], [data-background=error][class$=__columns]:has(> [data-background=info]) .columns__column, [data-background=error][class$=__columns]:has(> [data-background=info]) [class$=__columns__column], [data-background=error][class*=columns--]:has(> [data-background=info]) .columns__column, [data-background=error][class*=columns--]:has(> [data-background=info]) [class$=__columns__column],
  .columns[data-background=error]:has(> [data-background=info]) [class*=__column],
  [data-background=error][class$=__columns]:has(> [data-background=info]) [class*=__column],
  [data-background=error][class*=columns--]:has(> [data-background=info]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=error]:has(> [data-background=warning]) .columns__column, .columns[data-background=error]:has(> [data-background=warning]) [class$=__columns__column], [data-background=error][class$=__columns]:has(> [data-background=warning]) .columns__column, [data-background=error][class$=__columns]:has(> [data-background=warning]) [class$=__columns__column], [data-background=error][class*=columns--]:has(> [data-background=warning]) .columns__column, [data-background=error][class*=columns--]:has(> [data-background=warning]) [class$=__columns__column],
  .columns[data-background=error]:has(> [data-background=warning]) [class*=__column],
  [data-background=error][class$=__columns]:has(> [data-background=warning]) [class*=__column],
  [data-background=error][class*=columns--]:has(> [data-background=warning]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=error]:has(> [data-background=success]) .columns__column, .columns[data-background=error]:has(> [data-background=success]) [class$=__columns__column], [data-background=error][class$=__columns]:has(> [data-background=success]) .columns__column, [data-background=error][class$=__columns]:has(> [data-background=success]) [class$=__columns__column], [data-background=error][class*=columns--]:has(> [data-background=success]) .columns__column, [data-background=error][class*=columns--]:has(> [data-background=success]) [class$=__columns__column],
  .columns[data-background=error]:has(> [data-background=success]) [class*=__column],
  [data-background=error][class$=__columns]:has(> [data-background=success]) [class*=__column],
  [data-background=error][class*=columns--]:has(> [data-background=success]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=error]:has(> [data-background=light]) .columns__column, .columns[data-background=error]:has(> [data-background=light]) [class$=__columns__column], [data-background=error][class$=__columns]:has(> [data-background=light]) .columns__column, [data-background=error][class$=__columns]:has(> [data-background=light]) [class$=__columns__column], [data-background=error][class*=columns--]:has(> [data-background=light]) .columns__column, [data-background=error][class*=columns--]:has(> [data-background=light]) [class$=__columns__column],
  .columns[data-background=error]:has(> [data-background=light]) [class*=__column],
  [data-background=error][class$=__columns]:has(> [data-background=light]) [class*=__column],
  [data-background=error][class*=columns--]:has(> [data-background=light]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=error]:has(> [data-background=dark]) .columns__column, .columns[data-background=error]:has(> [data-background=dark]) [class$=__columns__column], [data-background=error][class$=__columns]:has(> [data-background=dark]) .columns__column, [data-background=error][class$=__columns]:has(> [data-background=dark]) [class$=__columns__column], [data-background=error][class*=columns--]:has(> [data-background=dark]) .columns__column, [data-background=error][class*=columns--]:has(> [data-background=dark]) [class$=__columns__column],
  .columns[data-background=error]:has(> [data-background=dark]) [class*=__column],
  [data-background=error][class$=__columns]:has(> [data-background=dark]) [class*=__column],
  [data-background=error][class*=columns--]:has(> [data-background=dark]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=error]:has(> [data-background=white]) .columns__column, .columns[data-background=error]:has(> [data-background=white]) [class$=__columns__column], [data-background=error][class$=__columns]:has(> [data-background=white]) .columns__column, [data-background=error][class$=__columns]:has(> [data-background=white]) [class$=__columns__column], [data-background=error][class*=columns--]:has(> [data-background=white]) .columns__column, [data-background=error][class*=columns--]:has(> [data-background=white]) [class$=__columns__column],
  .columns[data-background=error]:has(> [data-background=white]) [class*=__column],
  [data-background=error][class$=__columns]:has(> [data-background=white]) [class*=__column],
  [data-background=error][class*=columns--]:has(> [data-background=white]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=error] + .columns[data-background=error], [data-background=error][class$=__columns] + .columns[data-background=error], .columns[data-background=error] + [data-background=error][class$=__columns], [data-background=error][class$=__columns] + [data-background=error][class$=__columns], [data-background=error][class*=columns--] + .columns[data-background=error], [data-background=error][class*=columns--] + [data-background=error][class$=__columns], .columns[data-background=error] + [data-background=error][class*=columns--], [data-background=error][class$=__columns] + [data-background=error][class*=columns--], [data-background=error][class*=columns--] + [data-background=error][class*=columns--] {
    margin-block-start: calc(var(--spacing-md) * -2);
  }
  .columns[data-background=light]:has(> [data-background=primary]) .columns__column, .columns[data-background=light]:has(> [data-background=primary]) [class$=__columns__column], [data-background=light][class$=__columns]:has(> [data-background=primary]) .columns__column, [data-background=light][class$=__columns]:has(> [data-background=primary]) [class$=__columns__column], [data-background=light][class*=columns--]:has(> [data-background=primary]) .columns__column, [data-background=light][class*=columns--]:has(> [data-background=primary]) [class$=__columns__column],
  .columns[data-background=light]:has(> [data-background=primary]) [class*=__column],
  [data-background=light][class$=__columns]:has(> [data-background=primary]) [class*=__column],
  [data-background=light][class*=columns--]:has(> [data-background=primary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=light]:has(> [data-background=secondary]) .columns__column, .columns[data-background=light]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=light][class$=__columns]:has(> [data-background=secondary]) .columns__column, [data-background=light][class$=__columns]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=light][class*=columns--]:has(> [data-background=secondary]) .columns__column, [data-background=light][class*=columns--]:has(> [data-background=secondary]) [class$=__columns__column],
  .columns[data-background=light]:has(> [data-background=secondary]) [class*=__column],
  [data-background=light][class$=__columns]:has(> [data-background=secondary]) [class*=__column],
  [data-background=light][class*=columns--]:has(> [data-background=secondary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=light]:has(> [data-background=accent]) .columns__column, .columns[data-background=light]:has(> [data-background=accent]) [class$=__columns__column], [data-background=light][class$=__columns]:has(> [data-background=accent]) .columns__column, [data-background=light][class$=__columns]:has(> [data-background=accent]) [class$=__columns__column], [data-background=light][class*=columns--]:has(> [data-background=accent]) .columns__column, [data-background=light][class*=columns--]:has(> [data-background=accent]) [class$=__columns__column],
  .columns[data-background=light]:has(> [data-background=accent]) [class*=__column],
  [data-background=light][class$=__columns]:has(> [data-background=accent]) [class*=__column],
  [data-background=light][class*=columns--]:has(> [data-background=accent]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=light]:has(> [data-background=info]) .columns__column, .columns[data-background=light]:has(> [data-background=info]) [class$=__columns__column], [data-background=light][class$=__columns]:has(> [data-background=info]) .columns__column, [data-background=light][class$=__columns]:has(> [data-background=info]) [class$=__columns__column], [data-background=light][class*=columns--]:has(> [data-background=info]) .columns__column, [data-background=light][class*=columns--]:has(> [data-background=info]) [class$=__columns__column],
  .columns[data-background=light]:has(> [data-background=info]) [class*=__column],
  [data-background=light][class$=__columns]:has(> [data-background=info]) [class*=__column],
  [data-background=light][class*=columns--]:has(> [data-background=info]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=light]:has(> [data-background=warning]) .columns__column, .columns[data-background=light]:has(> [data-background=warning]) [class$=__columns__column], [data-background=light][class$=__columns]:has(> [data-background=warning]) .columns__column, [data-background=light][class$=__columns]:has(> [data-background=warning]) [class$=__columns__column], [data-background=light][class*=columns--]:has(> [data-background=warning]) .columns__column, [data-background=light][class*=columns--]:has(> [data-background=warning]) [class$=__columns__column],
  .columns[data-background=light]:has(> [data-background=warning]) [class*=__column],
  [data-background=light][class$=__columns]:has(> [data-background=warning]) [class*=__column],
  [data-background=light][class*=columns--]:has(> [data-background=warning]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=light]:has(> [data-background=success]) .columns__column, .columns[data-background=light]:has(> [data-background=success]) [class$=__columns__column], [data-background=light][class$=__columns]:has(> [data-background=success]) .columns__column, [data-background=light][class$=__columns]:has(> [data-background=success]) [class$=__columns__column], [data-background=light][class*=columns--]:has(> [data-background=success]) .columns__column, [data-background=light][class*=columns--]:has(> [data-background=success]) [class$=__columns__column],
  .columns[data-background=light]:has(> [data-background=success]) [class*=__column],
  [data-background=light][class$=__columns]:has(> [data-background=success]) [class*=__column],
  [data-background=light][class*=columns--]:has(> [data-background=success]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=light]:has(> [data-background=error]) .columns__column, .columns[data-background=light]:has(> [data-background=error]) [class$=__columns__column], [data-background=light][class$=__columns]:has(> [data-background=error]) .columns__column, [data-background=light][class$=__columns]:has(> [data-background=error]) [class$=__columns__column], [data-background=light][class*=columns--]:has(> [data-background=error]) .columns__column, [data-background=light][class*=columns--]:has(> [data-background=error]) [class$=__columns__column],
  .columns[data-background=light]:has(> [data-background=error]) [class*=__column],
  [data-background=light][class$=__columns]:has(> [data-background=error]) [class*=__column],
  [data-background=light][class*=columns--]:has(> [data-background=error]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=light]:has(> [data-background=dark]) .columns__column, .columns[data-background=light]:has(> [data-background=dark]) [class$=__columns__column], [data-background=light][class$=__columns]:has(> [data-background=dark]) .columns__column, [data-background=light][class$=__columns]:has(> [data-background=dark]) [class$=__columns__column], [data-background=light][class*=columns--]:has(> [data-background=dark]) .columns__column, [data-background=light][class*=columns--]:has(> [data-background=dark]) [class$=__columns__column],
  .columns[data-background=light]:has(> [data-background=dark]) [class*=__column],
  [data-background=light][class$=__columns]:has(> [data-background=dark]) [class*=__column],
  [data-background=light][class*=columns--]:has(> [data-background=dark]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=light]:has(> [data-background=white]) .columns__column, .columns[data-background=light]:has(> [data-background=white]) [class$=__columns__column], [data-background=light][class$=__columns]:has(> [data-background=white]) .columns__column, [data-background=light][class$=__columns]:has(> [data-background=white]) [class$=__columns__column], [data-background=light][class*=columns--]:has(> [data-background=white]) .columns__column, [data-background=light][class*=columns--]:has(> [data-background=white]) [class$=__columns__column],
  .columns[data-background=light]:has(> [data-background=white]) [class*=__column],
  [data-background=light][class$=__columns]:has(> [data-background=white]) [class*=__column],
  [data-background=light][class*=columns--]:has(> [data-background=white]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=light] + .columns[data-background=light], [data-background=light][class$=__columns] + .columns[data-background=light], .columns[data-background=light] + [data-background=light][class$=__columns], [data-background=light][class$=__columns] + [data-background=light][class$=__columns], [data-background=light][class*=columns--] + .columns[data-background=light], [data-background=light][class*=columns--] + [data-background=light][class$=__columns], .columns[data-background=light] + [data-background=light][class*=columns--], [data-background=light][class$=__columns] + [data-background=light][class*=columns--], [data-background=light][class*=columns--] + [data-background=light][class*=columns--] {
    margin-block-start: calc(var(--spacing-md) * -2);
  }
  .columns[data-background=dark]:has(> [data-background=primary]) .columns__column, .columns[data-background=dark]:has(> [data-background=primary]) [class$=__columns__column], [data-background=dark][class$=__columns]:has(> [data-background=primary]) .columns__column, [data-background=dark][class$=__columns]:has(> [data-background=primary]) [class$=__columns__column], [data-background=dark][class*=columns--]:has(> [data-background=primary]) .columns__column, [data-background=dark][class*=columns--]:has(> [data-background=primary]) [class$=__columns__column],
  .columns[data-background=dark]:has(> [data-background=primary]) [class*=__column],
  [data-background=dark][class$=__columns]:has(> [data-background=primary]) [class*=__column],
  [data-background=dark][class*=columns--]:has(> [data-background=primary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=dark]:has(> [data-background=secondary]) .columns__column, .columns[data-background=dark]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=dark][class$=__columns]:has(> [data-background=secondary]) .columns__column, [data-background=dark][class$=__columns]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=dark][class*=columns--]:has(> [data-background=secondary]) .columns__column, [data-background=dark][class*=columns--]:has(> [data-background=secondary]) [class$=__columns__column],
  .columns[data-background=dark]:has(> [data-background=secondary]) [class*=__column],
  [data-background=dark][class$=__columns]:has(> [data-background=secondary]) [class*=__column],
  [data-background=dark][class*=columns--]:has(> [data-background=secondary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=dark]:has(> [data-background=accent]) .columns__column, .columns[data-background=dark]:has(> [data-background=accent]) [class$=__columns__column], [data-background=dark][class$=__columns]:has(> [data-background=accent]) .columns__column, [data-background=dark][class$=__columns]:has(> [data-background=accent]) [class$=__columns__column], [data-background=dark][class*=columns--]:has(> [data-background=accent]) .columns__column, [data-background=dark][class*=columns--]:has(> [data-background=accent]) [class$=__columns__column],
  .columns[data-background=dark]:has(> [data-background=accent]) [class*=__column],
  [data-background=dark][class$=__columns]:has(> [data-background=accent]) [class*=__column],
  [data-background=dark][class*=columns--]:has(> [data-background=accent]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=dark]:has(> [data-background=info]) .columns__column, .columns[data-background=dark]:has(> [data-background=info]) [class$=__columns__column], [data-background=dark][class$=__columns]:has(> [data-background=info]) .columns__column, [data-background=dark][class$=__columns]:has(> [data-background=info]) [class$=__columns__column], [data-background=dark][class*=columns--]:has(> [data-background=info]) .columns__column, [data-background=dark][class*=columns--]:has(> [data-background=info]) [class$=__columns__column],
  .columns[data-background=dark]:has(> [data-background=info]) [class*=__column],
  [data-background=dark][class$=__columns]:has(> [data-background=info]) [class*=__column],
  [data-background=dark][class*=columns--]:has(> [data-background=info]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=dark]:has(> [data-background=warning]) .columns__column, .columns[data-background=dark]:has(> [data-background=warning]) [class$=__columns__column], [data-background=dark][class$=__columns]:has(> [data-background=warning]) .columns__column, [data-background=dark][class$=__columns]:has(> [data-background=warning]) [class$=__columns__column], [data-background=dark][class*=columns--]:has(> [data-background=warning]) .columns__column, [data-background=dark][class*=columns--]:has(> [data-background=warning]) [class$=__columns__column],
  .columns[data-background=dark]:has(> [data-background=warning]) [class*=__column],
  [data-background=dark][class$=__columns]:has(> [data-background=warning]) [class*=__column],
  [data-background=dark][class*=columns--]:has(> [data-background=warning]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=dark]:has(> [data-background=success]) .columns__column, .columns[data-background=dark]:has(> [data-background=success]) [class$=__columns__column], [data-background=dark][class$=__columns]:has(> [data-background=success]) .columns__column, [data-background=dark][class$=__columns]:has(> [data-background=success]) [class$=__columns__column], [data-background=dark][class*=columns--]:has(> [data-background=success]) .columns__column, [data-background=dark][class*=columns--]:has(> [data-background=success]) [class$=__columns__column],
  .columns[data-background=dark]:has(> [data-background=success]) [class*=__column],
  [data-background=dark][class$=__columns]:has(> [data-background=success]) [class*=__column],
  [data-background=dark][class*=columns--]:has(> [data-background=success]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=dark]:has(> [data-background=error]) .columns__column, .columns[data-background=dark]:has(> [data-background=error]) [class$=__columns__column], [data-background=dark][class$=__columns]:has(> [data-background=error]) .columns__column, [data-background=dark][class$=__columns]:has(> [data-background=error]) [class$=__columns__column], [data-background=dark][class*=columns--]:has(> [data-background=error]) .columns__column, [data-background=dark][class*=columns--]:has(> [data-background=error]) [class$=__columns__column],
  .columns[data-background=dark]:has(> [data-background=error]) [class*=__column],
  [data-background=dark][class$=__columns]:has(> [data-background=error]) [class*=__column],
  [data-background=dark][class*=columns--]:has(> [data-background=error]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=dark]:has(> [data-background=light]) .columns__column, .columns[data-background=dark]:has(> [data-background=light]) [class$=__columns__column], [data-background=dark][class$=__columns]:has(> [data-background=light]) .columns__column, [data-background=dark][class$=__columns]:has(> [data-background=light]) [class$=__columns__column], [data-background=dark][class*=columns--]:has(> [data-background=light]) .columns__column, [data-background=dark][class*=columns--]:has(> [data-background=light]) [class$=__columns__column],
  .columns[data-background=dark]:has(> [data-background=light]) [class*=__column],
  [data-background=dark][class$=__columns]:has(> [data-background=light]) [class*=__column],
  [data-background=dark][class*=columns--]:has(> [data-background=light]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=dark]:has(> [data-background=white]) .columns__column, .columns[data-background=dark]:has(> [data-background=white]) [class$=__columns__column], [data-background=dark][class$=__columns]:has(> [data-background=white]) .columns__column, [data-background=dark][class$=__columns]:has(> [data-background=white]) [class$=__columns__column], [data-background=dark][class*=columns--]:has(> [data-background=white]) .columns__column, [data-background=dark][class*=columns--]:has(> [data-background=white]) [class$=__columns__column],
  .columns[data-background=dark]:has(> [data-background=white]) [class*=__column],
  [data-background=dark][class$=__columns]:has(> [data-background=white]) [class*=__column],
  [data-background=dark][class*=columns--]:has(> [data-background=white]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=dark] + .columns[data-background=dark], [data-background=dark][class$=__columns] + .columns[data-background=dark], .columns[data-background=dark] + [data-background=dark][class$=__columns], [data-background=dark][class$=__columns] + [data-background=dark][class$=__columns], [data-background=dark][class*=columns--] + .columns[data-background=dark], [data-background=dark][class*=columns--] + [data-background=dark][class$=__columns], .columns[data-background=dark] + [data-background=dark][class*=columns--], [data-background=dark][class$=__columns] + [data-background=dark][class*=columns--], [data-background=dark][class*=columns--] + [data-background=dark][class*=columns--] {
    margin-block-start: calc(var(--spacing-md) * -2);
  }
  .columns[data-background=white]:has(> [data-background=primary]) .columns__column, .columns[data-background=white]:has(> [data-background=primary]) [class$=__columns__column], [data-background=white][class$=__columns]:has(> [data-background=primary]) .columns__column, [data-background=white][class$=__columns]:has(> [data-background=primary]) [class$=__columns__column], [data-background=white][class*=columns--]:has(> [data-background=primary]) .columns__column, [data-background=white][class*=columns--]:has(> [data-background=primary]) [class$=__columns__column],
  .columns[data-background=white]:has(> [data-background=primary]) [class*=__column],
  [data-background=white][class$=__columns]:has(> [data-background=primary]) [class*=__column],
  [data-background=white][class*=columns--]:has(> [data-background=primary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=white]:has(> [data-background=secondary]) .columns__column, .columns[data-background=white]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=white][class$=__columns]:has(> [data-background=secondary]) .columns__column, [data-background=white][class$=__columns]:has(> [data-background=secondary]) [class$=__columns__column], [data-background=white][class*=columns--]:has(> [data-background=secondary]) .columns__column, [data-background=white][class*=columns--]:has(> [data-background=secondary]) [class$=__columns__column],
  .columns[data-background=white]:has(> [data-background=secondary]) [class*=__column],
  [data-background=white][class$=__columns]:has(> [data-background=secondary]) [class*=__column],
  [data-background=white][class*=columns--]:has(> [data-background=secondary]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=white]:has(> [data-background=accent]) .columns__column, .columns[data-background=white]:has(> [data-background=accent]) [class$=__columns__column], [data-background=white][class$=__columns]:has(> [data-background=accent]) .columns__column, [data-background=white][class$=__columns]:has(> [data-background=accent]) [class$=__columns__column], [data-background=white][class*=columns--]:has(> [data-background=accent]) .columns__column, [data-background=white][class*=columns--]:has(> [data-background=accent]) [class$=__columns__column],
  .columns[data-background=white]:has(> [data-background=accent]) [class*=__column],
  [data-background=white][class$=__columns]:has(> [data-background=accent]) [class*=__column],
  [data-background=white][class*=columns--]:has(> [data-background=accent]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=white]:has(> [data-background=info]) .columns__column, .columns[data-background=white]:has(> [data-background=info]) [class$=__columns__column], [data-background=white][class$=__columns]:has(> [data-background=info]) .columns__column, [data-background=white][class$=__columns]:has(> [data-background=info]) [class$=__columns__column], [data-background=white][class*=columns--]:has(> [data-background=info]) .columns__column, [data-background=white][class*=columns--]:has(> [data-background=info]) [class$=__columns__column],
  .columns[data-background=white]:has(> [data-background=info]) [class*=__column],
  [data-background=white][class$=__columns]:has(> [data-background=info]) [class*=__column],
  [data-background=white][class*=columns--]:has(> [data-background=info]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=white]:has(> [data-background=warning]) .columns__column, .columns[data-background=white]:has(> [data-background=warning]) [class$=__columns__column], [data-background=white][class$=__columns]:has(> [data-background=warning]) .columns__column, [data-background=white][class$=__columns]:has(> [data-background=warning]) [class$=__columns__column], [data-background=white][class*=columns--]:has(> [data-background=warning]) .columns__column, [data-background=white][class*=columns--]:has(> [data-background=warning]) [class$=__columns__column],
  .columns[data-background=white]:has(> [data-background=warning]) [class*=__column],
  [data-background=white][class$=__columns]:has(> [data-background=warning]) [class*=__column],
  [data-background=white][class*=columns--]:has(> [data-background=warning]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=white]:has(> [data-background=success]) .columns__column, .columns[data-background=white]:has(> [data-background=success]) [class$=__columns__column], [data-background=white][class$=__columns]:has(> [data-background=success]) .columns__column, [data-background=white][class$=__columns]:has(> [data-background=success]) [class$=__columns__column], [data-background=white][class*=columns--]:has(> [data-background=success]) .columns__column, [data-background=white][class*=columns--]:has(> [data-background=success]) [class$=__columns__column],
  .columns[data-background=white]:has(> [data-background=success]) [class*=__column],
  [data-background=white][class$=__columns]:has(> [data-background=success]) [class*=__column],
  [data-background=white][class*=columns--]:has(> [data-background=success]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=white]:has(> [data-background=error]) .columns__column, .columns[data-background=white]:has(> [data-background=error]) [class$=__columns__column], [data-background=white][class$=__columns]:has(> [data-background=error]) .columns__column, [data-background=white][class$=__columns]:has(> [data-background=error]) [class$=__columns__column], [data-background=white][class*=columns--]:has(> [data-background=error]) .columns__column, [data-background=white][class*=columns--]:has(> [data-background=error]) [class$=__columns__column],
  .columns[data-background=white]:has(> [data-background=error]) [class*=__column],
  [data-background=white][class$=__columns]:has(> [data-background=error]) [class*=__column],
  [data-background=white][class*=columns--]:has(> [data-background=error]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=white]:has(> [data-background=light]) .columns__column, .columns[data-background=white]:has(> [data-background=light]) [class$=__columns__column], [data-background=white][class$=__columns]:has(> [data-background=light]) .columns__column, [data-background=white][class$=__columns]:has(> [data-background=light]) [class$=__columns__column], [data-background=white][class*=columns--]:has(> [data-background=light]) .columns__column, [data-background=white][class*=columns--]:has(> [data-background=light]) [class$=__columns__column],
  .columns[data-background=white]:has(> [data-background=light]) [class*=__column],
  [data-background=white][class$=__columns]:has(> [data-background=light]) [class*=__column],
  [data-background=white][class*=columns--]:has(> [data-background=light]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=white]:has(> [data-background=dark]) .columns__column, .columns[data-background=white]:has(> [data-background=dark]) [class$=__columns__column], [data-background=white][class$=__columns]:has(> [data-background=dark]) .columns__column, [data-background=white][class$=__columns]:has(> [data-background=dark]) [class$=__columns__column], [data-background=white][class*=columns--]:has(> [data-background=dark]) .columns__column, [data-background=white][class*=columns--]:has(> [data-background=dark]) [class$=__columns__column],
  .columns[data-background=white]:has(> [data-background=dark]) [class*=__column],
  [data-background=white][class$=__columns]:has(> [data-background=dark]) [class*=__column],
  [data-background=white][class*=columns--]:has(> [data-background=dark]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .columns[data-background=white] + .columns[data-background=white], [data-background=white][class$=__columns] + .columns[data-background=white], .columns[data-background=white] + [data-background=white][class$=__columns], [data-background=white][class$=__columns] + [data-background=white][class$=__columns], [data-background=white][class*=columns--] + .columns[data-background=white], [data-background=white][class*=columns--] + [data-background=white][class$=__columns], .columns[data-background=white] + [data-background=white][class*=columns--], [data-background=white][class$=__columns] + [data-background=white][class*=columns--], [data-background=white][class*=columns--] + [data-background=white][class*=columns--] {
    margin-block-start: calc(var(--spacing-md) * -2);
  }
  .columns:not([data-background]):has(> [data-background]) .columns__column, .columns:not([data-background]):has(> [data-background]) [class$=__columns__column], [class$=__columns]:not([data-background]):has(> [data-background]) .columns__column, [class$=__columns]:not([data-background]):has(> [data-background]) [class$=__columns__column], [class*=columns--]:not([data-background]):has(> [data-background]) .columns__column, [class*=columns--]:not([data-background]):has(> [data-background]) [class$=__columns__column],
  .columns:not([data-background]):has(> [data-background]) [class*=__column],
  [class$=__columns]:not([data-background]):has(> [data-background]) [class*=__column],
  [class*=columns--]:not([data-background]):has(> [data-background]) [class*=__column] {
    padding: var(--spacing-md);
  }
  .image--advanced, [class$=__image--advanced], [class*=image--advanced--] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: fit-content;
    overflow: hidden;
    margin: 0;
  }
  .image--advanced:has([data-style=rounded]), [class$=__image--advanced]:has([data-style=rounded]), [class*=image--advanced--]:has([data-style=rounded]) {
    border-radius: 100%;
  }
  .image--advanced:has([data-style=polaroid]), [class$=__image--advanced]:has([data-style=polaroid]), [class*=image--advanced--]:has([data-style=polaroid]) {
    border: 0.75rem solid white;
    box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.2);
  }
  .image--advanced__image, [class$=__image--advanced__image] {
    overflow: hidden;
    min-width: 100%;
    transform: translateX(0);
  }
  .image--advanced__image:not([data-original-orientation]) img, [class$=__image--advanced__image]:not([data-original-orientation]) img {
    width: 100%;
    height: 100%;
  }
  .image--advanced__image[data-original-orientation=horizontal], [data-original-orientation=horizontal][class$=__image--advanced__image] {
    container-type: size;
  }
  .image--advanced__image[data-original-orientation=horizontal] img, [data-original-orientation=horizontal][class$=__image--advanced__image] img {
    height: 100cqh;
    width: auto;
  }
  .image--advanced__image[data-original-orientation=vertical] img, [data-original-orientation=vertical][class$=__image--advanced__image] img {
    width: calc(100% - var(--offset-x, 0));
    height: calc(100cqh - var(--offset-y, 0));
  }
  .image--advanced__image__inner, [class$=__image--advanced__image__inner] {
    min-width: 100%;
    overflow: visible;
    max-width: none !important;
    width: fit-content;
    height: fit-content;
    transition: all 0.3s ease-in-out;
    position: relative;
    left: var(--offset-x, 0);
    top: var(--offset-y, 0);
  }
  .image--advanced__image__inner img, [class$=__image--advanced__image__inner] img {
    object-fit: cover;
    min-width: 100%;
  }
  .image--advanced__caption, [class$=__image--advanced__caption] {
    font-size: var(--font-size-sm);
    display: block;
    text-align: center;
    margin-block-start: var(--spacing-xxs);
    opacity: 0.8;
  }
  .image--basic:not(.gallery .image--basic,
  .gallery [class*=image--basic]):not(:first-child):not(:last-child),
  [class*=image--basic]:not(.gallery .image--basic,
  .gallery [class*=image--basic]):not(:first-child):not(:last-child) {
    margin-block: var(--spacing-md);
  }
  .image--basic[data-align=left],
  [class*=image--basic][data-align=left] {
    float: left;
    margin-right: var(--spacing-md);
  }
  .image--basic[data-align=right],
  [class*=image--basic][data-align=right] {
    float: right;
    margin-left: var(--spacing-md);
  }
  .image--basic[data-align=center],
  [class*=image--basic][data-align=center] {
    width: auto;
    margin: 0 auto;
    display: block;
  }
  .image--basic img,
  [class*=image--basic] img {
    display: block;
    max-width: 100%;
  }
  .image--basic[data-style=rounded] img,
  [class*=image--basic][data-style=rounded] img {
    border-radius: 100%;
  }
  .image--basic[data-style=polaroid] img,
  [class*=image--basic][data-style=polaroid] img {
    border: 0.75rem solid white;
    box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.2);
  }
  .image--basic[data-behaviour=cover] img,
  [class*=image--basic][data-behaviour=cover] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .image--basic[data-behaviour=contain] img,
  [class*=image--basic][data-behaviour=contain] img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  figure[class$=__image]:has(figcaption) {
    gap: var(--spacing-sm);
    align-items: center;
  }
  figure[class$=__image]:has(figcaption)[data-orientation=vertical] {
    text-align: center;
  }
  .copy:is(div), [class$=__copy]:is(div), [class*=copy--]:is(div) {
    padding-block: var(--spacing-xl);
  }
  .cover-image:has([data-parallax=true]), [class$=__cover-image]:has([data-parallax=true]), [class*=cover-image--]:has([data-parallax=true]) {
    clip-path: inset(0 0 0 0);
  }
  .cover-image__image, [class$=__cover-image__image] {
    height: 100%;
  }
  .cover-image__image img, [class$=__cover-image__image] img {
    width: 100%;
    height: 100%;
    object-position: var(--focal-point-x) var(--focal-point-y);
    object-fit: cover;
  }
  .cover-image__image[data-parallax=true], [data-parallax=true][class$=__cover-image__image] {
    position: static;
    height: 100%;
  }
  .cover-image__image[data-parallax=true] img, [data-parallax=true][class$=__cover-image__image] img {
    position: fixed;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center bottom;
  }
  .date, [class$=__date], [class*=date--] {
    min-width: 3rem;
    max-width: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xxs);
    flex-direction: column;
    background: var(--theme-color);
    color: var(--theme-color-inverse);
  }
  .date__day, [class$=__date__day], .date__day-number, [class$=__date__day-number], .date__month, [class$=__date__month], .date__year, [class$=__date__year] {
    display: block;
    text-align: center;
    line-height: 1;
    font-weight: var(--font-weight-light);
  }
  .date__day, [class$=__date__day] {
    font-size: var(--font-size-sm);
  }
  .date__day-number, [class$=__date__day-number] {
    font-weight: var(--font-weight-bold);
    font-size: calc(1rem * var(--typescale) * var(--typescale));
  }
  .date, .date--range, [class$=__date], [class*=date--] {
    min-width: 3rem;
    max-width: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xxs);
    flex-direction: column;
    background: var(--theme-color);
    color: var(--theme-color-inverse);
  }
  .date__day, .date--range__days, [class$=__date__day], .date__day-number, .date--range__day-number, [class$=__date__day-number], .date__month, .date--range__month, [class$=__date__month], .date__year, .date--range__year, [class$=__date__year] {
    display: block;
    text-align: center;
    line-height: 1;
    font-weight: var(--font-weight-light);
  }
  .date__day, .date--range__days, [class$=__date__day] {
    font-size: var(--font-size-sm);
  }
  .date__day-number, .date--range__day-number, [class$=__date__day-number] {
    font-weight: var(--font-weight-bold);
    font-size: calc(1rem * var(--typescale) * var(--typescale));
  }
  .details__summary {
    cursor: pointer;
  }
  .event-card, [class$=__event-card], [class*=event-card--] {
    border: 1px solid color-mix(in srgb, var(--color-light) 90%, black);
    display: grid;
    grid-template-columns: 1fr 4fr;
    min-height: 6rem;
  }
  .event-card .date, [class$=__event-card] .date, [class*=event-card--] .date,
  .event-card [class*=date],
  [class$=__event-card] [class*=date],
  [class*=event-card--] [class*=date] {
    width: 100%;
    max-width: 100%;
  }
  .event-card__content, [class$=__event-card__content] {
    padding: var(--spacing-sm);
    display: flex;
    flex-direction: column;
    background: white;
  }
  .event-card__content h3, [class$=__event-card__content] h3 {
    margin-block: 0;
    font-size: var(--font-size-base);
    color: var(--theme-color);
  }
  .event-card .icon-with-text, [class$=__event-card] .icon-with-text, [class*=event-card--] .icon-with-text {
    align-items: flex-start;
  }
  .event-card .icon-with-text__icon, [class$=__event-card] .icon-with-text__icon, [class*=event-card--] .icon-with-text__icon {
    width: fit-content;
    height: auto;
    min-width: 1.4rem;
    flex-basis: auto;
  }
  .event-card .icon-with-text__icon i, [class$=__event-card] .icon-with-text__icon i, [class*=event-card--] .icon-with-text__icon i, .event-card .icon-with-text__icon svg, [class$=__event-card] .icon-with-text__icon svg, [class*=event-card--] .icon-with-text__icon svg {
    font-size: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
  }
  .event-card .icon-with-text__content, [class$=__event-card] .icon-with-text__content, [class*=event-card--] .icon-with-text__content {
    padding-block-start: var(--spacing-xxs);
  }
  .event-card .icon-with-text__content p, [class$=__event-card] .icon-with-text__content p, [class*=event-card--] .icon-with-text__content p {
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-sm);
    color: var(--color-dark);
  }
  .event-card .link-group, [class$=__event-card] .link-group, [class*=event-card--] .link-group {
    margin-block-start: auto;
    padding-block-start: var(--spacing-md);
    justify-content: flex-end;
  }
  .files__file-group__file {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--spacing-sm);
    margin-block-end: var(--spacing-sm);
    text-decoration: none;
    padding: var(--spacing-sm);
    transition: background 0.2s linear;
    font-size: 1rem;
  }
  [data-color-theme=primary] .files__file-group__file, .files__file-group__file[data-color-theme=primary] {
    background: color-mix(in srgb, var(--color-primary) 10%, white);
  }
  [data-color-theme=primary] .files__file-group__file:hover, [data-color-theme=primary] .files__file-group__file:focus, [data-color-theme=primary] .files__file-group__file:active, .files__file-group__file[data-color-theme=primary]:hover, .files__file-group__file[data-color-theme=primary]:focus, .files__file-group__file[data-color-theme=primary]:active {
    background: color-mix(in srgb, var(--color-primary) 20%, white);
    color: var(--color-primary);
  }
  [data-color-theme=secondary] .files__file-group__file, .files__file-group__file[data-color-theme=secondary] {
    background: color-mix(in srgb, var(--color-secondary) 10%, white);
  }
  [data-color-theme=secondary] .files__file-group__file:hover, [data-color-theme=secondary] .files__file-group__file:focus, [data-color-theme=secondary] .files__file-group__file:active, .files__file-group__file[data-color-theme=secondary]:hover, .files__file-group__file[data-color-theme=secondary]:focus, .files__file-group__file[data-color-theme=secondary]:active {
    background: color-mix(in srgb, var(--color-secondary) 20%, white);
    color: var(--color-secondary);
  }
  [data-color-theme=accent] .files__file-group__file, .files__file-group__file[data-color-theme=accent] {
    background: color-mix(in srgb, var(--color-accent) 10%, white);
  }
  [data-color-theme=accent] .files__file-group__file:hover, [data-color-theme=accent] .files__file-group__file:focus, [data-color-theme=accent] .files__file-group__file:active, .files__file-group__file[data-color-theme=accent]:hover, .files__file-group__file[data-color-theme=accent]:focus, .files__file-group__file[data-color-theme=accent]:active {
    background: color-mix(in srgb, var(--color-accent) 20%, white);
    color: var(--color-accent);
  }
  [data-color-theme=info] .files__file-group__file, .files__file-group__file[data-color-theme=info] {
    background: color-mix(in srgb, var(--color-info) 10%, white);
  }
  [data-color-theme=info] .files__file-group__file:hover, [data-color-theme=info] .files__file-group__file:focus, [data-color-theme=info] .files__file-group__file:active, .files__file-group__file[data-color-theme=info]:hover, .files__file-group__file[data-color-theme=info]:focus, .files__file-group__file[data-color-theme=info]:active {
    background: color-mix(in srgb, var(--color-info) 20%, white);
    color: var(--color-info);
  }
  [data-color-theme=warning] .files__file-group__file, .files__file-group__file[data-color-theme=warning] {
    background: color-mix(in srgb, var(--color-warning) 10%, white);
  }
  [data-color-theme=warning] .files__file-group__file:hover, [data-color-theme=warning] .files__file-group__file:focus, [data-color-theme=warning] .files__file-group__file:active, .files__file-group__file[data-color-theme=warning]:hover, .files__file-group__file[data-color-theme=warning]:focus, .files__file-group__file[data-color-theme=warning]:active {
    background: color-mix(in srgb, var(--color-warning) 20%, white);
    color: var(--color-warning);
  }
  [data-color-theme=success] .files__file-group__file, .files__file-group__file[data-color-theme=success] {
    background: color-mix(in srgb, var(--color-success) 10%, white);
  }
  [data-color-theme=success] .files__file-group__file:hover, [data-color-theme=success] .files__file-group__file:focus, [data-color-theme=success] .files__file-group__file:active, .files__file-group__file[data-color-theme=success]:hover, .files__file-group__file[data-color-theme=success]:focus, .files__file-group__file[data-color-theme=success]:active {
    background: color-mix(in srgb, var(--color-success) 20%, white);
    color: var(--color-success);
  }
  [data-color-theme=error] .files__file-group__file, .files__file-group__file[data-color-theme=error] {
    background: color-mix(in srgb, var(--color-error) 10%, white);
  }
  [data-color-theme=error] .files__file-group__file:hover, [data-color-theme=error] .files__file-group__file:focus, [data-color-theme=error] .files__file-group__file:active, .files__file-group__file[data-color-theme=error]:hover, .files__file-group__file[data-color-theme=error]:focus, .files__file-group__file[data-color-theme=error]:active {
    background: color-mix(in srgb, var(--color-error) 20%, white);
    color: var(--color-error);
  }
  [data-color-theme=light] .files__file-group__file, .files__file-group__file[data-color-theme=light] {
    background: color-mix(in srgb, var(--color-light) 10%, white);
  }
  [data-color-theme=light] .files__file-group__file:hover, [data-color-theme=light] .files__file-group__file:focus, [data-color-theme=light] .files__file-group__file:active, .files__file-group__file[data-color-theme=light]:hover, .files__file-group__file[data-color-theme=light]:focus, .files__file-group__file[data-color-theme=light]:active {
    background: color-mix(in srgb, var(--color-light) 20%, white);
    color: var(--color-light);
  }
  [data-color-theme=dark] .files__file-group__file, .files__file-group__file[data-color-theme=dark] {
    background: color-mix(in srgb, var(--color-dark) 10%, white);
  }
  [data-color-theme=dark] .files__file-group__file:hover, [data-color-theme=dark] .files__file-group__file:focus, [data-color-theme=dark] .files__file-group__file:active, .files__file-group__file[data-color-theme=dark]:hover, .files__file-group__file[data-color-theme=dark]:focus, .files__file-group__file[data-color-theme=dark]:active {
    background: color-mix(in srgb, var(--color-dark) 20%, white);
    color: var(--color-dark);
  }
  [data-color-theme=white] .files__file-group__file, .files__file-group__file[data-color-theme=white] {
    background: color-mix(in srgb, var(--color-white) 10%, white);
  }
  [data-color-theme=white] .files__file-group__file:hover, [data-color-theme=white] .files__file-group__file:focus, [data-color-theme=white] .files__file-group__file:active, .files__file-group__file[data-color-theme=white]:hover, .files__file-group__file[data-color-theme=white]:focus, .files__file-group__file[data-color-theme=white]:active {
    background: color-mix(in srgb, var(--color-white) 20%, white);
    color: var(--color-white);
  }
  .files__file-group__file__icon {
    font-size: 2rem;
  }
  [data-color-theme=primary] .files__file-group__file__icon {
    color: var(--color-primary);
  }
  [data-color-theme=secondary] .files__file-group__file__icon {
    color: var(--color-secondary);
  }
  [data-color-theme=accent] .files__file-group__file__icon {
    color: var(--color-accent);
  }
  [data-color-theme=info] .files__file-group__file__icon {
    color: var(--color-info);
  }
  [data-color-theme=warning] .files__file-group__file__icon {
    color: var(--color-warning);
  }
  [data-color-theme=success] .files__file-group__file__icon {
    color: var(--color-success);
  }
  [data-color-theme=error] .files__file-group__file__icon {
    color: var(--color-error);
  }
  [data-color-theme=light] .files__file-group__file__icon {
    color: var(--color-light);
  }
  [data-color-theme=dark] .files__file-group__file__icon {
    color: var(--color-dark);
  }
  [data-color-theme=white] .files__file-group__file__icon {
    color: var(--color-white);
  }
  .files__file-group__file__content:has(> :only-child) {
    display: flex;
    align-items: center;
  }
  .files__file-group__file__content__title {
    font-weight: var(--font-weight-semibold);
    display: block;
  }
  [data-color-theme=primary] .files__file-group__file__content__title {
    color: var(--color-primary);
  }
  [data-color-theme=secondary] .files__file-group__file__content__title {
    color: var(--color-secondary);
  }
  [data-color-theme=accent] .files__file-group__file__content__title {
    color: var(--color-accent);
  }
  [data-color-theme=info] .files__file-group__file__content__title {
    color: var(--color-info);
  }
  [data-color-theme=warning] .files__file-group__file__content__title {
    color: var(--color-warning);
  }
  [data-color-theme=success] .files__file-group__file__content__title {
    color: var(--color-success);
  }
  [data-color-theme=error] .files__file-group__file__content__title {
    color: var(--color-error);
  }
  [data-color-theme=light] .files__file-group__file__content__title {
    color: var(--color-light);
  }
  [data-color-theme=dark] .files__file-group__file__content__title {
    color: var(--color-dark);
  }
  [data-color-theme=white] .files__file-group__file__content__title {
    color: var(--color-white);
  }
  .files__file-group__file__content__description {
    display: block;
    font-size: var(--font-size-sm);
    line-height: 1.3;
    font-weight: var(--font-weight-light);
  }
  .files__file-group__file__content__meta {
    margin-block-start: var(--spacing-xxs);
    display: flex;
    gap: var(--spacing-sm);
    justify-content: flex-end;
  }
  .files__file-group__file__content__meta__size, .files__file-group__file__content__meta__date {
    font-size: var(--font-size-sm);
  }
  /*!
   * baguetteBox.js
   * @author  feimosi
   * @version %%INJECT_VERSION%%
   * @url https://github.com/feimosi/baguetteBox.js
   */
  #baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    background-color: #222;
    background-color: rgba(0, 0, 0, 0.8);
    transition: opacity 0.5s ease;
  }
  #baguetteBox-overlay.visible {
    opacity: 1;
  }
  #baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
  }
  #baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%;
  }
  #baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  }
  #baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    white-space: normal;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    font-family: sans-serif;
  }
  #baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
  }
  #baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    transition: left 0.4s ease, transform 0.4s ease;
  }
  #baguetteBox-slider.bounce-from-right {
    animation: bounceFromRight 0.4s ease-out;
  }
  #baguetteBox-slider.bounce-from-left {
    animation: bounceFromLeft 0.4s ease-out;
  }
  @keyframes bounceFromRight {
    0% {
      margin-left: 0;
    }
    50% {
      margin-left: -30px;
    }
    100% {
      margin-left: 0;
    }
  }
  @keyframes bounceFromLeft {
    0% {
      margin-left: 0;
    }
    50% {
      margin-left: 30px;
    }
    100% {
      margin-left: 0;
    }
  }
  .baguetteBox-button#previous-button, .baguetteBox-button#next-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px;
  }
  .baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: none;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, 0.5);
    color: #ddd;
    font: 1.6em sans-serif;
    transition: background-color 0.4s ease;
  }
  .baguetteBox-button:focus, .baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, 0.9);
  }
  .baguetteBox-button#next-button {
    right: 2%;
  }
  .baguetteBox-button#previous-button {
    left: 2%;
  }
  .baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px;
  }
  .baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0;
  }
  /*
      Preloader
      Borrowed from http://tobiasahlin.com/spinkit/
  */
  .baguetteBox-spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
  }
  .baguetteBox-double-bounce1,
  .baguetteBox-double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    animation: bounce 2s infinite ease-in-out;
  }
  .baguetteBox-double-bounce2 {
    animation-delay: -1s;
  }
  @keyframes bounce {
    0%, 100% {
      transform: scale(0);
    }
    50% {
      transform: scale(1);
    }
  }
  .gallery {
    display: grid;
    grid-gap: var(--spacing-md);
    margin-block: var(--spacing-md);
    padding-block: var(--spacing-lg);
  }
  @media (min-width: 768px) {
    .gallery {
      padding-block: var(--spacing-xl);
    }
  }
  @media (min-width: 1440px) {
    .gallery {
      padding-block: var(--spacing-xxl);
    }
  }
  .gallery__image {
    margin: 0;
    overflow: hidden;
  }
  .gallery__image__caption {
    display: block;
    text-align: center;
    font-size: var(--font-size-xs);
    line-height: 1;
    margin-block-start: var(--spacing-xxs);
  }
  .gallery__image [data-aspect-ratio], .gallery__image[data-aspect-ratio] {
    display: block;
  }
  .gallery__image[data-behaviour=cover] img,
  .gallery__image [data-behaviour=cover] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .gallery__image[data-behaviour=contain] img,
  .gallery__image [data-behaviour=contain] img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  .gallery__caption {
    display: block;
    text-align: center;
    grid-column: 1/-1;
  }
  #baguetteBox-overlay {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
  #baguetteBox-slider figure figcaption {
    padding: var(--spacing-md);
    font-family: var(--font-family-body) !important;
  }
  .icon-links, [class$=__icon-links], [class*=icon-links--] {
    display: flex;
    gap: var(--spacing-sm);
    padding: 0 var(--spacing-sm);
  }
  .icon-links__item, [class$=__icon-links__item] {
    font-size: 1.5rem;
    display: inline-block;
    text-decoration: none;
  }
  .icon-links__item:hover, [class$=__icon-links__item]:hover, .icon-links__item:focus, [class$=__icon-links__item]:focus, .icon-links__item:active, [class$=__icon-links__item]:active {
    color: var(--color-accent);
  }
  .icon-with-text, [class$=__icon-with-text], [class*=icon-with-text--] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--spacing-sm);
    padding-block: var(--spacing-xs);
  }
  .icon-with-text__icon, [class$=__icon-with-text__icon] {
    width: 2rem;
    min-width: 2rem;
    flex-basis: 2rem;
    overflow-x: hidden;
    color: var(--theme-color);
  }
  .icon-with-text__icon i, [class$=__icon-with-text__icon] i, .icon-with-text__icon svg, [class$=__icon-with-text__icon] svg {
    font-size: 2rem;
  }
  .icon-with-text__content, [class$=__icon-with-text__content] {
    flex-grow: 1;
    flex-basis: auto;
  }
  .icon-with-text__content p, [class$=__icon-with-text__content] p {
    color: var(--color-dark);
    line-height: 1.2;
  }
  .icon-with-text__content p span, [class$=__icon-with-text__content] p span {
    display: block;
  }
  .icon-with-text__content p span:first-child, [class$=__icon-with-text__content] p span:first-child {
    font-size: var(--font-size-sm);
    color: color-mix(in srgb, var(--color-dark) 80%, white);
  }
  .image-and-text {
    display: flex;
    flex-direction: column;
  }
  .image-and-text__image, .image-and-text__content {
    display: flex;
  }
  @container layout-section (max-width: 768px) {
    .image-and-text__image__inner {
      max-width: 100% !important;
      flex-basis: 100% !important;
    }
  }
  @container layout-section (max-width: var(--width-narrower)) {
    .image-and-text__image__inner {
      max-width: 100% !important;
      flex-basis: 100% !important;
    }
  }
  .image-and-text__image img {
    max-width: 100%;
  }
  .image-and-text__content {
    position: relative;
    z-index: 200;
  }
  @container layout-section (max-width: 768px) {
    .image-and-text__content__inner {
      max-width: 100% !important;
      flex-basis: 100% !important;
    }
  }
  @container layout-section (max-width: var(--width-narrower)) {
    .image-and-text__content__inner {
      max-width: 100% !important;
      flex-basis: 100% !important;
    }
  }
  .image-and-text__content:nth-of-type(1) {
    margin-block-end: var(--overlay-amount);
  }
  @container layout-section (min-width: 768px) {
    .image-and-text__content:nth-of-type(2) {
      margin-block-start: var(--overlay-amount);
    }
  }
  @container layout-section (min-width: var(--width-narrower)) {
    .image-and-text__content:nth-of-type(2) {
      margin-block-start: var(--overlay-amount);
    }
  }
  .links__link-group, [class$=__links__link-group] {
    width: 100%;
  }
  .links__link-group[data-group-layout=inline], [data-group-layout=inline][class$=__links__link-group] {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-md);
  }
  .links__link-group__link {
    margin-block-end: var(--spacing-sm);
    text-decoration: none;
    padding: var(--spacing-sm);
    transition: background 0.2s linear;
    font-size: 1rem;
    background: color-mix(in srgb, var(--theme-color) 10%, white);
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    grid-column-gap: var(--spacing-sm);
  }
  .links__link-group__link:hover, .links__link-group__link:focus, .links__link-group__link:active {
    background: color-mix(in srgb, var(--theme-color) 20%, white);
    color: var(--theme-color);
  }
  [data-group-layout=grid] .links__link-group__link {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  [data-group-layout=inline] .links__link-group__link {
    display: inline-flex;
    flex-direction: row-reverse;
    gap: var(--spacing-xxs);
    padding: 0;
    background: transparent;
    color: var(--theme-color);
    font-size: var(--font-size-sm);
    margin-block: 0;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    text-decoration-color: transparent;
    transition: all 0.3s ease-in-out;
  }
  [data-group-layout=inline] .links__link-group__link:hover, [data-group-layout=inline] .links__link-group__link:focus, [data-group-layout=inline] .links__link-group__link:active {
    text-decoration-color: currentColor;
  }
  [data-group-layout=inline] .links__link-group__link:has(> span) {
    text-decoration: none;
  }
  [data-group-layout=inline] .links__link-group__link:has(> span) > span:not(:has(svg)):not(:has(i)) {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    transition: all 0.3s ease;
    text-decoration-color: transparent;
  }
  [data-group-layout=inline] .links__link-group__link:has(> span):hover > span:not(:has(svg)):not(:has(i)), [data-group-layout=inline] .links__link-group__link:has(> span):focus > span:not(:has(svg)):not(:has(i)), [data-group-layout=inline] .links__link-group__link:has(> span):active > span:not(:has(svg)):not(:has(i)) {
    text-decoration-color: currentColor;
  }
  [data-group-layout=inline] .links__link-group__link:hover, [data-group-layout=inline] .links__link-group__link:focus, [data-group-layout=inline] .links__link-group__link:active {
    color: color-mix(in srgb, var(--theme-color) 90%, black);
    text-decoration-color: currentColor;
  }
  .links__link-group__link__icon {
    font-size: 1.25rem;
    color: var(--theme-color);
    grid-row: span 2;
  }
  [data-group-layout=inline] .links__link-group__link__icon {
    font-size: 1em;
  }
  .links__link-group__link__label, .links__link-group__link__description {
    display: block;
  }
  .links__link-group__link__label {
    font-weight: var(--font-weight-bold);
    display: block;
    color: var(--theme-color);
  }
  [data-group-layout=inline] .links__link-group__link__label {
    font-weight: var(--font-weight-normal);
  }
  .links__link-group__link__description {
    display: block;
    font-size: var(--font-size-sm);
  }
  .page-header .breadcrumbs {
    width: 100%;
    flex-basis: 100%;
  }
  .page-header .breadcrumbs__list {
    margin-block-start: 0;
  }
  .page-header h1 {
    margin-top: var(--spacing-xs);
    margin-bottom: 0;
    width: 100%;
    flex-basis: 100%;
  }
  .page-header__container[data-halign=center] {
    text-align: center;
  }
  .post-nav, [class$=__post-nav], [class*=post-nav--] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
  }
  @container (min-width: 800px) {
    .post-nav, [class$=__post-nav], [class*=post-nav--] {
      grid-template-columns: repeat(10, 1fr);
    }
  }
  .post-nav:not(:first-child), [class$=__post-nav]:not(:first-child), [class*=post-nav--]:not(:first-child) {
    margin-block-start: var(--spacing-md);
  }
  .post-nav__link, [class$=__post-nav__link] {
    color: var(--theme-color);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    text-decoration-color: transparent;
    transition: all 0.3s ease-in-out;
  }
  .post-nav__link:hover, [class$=__post-nav__link]:hover, .post-nav__link:focus, [class$=__post-nav__link]:focus, .post-nav__link:active, [class$=__post-nav__link]:active {
    text-decoration-color: currentColor;
  }
  .post-nav__link:has(> span), [class$=__post-nav__link]:has(> span) {
    text-decoration: none;
  }
  .post-nav__link:has(> span) > span:not(:has(svg)):not(:has(i)), [class$=__post-nav__link]:has(> span) > span:not(:has(svg)):not(:has(i)) {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    transition: all 0.3s ease;
    text-decoration-color: transparent;
  }
  .post-nav__link:has(> span):hover > span:not(:has(svg)):not(:has(i)), [class$=__post-nav__link]:has(> span):hover > span:not(:has(svg)):not(:has(i)), .post-nav__link:has(> span):focus > span:not(:has(svg)):not(:has(i)), [class$=__post-nav__link]:has(> span):focus > span:not(:has(svg)):not(:has(i)), .post-nav__link:has(> span):active > span:not(:has(svg)):not(:has(i)), [class$=__post-nav__link]:has(> span):active > span:not(:has(svg)):not(:has(i)) {
    text-decoration-color: currentColor;
  }
  @container (min-width: 800px) {
    .post-nav__link, [class$=__post-nav__link] {
      grid-column: span 3;
    }
  }
  .post-nav__link__label > span, [class$=__post-nav__link__label] > span {
    display: block;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
  }
  .post-nav__link__icon, [class$=__post-nav__link__icon] {
    transition: all 0.2s ease;
  }
  .post-nav__link[data-action=previous]:hover [class$=__icon], [data-action=previous][class$=__post-nav__link]:hover [class$=__icon], .post-nav__link[data-action=previous]:focus [class$=__icon], [data-action=previous][class$=__post-nav__link]:focus [class$=__icon], .post-nav__link[data-action=previous]:active [class$=__icon], [data-action=previous][class$=__post-nav__link]:active [class$=__icon] {
    transform: translateX(-0.5rem);
  }
  .post-nav__link[data-action=next], [data-action=next][class$=__post-nav__link] {
    text-align: end;
    grid-column: -1;
  }
  .post-nav__link[data-action=next]:hover [class$=__icon], [data-action=next][class$=__post-nav__link]:hover [class$=__icon], .post-nav__link[data-action=next]:focus [class$=__icon], [data-action=next][class$=__post-nav__link]:focus [class$=__icon], .post-nav__link[data-action=next]:active [class$=__icon], [data-action=next][class$=__post-nav__link]:active [class$=__icon] {
    transform: translateX(0.5rem);
  }
  .pullquote {
    text-align: center;
    padding: var(--spacing-md);
    margin-block: var(--spacing-lg);
    position: relative;
  }
  .pullquote::before, .pullquote::after {
    font-family: var(--font-family-accent);
    font-size: 12rem;
    position: absolute;
    height: 4rem;
  }
  .pullquote::before {
    content: open-quote;
    top: 0;
    left: 0;
    transform: rotate(15deg) translateY(-2.5rem) translateX(-1rem);
    transform-origin: center center;
  }
  .pullquote::after {
    content: close-quote;
    bottom: var(--spacing-lg);
    transform: rotate(15deg) translateX(1rem);
    right: 0;
  }
  .pullquote[data-color-theme=primary] {
    color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 5%, white);
  }
  .pullquote[data-color-theme=primary]::before, .pullquote[data-color-theme=primary]::after {
    color: color-mix(in srgb, var(--color-primary) 25%, white);
  }
  .pullquote[data-color-theme=secondary] {
    color: var(--color-secondary);
    background: color-mix(in srgb, var(--color-secondary) 5%, white);
  }
  .pullquote[data-color-theme=secondary]::before, .pullquote[data-color-theme=secondary]::after {
    color: color-mix(in srgb, var(--color-secondary) 25%, white);
  }
  .pullquote[data-color-theme=accent] {
    color: var(--color-accent);
    background: color-mix(in srgb, var(--color-accent) 5%, white);
  }
  .pullquote[data-color-theme=accent]::before, .pullquote[data-color-theme=accent]::after {
    color: color-mix(in srgb, var(--color-accent) 25%, white);
  }
  .pullquote[data-color-theme=info] {
    color: var(--color-info);
    background: color-mix(in srgb, var(--color-info) 5%, white);
  }
  .pullquote[data-color-theme=info]::before, .pullquote[data-color-theme=info]::after {
    color: color-mix(in srgb, var(--color-info) 25%, white);
  }
  .pullquote[data-color-theme=warning] {
    color: var(--color-warning);
    background: color-mix(in srgb, var(--color-warning) 5%, white);
  }
  .pullquote[data-color-theme=warning]::before, .pullquote[data-color-theme=warning]::after {
    color: color-mix(in srgb, var(--color-warning) 25%, white);
  }
  .pullquote[data-color-theme=success] {
    color: var(--color-success);
    background: color-mix(in srgb, var(--color-success) 5%, white);
  }
  .pullquote[data-color-theme=success]::before, .pullquote[data-color-theme=success]::after {
    color: color-mix(in srgb, var(--color-success) 25%, white);
  }
  .pullquote[data-color-theme=error] {
    color: var(--color-error);
    background: color-mix(in srgb, var(--color-error) 5%, white);
  }
  .pullquote[data-color-theme=error]::before, .pullquote[data-color-theme=error]::after {
    color: color-mix(in srgb, var(--color-error) 25%, white);
  }
  .pullquote[data-color-theme=light] {
    color: var(--color-light);
    background: color-mix(in srgb, var(--color-light) 5%, white);
  }
  .pullquote[data-color-theme=light]::before, .pullquote[data-color-theme=light]::after {
    color: color-mix(in srgb, var(--color-light) 25%, white);
  }
  .pullquote[data-color-theme=dark] {
    color: var(--color-dark);
    background: color-mix(in srgb, var(--color-dark) 5%, white);
  }
  .pullquote[data-color-theme=dark]::before, .pullquote[data-color-theme=dark]::after {
    color: color-mix(in srgb, var(--color-dark) 25%, white);
  }
  .pullquote[data-color-theme=white] {
    color: var(--color-white);
    background: color-mix(in srgb, var(--color-white) 5%, white);
  }
  .pullquote[data-color-theme=white]::before, .pullquote[data-color-theme=white]::after {
    color: color-mix(in srgb, var(--color-white) 25%, white);
  }
  .pullquote p {
    font-weight: var(--font-weight-bold);
    font-size: 1.125rem;
    position: relative;
    z-index: 10;
  }
  .pullquote cite {
    font-size: var(--font-size-sm);
  }
  .responsive-panels {
    position: relative;
    width: 100%;
  }
  @media (prefers-reduced-motion) {
    .responsive-panels [class^=panel-switch] {
      transition: none;
    }
  }
  .separator {
    border: 0;
    height: 2px;
    margin: var(--spacing-lg) auto;
    padding-inline: var(--spacing-md);
    position: relative;
  }
  section + .separator, .separator + section {
    margin-block: 0;
  }
  .separator:before {
    content: "";
    height: 2px;
    background: var(--theme-color);
    position: absolute;
    left: var(--spacing-md);
    right: var(--spacing-md);
    top: 0;
  }
  .separator[data-size=fullwidth] {
    max-width: 100vw;
  }
  .separator[data-size=wide] {
    max-width: var(--width-wide);
  }
  .separator[data-size=narrow] {
    max-width: var(--width-narrow);
  }
  .separator[data-style=dots] {
    background-color: transparent !important;
    text-align: center;
    height: 1.75rem;
  }
  .separator[data-style=dots]:before {
    background: 0;
    color: var(--theme-color);
    content: "······";
    font-size: 2rem;
    letter-spacing: 2rem;
    line-height: 1;
  }
  .site-footer {
    padding-block: var(--spacing-lg);
  }
  @media (min-width: 768px) {
    .site-footer {
      padding-block: var(--spacing-xl);
    }
  }
  @media (min-width: 1440px) {
    .site-footer {
      padding-block: var(--spacing-xxl);
    }
  }
  .site-footer {
    padding-block-end: var(--spacing-lg);
  }
  .site-footer ul {
    margin: 0;
    padding: 0;
  }
  .site-footer a {
    color: inherit;
  }
  .site-footer__menu {
    width: 100%;
  }
  .site-footer__menu__list {
    display: block;
    text-align: center;
    margin-inline: 0;
  }
  @container layout-section (min-width: 600px) {
    .site-footer__menu__list {
      text-align: unset;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: var(--spacing-lg);
    }
  }
  @container layout-section (min-width: var(--width-small)) {
    .site-footer__menu__list {
      text-align: unset;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: var(--spacing-lg);
    }
  }
  @container layout-section (min-width: 940px) {
    .site-footer__menu__list {
      gap: var(--spacing-xl);
    }
  }
  @container layout-section (min-width: var(--width-narrow)) {
    .site-footer__menu__list {
      gap: var(--spacing-xl);
    }
  }
  .site-footer__menu__list__item {
    display: block;
    margin-block-end: var(--spacing-sm);
  }
  .site-footer__menu__sub-menu {
    display: none;
  }
  @container layout-section (min-width: 600px) {
    .site-footer__menu__sub-menu {
      display: block;
    }
  }
  @container layout-section (min-width: var(--width-small)) {
    .site-footer__menu__sub-menu {
      display: block;
    }
  }
  .site-footer__credits {
    margin-block-start: var(--spacing-xl);
    width: 100%;
    flex-basis: 100%;
    display: flex;
    justify-content: inherit;
    gap: var(--spacing-xs);
    opacity: 0.8;
  }
  .site-footer__credits a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    text-decoration-color: transparent;
    transition: all 0.3s ease-in-out;
  }
  .site-footer__credits a:hover, .site-footer__credits a:focus, .site-footer__credits a:active {
    text-decoration-color: currentColor;
  }
  .site-footer__credits a:has(> span) {
    text-decoration: none;
  }
  .site-footer__credits a:has(> span) > span:not(:has(svg)):not(:has(i)) {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    transition: all 0.3s ease;
    text-decoration-color: transparent;
  }
  .site-footer__credits a:has(> span):hover > span:not(:has(svg)):not(:has(i)), .site-footer__credits a:has(> span):focus > span:not(:has(svg)):not(:has(i)), .site-footer__credits a:has(> span):active > span:not(:has(svg)):not(:has(i)) {
    text-decoration-color: currentColor;
  }
  .site-header {
    position: relative;
    z-index: 500;
    padding-block-start: 0;
    container-name: site-header;
    --logo-max-width: 14rem;
    --active-color: var(--theme-color-inverse, contrast-color(var(--background-color)));
  }
  @container site-header style(--breakpoint:none) {
    @media (min-width: 940px) {
      .site-header {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
      }
    }
  }
  @media (min-width: 940px) {
    .site-header {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
  }
  @container site-header (min-width: var(--breakpoint)) {
    .site-header {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
  }
  @container site-header (min-width: var(--container-max-width)) {
    .site-header {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
  }
  @media (min-width: 940px) {
    .site-header.site-header:not(:has(.site-header__menu-toggle)) {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
  }
  @container site-header style(--breakpoint:none) {
    @media (min-width: 940px) {
      .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) {
        display: grid;
        grid-template-columns: var(--logo-max-width) 1fr;
        grid-template-rows: auto auto;
        padding-block: var(--spacing-lg);
        row-gap: var(--spacing-lg);
      }
    }
    @media (min-width: 940px) and (min-width: 768px) {
      .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) {
        padding-block: var(--spacing-xl);
      }
    }
    @media (min-width: 940px) and (min-width: 1440px) {
      .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) {
        padding-block: var(--spacing-xxl);
      }
    }
    @media (min-width: 940px) {
      .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]) > [class*=__logo], .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) > [class*=__logo] {
        grid-column: 1;
        grid-row: 1/3;
        margin-inline: 0;
        margin-block: 0;
      }
      .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]) > [class$=__top], .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) > [class$=__top] {
        justify-content: flex-end;
        padding-block-start: 0;
      }
      .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]) > [class$=__menu],
      .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]) [data-vue-component] [class$=__menu], .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) > [class$=__menu],
      .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) [data-vue-component] [class$=__menu] {
        justify-content: flex-end;
      }
    }
  }
  @media (min-width: 940px) {
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) {
      display: grid;
      grid-template-columns: var(--logo-max-width) 1fr;
      grid-template-rows: auto auto;
      padding-block: var(--spacing-lg);
      row-gap: var(--spacing-lg);
    }
  }
  @media (min-width: 940px) and (min-width: 768px) {
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) {
      padding-block: var(--spacing-xl);
    }
  }
  @media (min-width: 940px) and (min-width: 1440px) {
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) {
      padding-block: var(--spacing-xxl);
    }
  }
  @media (min-width: 940px) {
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]) > [class*=__logo], .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) > [class*=__logo] {
      grid-column: 1;
      grid-row: 1/3;
      margin-inline: 0;
      margin-block: 0;
    }
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]) > [class$=__top], .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) > [class$=__top] {
      justify-content: flex-end;
      padding-block-start: 0;
    }
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]) > [class$=__menu],
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]) [data-vue-component] [class$=__menu], .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) > [class$=__menu],
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) [data-vue-component] [class$=__menu] {
      justify-content: flex-end;
    }
  }
  @container site-header (min-width: var(--breakpoint)) {
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) {
      display: grid;
      grid-template-columns: var(--logo-max-width) 1fr;
      grid-template-rows: auto auto;
      padding-block: var(--spacing-lg);
    }
    @media (min-width: 768px) {
      .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) {
        padding-block: var(--spacing-xl);
      }
    }
    @media (min-width: 1440px) {
      .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) {
        padding-block: var(--spacing-xxl);
      }
    }
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) {
      row-gap: var(--spacing-lg);
    }
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]) > [class*=__logo], .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) > [class*=__logo] {
      grid-column: 1;
      grid-row: 1/3;
      margin-inline: 0;
      margin-block: 0;
    }
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]) > [class$=__top], .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) > [class$=__top] {
      justify-content: flex-end;
      padding-block-start: 0;
    }
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]) > [class$=__menu],
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]) [data-vue-component] [class$=__menu], .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) > [class$=__menu],
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) [data-vue-component] [class$=__menu] {
      justify-content: flex-end;
    }
  }
  @container site-header (min-width: var(--container-max-width)) {
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) {
      display: grid;
      grid-template-columns: var(--logo-max-width) 1fr;
      grid-template-rows: auto auto;
      padding-block: var(--spacing-lg);
    }
    @media (min-width: 768px) {
      .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) {
        padding-block: var(--spacing-xl);
      }
    }
    @media (min-width: 1440px) {
      .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) {
        padding-block: var(--spacing-xxl);
      }
    }
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) {
      row-gap: var(--spacing-lg);
    }
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]) > [class*=__logo], .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) > [class*=__logo] {
      grid-column: 1;
      grid-row: 1/3;
      margin-inline: 0;
      margin-block: 0;
    }
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]) > [class$=__top], .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) > [class$=__top] {
      justify-content: flex-end;
      padding-block-start: 0;
    }
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]) > [class$=__menu],
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]) [data-vue-component] [class$=__menu], .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) > [class$=__menu],
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]) [data-vue-component] [class$=__menu] {
      justify-content: flex-end;
    }
  }
  @media (min-width: 940px) {
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]).site-header:not(:has(.site-header__menu-toggle)), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]).site-header:not(:has(.site-header__menu-toggle)) {
      display: grid;
      grid-template-columns: var(--logo-max-width) 1fr;
      grid-template-rows: auto auto;
      padding-block: var(--spacing-lg);
      row-gap: var(--spacing-lg);
    }
  }
  @media (min-width: 940px) and (min-width: 768px) {
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]).site-header:not(:has(.site-header__menu-toggle)), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]).site-header:not(:has(.site-header__menu-toggle)) {
      padding-block: var(--spacing-xl);
    }
  }
  @media (min-width: 940px) and (min-width: 1440px) {
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]).site-header:not(:has(.site-header__menu-toggle)), .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]).site-header:not(:has(.site-header__menu-toggle)) {
      padding-block: var(--spacing-xxl);
    }
  }
  @media (min-width: 940px) {
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]).site-header:not(:has(.site-header__menu-toggle)) > [class*=__logo], .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]).site-header:not(:has(.site-header__menu-toggle)) > [class*=__logo] {
      grid-column: 1;
      grid-row: 1/3;
      margin-inline: 0;
      margin-block: 0;
    }
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]).site-header:not(:has(.site-header__menu-toggle)) > [class$=__top], .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]).site-header:not(:has(.site-header__menu-toggle)) > [class$=__top] {
      justify-content: flex-end;
      padding-block-start: 0;
    }
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]).site-header:not(:has(.site-header__menu-toggle)) > [class$=__menu],
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [class$=__menu]).site-header:not(:has(.site-header__menu-toggle)) [data-vue-component] [class$=__menu], .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]).site-header:not(:has(.site-header__menu-toggle)) > [class$=__menu],
    .site-header:has(> [class*=__logo]):has(> [class$=__top]):has(> [data-vue-component]).site-header:not(:has(.site-header__menu-toggle)) [data-vue-component] [class$=__menu] {
      justify-content: flex-end;
    }
  }
  .site-header [data-vue-component],
  .site-header component {
    display: contents;
  }
  .site-header__logo {
    display: block;
    max-width: var(--logo-max-width);
    margin-inline: auto;
  }
  .site-header__logo img {
    width: 100%;
  }
  @container site-header style(--breakpoint:none) {
    @media (min-width: 940px) {
      .site-header__logo {
        margin-inline: 0;
      }
    }
  }
  @media (min-width: 940px) {
    .site-header__logo {
      margin-inline: 0;
    }
  }
  @container site-header (min-width: var(--breakpoint)) {
    .site-header__logo {
      margin-inline: 0;
    }
  }
  @container site-header (min-width: var(--container-max-width)) {
    .site-header__logo {
      margin-inline: 0;
    }
  }
  @media (min-width: 940px) {
    .site-header__logo.site-header:not(:has(.site-header__menu-toggle)) {
      margin-inline: 0;
    }
  }
  .site-header__top {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-block: var(--spacing-lg);
  }
  @media (min-width: 768px) {
    .site-header__top {
      padding-block: var(--spacing-xl);
    }
  }
  @media (min-width: 1440px) {
    .site-header__top {
      padding-block: var(--spacing-xxl);
    }
  }
  .site-header__top {
    padding-block-end: 0;
  }
  .site-header__top:empty {
    display: none;
  }
  .site-header:has(.site-header__menu-toggle) .site-header__top {
    padding-inline-end: 3rem;
  }
  [data-style=overlay] .site-header__top, [data-style=off-canvas] .site-header__top {
    margin-inline: auto;
    text-align: center;
  }
  [data-style=off-canvas] .site-header__top {
    margin-block-start: auto;
  }
  .site-header__top address {
    justify-content: flex-end;
  }
  [data-style=overlay] .site-header__top address, [data-style=off-canvas] .site-header__top address {
    justify-content: center;
  }
  .site-header__menu-toggle {
    color: var(--theme-color);
    display: block;
    appearance: none;
    background: none;
    border: 0;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    padding: var(--spacing-sm);
    margin-left: auto;
    transition: color 0.2s ease-in-out;
    position: absolute;
    top: var(--spacing-sm);
    right: 0;
    z-index: 9999;
  }
  .site-header__menu-toggle[data-menu-style=off-canvas] {
    margin-left: 0;
    --active-color: white;
  }
  .site-header__menu-toggle:hover, .site-header__menu-toggle:focus, .site-header__menu-toggle:active {
    color: var(--color-primary);
  }
  .site-header__menu-toggle[aria-expanded=true] {
    color: var(--active-color);
  }
  .site-header__menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .site-header__menu [data-style=off-canvas], [data-style=overlay] .site-header__menu {
    width: fit-content;
  }
  [data-style=off-canvas] .site-header__menu {
    margin-block-start: var(--spacing-xl);
    width: 100%;
  }
  .site-header__menu__list {
    margin: 0;
    padding: 0;
    width: fit-content;
    text-align: center;
    display: flex;
    flex-direction: column;
  }
  @media (min-width: 600px) {
    .site-header__menu__list {
      flex-direction: row;
      justify-content: center;
      align-items: center;
      gap: var(--spacing-md);
    }
    [data-style=off-canvas] .site-header__menu__list, [data-style=overlay] .site-header__menu__list {
      flex-direction: column;
      gap: revert;
    }
  }
  @container site-header style(--breakpoint:none) {
    @media (min-width: 940px) {
      .site-header__menu__list {
        width: 100%;
        justify-content: flex-end;
        gap: var(--spacing-lg);
      }
    }
  }
  @media (min-width: 940px) {
    .site-header__menu__list {
      width: 100%;
      justify-content: flex-end;
      gap: var(--spacing-lg);
    }
  }
  @container site-header (min-width: var(--breakpoint)) {
    .site-header__menu__list {
      width: 100%;
      justify-content: flex-end;
      gap: var(--spacing-lg);
    }
  }
  @container site-header (min-width: var(--container-max-width)) {
    .site-header__menu__list {
      width: 100%;
      justify-content: flex-end;
      gap: var(--spacing-lg);
    }
  }
  @media (min-width: 940px) {
    .site-header__menu__list.site-header:not(:has(.site-header__menu-toggle)) {
      width: 100%;
      justify-content: flex-end;
      gap: var(--spacing-lg);
    }
  }
  .site-header__menu__list__item {
    position: relative;
    display: inline-block;
    padding-block: var(--spacing-xs);
    font-weight: var(--font-weight-regular);
    margin-block: 0;
  }
  [data-vue-component] .site-header__menu__list__item {
    display: block;
    transition: background 0.2s ease-in-out;
    padding-inline: var(--spacing-xs);
  }
  [data-vue-component] .site-header__menu__list__item:has(.button) {
    padding-inline-end: 0;
  }
  [data-vue-component] .site-header__menu__list__item:has(.button):hover {
    background: transparent;
  }
  .site-header__menu__list__item__link {
    display: block;
    flex-grow: 1;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    text-decoration-color: transparent;
    transition: all 0.3s ease-in-out;
  }
  .site-header__menu__list__item__link:hover, .site-header__menu__list__item__link:focus, .site-header__menu__list__item__link:active {
    text-decoration-color: currentColor;
  }
  .site-header__menu__list__item__link:has(> span) {
    text-decoration: none;
  }
  .site-header__menu__list__item__link:has(> span) > span:not(:has(svg)):not(:has(i)) {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    transition: all 0.3s ease;
    text-decoration-color: transparent;
  }
  .site-header__menu__list__item__link:has(> span):hover > span:not(:has(svg)):not(:has(i)), .site-header__menu__list__item__link:has(> span):focus > span:not(:has(svg)):not(:has(i)), .site-header__menu__list__item__link:has(> span):active > span:not(:has(svg)):not(:has(i)) {
    text-decoration-color: currentColor;
  }
  .site-header__menu__list__item__link:hover, .site-header__menu__list__item__link:focus, .site-header__menu__list__item__link:active, .site-header__menu__list__item__link[aria-current=page], [data-current-parent=true] .site-header__menu__list__item__link {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
  }
  .site-header__menu__list__item__link[target=_blank] {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .site-header__menu__list__item__link[target=_blank]:not(:has(i)):after {
    content: "\f08e";
    font-family: var(--fa-style-family-classic), "Font Awesome 6 Pro Solid";
    padding-inline-start: var(--spacing-xs);
  }
  .site-header__menu__list__item[data-current-parent=true] > a, .site-header__menu__list__item:has([aria-current=page]) > a {
    text-decoration-color: currentColor;
    color: var(--active-color);
  }
  .site-header__menu__list__item__toggle {
    cursor: pointer;
    background: none;
    appearance: none;
    border: 0;
    font-size: 1em;
    transition: color 0.2s ease-in-out;
    padding-block: 0 !important;
    color: inherit;
  }
  .site-header__menu__list__item__toggle:hover, .site-header__menu__list__item__toggle:focus, .site-header__menu__list__item__toggle:active, .site-header__menu__list__item__toggle[aria-expanded=true] {
    color: var(--active-color);
    background: transparent !important;
  }
  .site-header__menu__list__item__toggle i, .site-header__menu__list__item__toggle svg {
    transition: transform 0.3s ease;
    transform-origin: center center;
  }
  .site-header__menu__list__item__toggle i.fa-plus, .site-header__menu__list__item__toggle svg.fa-plus {
    transform: translateY(-2px);
    transform-origin: center center;
  }
  .site-header__menu__list__item__toggle[aria-expanded=true] i, .site-header__menu__list__item__toggle[aria-expanded=true] svg {
    transform: rotate(180deg);
  }
  .site-header__menu__list__item__toggle[aria-expanded=true] i.fa-plus, .site-header__menu__list__item__toggle[aria-expanded=true] svg.fa-plus {
    transform: rotate(45deg) translateY(-2px);
  }
  .site-header__menu__list__item:hover [class$=__sub-menu], .site-header__menu__list__item:focus-within [class$=__sub-menu] {
    opacity: 1;
    height: auto;
  }
  .site-header__menu__list:has(.site-header__menu__list__item > [aria-current=page]):has([data-current-parent=true]) [data-current-parent=true] > a {
    text-decoration-color: transparent !important;
    color: inherit !important;
  }
  .site-header__menu__list:has(.site-header__menu__list__item > [aria-current=page]):has([data-current-parent=true]) [data-current-parent=true] > a:after {
    opacity: 0;
  }
  .site-header__menu__list:has(.site-header__menu__list__item > [aria-current=page]):has([data-current-parent=true]) [data-current-parent=true] > a:hover, .site-header__menu__list:has(.site-header__menu__list__item > [aria-current=page]):has([data-current-parent=true]) [data-current-parent=true] > a:focus, .site-header__menu__list:has(.site-header__menu__list__item > [aria-current=page]):has([data-current-parent=true]) [data-current-parent=true] > a:active {
    color: var(--active-color) !important;
  }
  .site-header__menu [class$=__sub-menu] {
    margin-top: 0;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.2s linear;
    min-width: 10rem;
    padding-block: var(--spacing-xxs);
    background: var(--theme-color);
    margin-inline: 0;
    color: var(--theme-color-inverse);
  }
  .site-header__menu [class$=__sub-menu] li {
    display: block;
    margin-block: 0;
  }
  .site-header__menu [class$=__sub-menu] li a {
    display: block;
    padding: var(--spacing-xxs) var(--spacing-sm);
    font-weight: var(--font-weight-light);
    white-space: nowrap;
    font-size: var(--font-size-sm);
    color: inherit;
    flex-grow: 1;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    text-decoration-color: transparent;
    transition: all 0.3s ease-in-out;
  }
  .site-header__menu [class$=__sub-menu] li a:hover, .site-header__menu [class$=__sub-menu] li a:focus, .site-header__menu [class$=__sub-menu] li a:active {
    text-decoration-color: currentColor;
  }
  .site-header__menu [class$=__sub-menu] li a:has(> span) {
    text-decoration: none;
  }
  .site-header__menu [class$=__sub-menu] li a:has(> span) > span:not(:has(svg)):not(:has(i)) {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: currentColor;
    transition: all 0.3s ease;
    text-decoration-color: transparent;
  }
  .site-header__menu [class$=__sub-menu] li a:has(> span):hover > span:not(:has(svg)):not(:has(i)), .site-header__menu [class$=__sub-menu] li a:has(> span):focus > span:not(:has(svg)):not(:has(i)), .site-header__menu [class$=__sub-menu] li a:has(> span):active > span:not(:has(svg)):not(:has(i)) {
    text-decoration-color: currentColor;
  }
  .site-header__menu [class$=__sub-menu] li a:hover, .site-header__menu [class$=__sub-menu] li a:focus, .site-header__menu [class$=__sub-menu] li a:active {
    color: inherit;
  }
  .site-header__menu [class$=__sub-menu] li a[target=_blank] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  [data-style=overlay] .site-header__menu [class$=__sub-menu], [data-style=off-canvas] .site-header__menu [class$=__sub-menu] {
    position: relative;
    width: 100%;
    flex-basis: 100%;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
    background: transparent;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
  [data-style=overlay] .site-header__menu [class$=__sub-menu][data-open=true], [data-style=off-canvas] .site-header__menu [class$=__sub-menu][data-open=true] {
    opacity: 1;
  }
  [data-style=overlay] .site-header__menu [class$=__sub-menu] .site-header__menu__sub-menu__item, [data-style=off-canvas] .site-header__menu [class$=__sub-menu] .site-header__menu__sub-menu__item {
    margin: 0;
    background: transparent;
    padding-block: 0;
    padding-inline: var(--spacing-xxs);
  }
  [data-style=overlay] .site-header__menu [class$=__sub-menu] .site-header__menu__sub-menu__item__link, [data-style=off-canvas] .site-header__menu [class$=__sub-menu] .site-header__menu__sub-menu__item__link {
    background: transparent;
    color: inherit;
    padding-block: var(--spacing-xxs);
    padding-inline: 0;
  }
  .site-header__responsive-content-wrapper {
    width: 100%;
    flex-basis: 100%;
    padding-inline: var(--spacing-sm);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body:has(.site-header__responsive-content-wrapper[data-open=true]) {
    overflow: hidden;
  }
  .site-header__responsive-content-wrapper[data-style=overlay] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.3s ease-in-out;
    z-index: -100;
    opacity: 0;
    visibility: hidden;
  }
  body.admin-bar .site-header__responsive-content-wrapper[data-style=overlay] {
    top: 2rem;
  }
  .site-header__responsive-content-wrapper[data-style=overlay][data-open=true] {
    z-index: 9995;
    opacity: 1;
    visibility: visible;
  }
  .site-header__responsive-content-wrapper[data-style=off-canvas] {
    height: 100vh;
    width: 300px;
    position: fixed;
    top: 0;
    bottom: 0;
    box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.25);
    z-index: 200;
    padding-block: var(--spacing-xxl);
    transform: translateX(calc(-100% - var(--spacing-md)));
    transition: transform 0.3s ease;
  }
  .site-header__responsive-content-wrapper[data-style=off-canvas][data-open=true] {
    transform: translateX(calc(0% - var(--spacing-md)));
  }
  body:has(.site-header__responsive-content-wrapper[data-style=off-canvas]):after,
  body:has(.site-header__responsive-content-wrapper[data-style=off-canvas]) .site-header:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(from var(--color-dark) r g b/0.65);
    z-index: -100;
    opacity: 0;
    transition: opacity 0.3s ease;
    visibility: hidden;
    pointer-events: none;
  }
  body:has(.site-header__responsive-content-wrapper[data-style=off-canvas][data-open=true]):after,
  body:has(.site-header__responsive-content-wrapper[data-style=off-canvas][data-open=true]) .site-header:after {
    opacity: 1;
    z-index: 100;
    visibility: visible;
  }
  .site-header__overlay-content {
    text-align: center;
    margin-block-start: var(--spacing-xl);
  }
}

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