@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-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-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;
  }
  [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;
  }
  [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 (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 (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 (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 (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);
    }
  }
  [data-color-theme=primary] {
    --theme-color: var(--color-primary);
    --theme-color-inverse: var(--readable-color-primary);
  }
  [data-background=primary] {
    --background-color: var(--color-primary);
    background: var(--background-color);
  }
  [data-color-theme=secondary] {
    --theme-color: var(--color-secondary);
    --theme-color-inverse: var(--readable-color-secondary);
  }
  [data-background=secondary] {
    --background-color: var(--color-secondary);
    background: var(--background-color);
  }
  [data-color-theme=accent] {
    --theme-color: var(--color-accent);
    --theme-color-inverse: var(--readable-color-accent);
  }
  [data-background=accent] {
    --background-color: var(--color-accent);
    background: var(--background-color);
  }
  [data-color-theme=info] {
    --theme-color: var(--color-info);
    --theme-color-inverse: var(--readable-color-info);
  }
  [data-background=info] {
    --background-color: var(--color-info);
    background: var(--background-color);
  }
  [data-color-theme=warning] {
    --theme-color: var(--color-warning);
    --theme-color-inverse: var(--readable-color-warning);
  }
  [data-background=warning] {
    --background-color: var(--color-warning);
    background: var(--background-color);
  }
  [data-color-theme=success] {
    --theme-color: var(--color-success);
    --theme-color-inverse: var(--readable-color-success);
  }
  [data-background=success] {
    --background-color: var(--color-success);
    background: var(--background-color);
  }
  [data-color-theme=error] {
    --theme-color: var(--color-error);
    --theme-color-inverse: var(--readable-color-error);
  }
  [data-background=error] {
    --background-color: var(--color-error);
    background: var(--background-color);
  }
  [data-color-theme=light] {
    --theme-color: var(--color-light);
    --theme-color-inverse: var(--readable-color-light);
  }
  [data-background=light] {
    --background-color: var(--color-light);
    background: var(--background-color);
  }
  [data-color-theme=dark] {
    --theme-color: var(--color-dark);
    --theme-color-inverse: var(--readable-color-dark);
  }
  [data-background=dark] {
    --background-color: var(--color-dark);
    background: var(--background-color);
  }
  [data-color-theme=white] {
    --theme-color: var(--color-white);
    --theme-color-inverse: var(--readable-color-white);
  }
  [data-background=white] {
    --background-color: var(--color-white);
    background: var(--background-color);
  }
  [data-text-color=primary] {
    color: var(--color-primary);
  }
  [data-text-color=secondary] {
    color: var(--color-secondary);
  }
  [data-text-color=accent] {
    color: var(--color-accent);
  }
  [data-text-color=info] {
    color: var(--color-info);
  }
  [data-text-color=warning] {
    color: var(--color-warning);
  }
  [data-text-color=success] {
    color: var(--color-success);
  }
  [data-text-color=error] {
    color: var(--color-error);
  }
  [data-text-color=light] {
    color: var(--color-light);
  }
  [data-text-color=dark] {
    color: var(--color-dark);
  }
  [data-text-color=white] {
    color: var(--color-white);
  }
  body[data-global-background=primary] {
    background-color: var(--color-primary);
    color: var(--readable-color-primary);
  }
  [data-background=primary] [data-color-theme=primary] {
    color: inherit;
  }
  [data-background=primary] {
    color: var(--readable-color-primary);
  }
  [data-background=gradient-primary-primary] {
    background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
  }
  [data-background=gradient-primary-secondary] {
    background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
  }
  [data-background=gradient-primary-accent] {
    background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
  }
  [data-background=gradient-primary-info] {
    background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-info) 50%, var(--color-info) 100%);
  }
  [data-background=gradient-primary-warning] {
    background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
  }
  [data-background=gradient-primary-success] {
    background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-success) 50%, var(--color-success) 100%);
  }
  [data-background=gradient-primary-error] {
    background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-error) 50%, var(--color-error) 100%);
  }
  [data-background=gradient-primary-light] {
    background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-light) 50%, var(--color-light) 100%);
  }
  [data-background=gradient-primary-dark] {
    background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
  }
  [data-background=gradient-primary-white] {
    background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-white) 50%, var(--color-white) 100%);
  }
  body[data-global-background=secondary] {
    background-color: var(--color-secondary);
    color: var(--readable-color-secondary);
  }
  [data-background=secondary] [data-color-theme=secondary] {
    color: inherit;
  }
  [data-background=secondary] {
    color: var(--readable-color-secondary);
  }
  [data-background=gradient-secondary-primary] {
    background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
  }
  [data-background=gradient-secondary-secondary] {
    background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
  }
  [data-background=gradient-secondary-accent] {
    background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
  }
  [data-background=gradient-secondary-info] {
    background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-info) 50%, var(--color-info) 100%);
  }
  [data-background=gradient-secondary-warning] {
    background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
  }
  [data-background=gradient-secondary-success] {
    background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-success) 50%, var(--color-success) 100%);
  }
  [data-background=gradient-secondary-error] {
    background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-error) 50%, var(--color-error) 100%);
  }
  [data-background=gradient-secondary-light] {
    background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-light) 50%, var(--color-light) 100%);
  }
  [data-background=gradient-secondary-dark] {
    background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
  }
  [data-background=gradient-secondary-white] {
    background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary) 50%, var(--color-white) 50%, var(--color-white) 100%);
  }
  body[data-global-background=accent] {
    background-color: var(--color-accent);
    color: var(--readable-color-accent);
  }
  [data-background=accent] [data-color-theme=accent] {
    color: inherit;
  }
  [data-background=accent] {
    color: var(--readable-color-accent);
  }
  [data-background=gradient-accent-primary] {
    background: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
  }
  [data-background=gradient-accent-secondary] {
    background: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
  }
  [data-background=gradient-accent-accent] {
    background: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
  }
  [data-background=gradient-accent-info] {
    background: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-info) 50%, var(--color-info) 100%);
  }
  [data-background=gradient-accent-warning] {
    background: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
  }
  [data-background=gradient-accent-success] {
    background: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-success) 50%, var(--color-success) 100%);
  }
  [data-background=gradient-accent-error] {
    background: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-error) 50%, var(--color-error) 100%);
  }
  [data-background=gradient-accent-light] {
    background: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-light) 50%, var(--color-light) 100%);
  }
  [data-background=gradient-accent-dark] {
    background: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
  }
  [data-background=gradient-accent-white] {
    background: linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent) 50%, var(--color-white) 50%, var(--color-white) 100%);
  }
  body[data-global-background=info] {
    background-color: var(--color-info);
    color: var(--readable-color-info);
  }
  [data-background=info] [data-color-theme=info] {
    color: inherit;
  }
  [data-background=info] {
    color: var(--readable-color-info);
  }
  [data-background=gradient-info-primary] {
    background: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
  }
  [data-background=gradient-info-secondary] {
    background: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
  }
  [data-background=gradient-info-accent] {
    background: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
  }
  [data-background=gradient-info-info] {
    background: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-info) 50%, var(--color-info) 100%);
  }
  [data-background=gradient-info-warning] {
    background: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
  }
  [data-background=gradient-info-success] {
    background: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-success) 50%, var(--color-success) 100%);
  }
  [data-background=gradient-info-error] {
    background: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-error) 50%, var(--color-error) 100%);
  }
  [data-background=gradient-info-light] {
    background: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-light) 50%, var(--color-light) 100%);
  }
  [data-background=gradient-info-dark] {
    background: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
  }
  [data-background=gradient-info-white] {
    background: linear-gradient(180deg, var(--color-info) 0%, var(--color-info) 50%, var(--color-white) 50%, var(--color-white) 100%);
  }
  body[data-global-background=warning] {
    background-color: var(--color-warning);
    color: var(--readable-color-warning);
  }
  [data-background=warning] [data-color-theme=warning] {
    color: inherit;
  }
  [data-background=warning] {
    color: var(--readable-color-warning);
  }
  [data-background=gradient-warning-primary] {
    background: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
  }
  [data-background=gradient-warning-secondary] {
    background: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
  }
  [data-background=gradient-warning-accent] {
    background: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
  }
  [data-background=gradient-warning-info] {
    background: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-info) 50%, var(--color-info) 100%);
  }
  [data-background=gradient-warning-warning] {
    background: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
  }
  [data-background=gradient-warning-success] {
    background: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-success) 50%, var(--color-success) 100%);
  }
  [data-background=gradient-warning-error] {
    background: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-error) 50%, var(--color-error) 100%);
  }
  [data-background=gradient-warning-light] {
    background: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-light) 50%, var(--color-light) 100%);
  }
  [data-background=gradient-warning-dark] {
    background: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
  }
  [data-background=gradient-warning-white] {
    background: linear-gradient(180deg, var(--color-warning) 0%, var(--color-warning) 50%, var(--color-white) 50%, var(--color-white) 100%);
  }
  body[data-global-background=success] {
    background-color: var(--color-success);
    color: var(--readable-color-success);
  }
  [data-background=success] [data-color-theme=success] {
    color: inherit;
  }
  [data-background=success] {
    color: var(--readable-color-success);
  }
  [data-background=gradient-success-primary] {
    background: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
  }
  [data-background=gradient-success-secondary] {
    background: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
  }
  [data-background=gradient-success-accent] {
    background: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
  }
  [data-background=gradient-success-info] {
    background: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-info) 50%, var(--color-info) 100%);
  }
  [data-background=gradient-success-warning] {
    background: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
  }
  [data-background=gradient-success-success] {
    background: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-success) 50%, var(--color-success) 100%);
  }
  [data-background=gradient-success-error] {
    background: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-error) 50%, var(--color-error) 100%);
  }
  [data-background=gradient-success-light] {
    background: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-light) 50%, var(--color-light) 100%);
  }
  [data-background=gradient-success-dark] {
    background: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
  }
  [data-background=gradient-success-white] {
    background: linear-gradient(180deg, var(--color-success) 0%, var(--color-success) 50%, var(--color-white) 50%, var(--color-white) 100%);
  }
  body[data-global-background=error] {
    background-color: var(--color-error);
    color: var(--readable-color-error);
  }
  [data-background=error] [data-color-theme=error] {
    color: inherit;
  }
  [data-background=error] {
    color: var(--readable-color-error);
  }
  [data-background=gradient-error-primary] {
    background: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
  }
  [data-background=gradient-error-secondary] {
    background: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
  }
  [data-background=gradient-error-accent] {
    background: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
  }
  [data-background=gradient-error-info] {
    background: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-info) 50%, var(--color-info) 100%);
  }
  [data-background=gradient-error-warning] {
    background: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
  }
  [data-background=gradient-error-success] {
    background: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-success) 50%, var(--color-success) 100%);
  }
  [data-background=gradient-error-error] {
    background: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-error) 50%, var(--color-error) 100%);
  }
  [data-background=gradient-error-light] {
    background: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-light) 50%, var(--color-light) 100%);
  }
  [data-background=gradient-error-dark] {
    background: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
  }
  [data-background=gradient-error-white] {
    background: linear-gradient(180deg, var(--color-error) 0%, var(--color-error) 50%, var(--color-white) 50%, var(--color-white) 100%);
  }
  body[data-global-background=light] {
    background-color: var(--color-light);
    color: var(--readable-color-light);
  }
  [data-background=light] [data-color-theme=light] {
    color: inherit;
  }
  [data-background=light] {
    color: var(--readable-color-light);
  }
  [data-background=gradient-light-primary] {
    background: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
  }
  [data-background=gradient-light-secondary] {
    background: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
  }
  [data-background=gradient-light-accent] {
    background: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
  }
  [data-background=gradient-light-info] {
    background: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-info) 50%, var(--color-info) 100%);
  }
  [data-background=gradient-light-warning] {
    background: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
  }
  [data-background=gradient-light-success] {
    background: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-success) 50%, var(--color-success) 100%);
  }
  [data-background=gradient-light-error] {
    background: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-error) 50%, var(--color-error) 100%);
  }
  [data-background=gradient-light-light] {
    background: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-light) 50%, var(--color-light) 100%);
  }
  [data-background=gradient-light-dark] {
    background: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
  }
  [data-background=gradient-light-white] {
    background: linear-gradient(180deg, var(--color-light) 0%, var(--color-light) 50%, var(--color-white) 50%, var(--color-white) 100%);
  }
  body[data-global-background=dark] {
    background-color: var(--color-dark);
    color: var(--readable-color-dark);
  }
  [data-background=dark] [data-color-theme=dark] {
    color: inherit;
  }
  [data-background=dark] {
    color: var(--readable-color-dark);
  }
  [data-background=gradient-dark-primary] {
    background: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
  }
  [data-background=gradient-dark-secondary] {
    background: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
  }
  [data-background=gradient-dark-accent] {
    background: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
  }
  [data-background=gradient-dark-info] {
    background: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-info) 50%, var(--color-info) 100%);
  }
  [data-background=gradient-dark-warning] {
    background: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
  }
  [data-background=gradient-dark-success] {
    background: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-success) 50%, var(--color-success) 100%);
  }
  [data-background=gradient-dark-error] {
    background: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-error) 50%, var(--color-error) 100%);
  }
  [data-background=gradient-dark-light] {
    background: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-light) 50%, var(--color-light) 100%);
  }
  [data-background=gradient-dark-dark] {
    background: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
  }
  [data-background=gradient-dark-white] {
    background: linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark) 50%, var(--color-white) 50%, var(--color-white) 100%);
  }
  body[data-global-background=white] {
    background-color: var(--color-white);
    color: var(--readable-color-white);
  }
  [data-background=white] [data-color-theme=white] {
    color: inherit;
  }
  [data-background=white] {
    color: var(--readable-color-white);
  }
  [data-background=gradient-white-primary] {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-primary) 50%, var(--color-primary) 100%);
  }
  [data-background=gradient-white-secondary] {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-secondary) 50%, var(--color-secondary) 100%);
  }
  [data-background=gradient-white-accent] {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-accent) 50%, var(--color-accent) 100%);
  }
  [data-background=gradient-white-info] {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-info) 50%, var(--color-info) 100%);
  }
  [data-background=gradient-white-warning] {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-warning) 50%, var(--color-warning) 100%);
  }
  [data-background=gradient-white-success] {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-success) 50%, var(--color-success) 100%);
  }
  [data-background=gradient-white-error] {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-error) 50%, var(--color-error) 100%);
  }
  [data-background=gradient-white-light] {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-light) 50%, var(--color-light) 100%);
  }
  [data-background=gradient-white-dark] {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-dark) 50%, var(--color-dark) 100%);
  }
  [data-background=gradient-white-white] {
    background: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 50%, var(--color-white) 50%, var(--color-white) 100%);
  }
}
@layer comet-components-common {
  :root {
    --font-family-body: sans-serif;
    --font-family-accent: sans-serif;
    --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;
    --readable-color-primary: white;
    --readable-color-secondary: white;
    --readable-color-accent: white;
    --readable-color-info: white;
    --readable-color-warning: black;
    --readable-color-success: white;
    --readable-color-error: white;
    --readable-color-light: black;
    --readable-color-dark: white;
    --readable-color-white: black;
    --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;
    margin: 0;
    padding: 0;
  }
  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 (min-width: 940px) {
    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);
  }
  ul li, ol li {
    margin-block-end: var(--spacing-xxs);
  }
  a {
    transition: all 0.2s ease-in-out;
    color: inherit;
  }
  a:hover, a:focus, a:active {
    color: var(--color-secondary);
  }
  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;
  }
  .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;
  }
  .breakout {
    width: 100cqw;
    position: relative;
    z-index: 300;
    padding-inline: var(--spacing-md);
  }
  [class*=container] .breakout {
    max-width: var(--width-contained);
  }
  [class*=container][data-size=fullwidth] .breakout {
    max-width: 100vw;
  }
  [class*=container][data-size=wide] .breakout {
    max-width: var(--width-wide);
  }
  [class*=container][data-size=narrow] .breakout {
    max-width: var(--width-narrow);
  }
}
@layer comet-components {
  .body > header, body > header,
  .body > footer,
  body > footer,
  .body > section,
  body > section,
  .body > article,
  body > article,
  .body > div,
  body > div {
    padding-block: var(--spacing-lg);
    padding-inline: 0;
  }
  @media (min-width: 768px) {
    .body > header, body > header,
    .body > footer,
    body > footer,
    .body > section,
    body > section,
    .body > article,
    body > article,
    .body > div,
    body > div {
      padding-block: var(--spacing-xl);
    }
  }
  @media (min-width: 1440px) {
    .body > header, body > header,
    .body > footer,
    body > footer,
    .body > section,
    body > section,
    .body > article,
    body > article,
    .body > div,
    body > div {
      padding-block: var(--spacing-xxl);
    }
  }
  .body > main > section, body > main > section,
  .body > main > header,
  body > main > header,
  .body > main > footer,
  body > main > footer,
  .body > main > article,
  body > main > article,
  .body > main > div,
  body > main > div {
    padding-block: var(--spacing-lg);
    padding-inline: 0;
  }
  @media (min-width: 768px) {
    .body > main > section, body > main > section,
    .body > main > header,
    body > main > header,
    .body > main > footer,
    body > main > footer,
    .body > main > article,
    body > main > article,
    .body > main > div,
    body > main > div {
      padding-block: var(--spacing-xl);
    }
  }
  @media (min-width: 1440px) {
    .body > main > section, body > main > section,
    .body > main > header,
    body > main > header,
    .body > main > footer,
    body > main > footer,
    .body > main > article,
    body > main > article,
    .body > main > div,
    body > main > div {
      padding-block: var(--spacing-xxl);
    }
  }
  .body > [data-background=primary]:not(hr):not(span) + [data-background=primary], body > [data-background=primary]:not(hr):not(span) + [data-background=primary],
  .body > main > [data-background=primary]:not(hr):not(span) + [data-background=primary],
  body > main > [data-background=primary]:not(hr):not(span) + [data-background=primary] {
    padding-block-start: 0;
  }
  .body > [data-background=secondary]:not(hr):not(span) + [data-background=secondary], body > [data-background=secondary]:not(hr):not(span) + [data-background=secondary],
  .body > main > [data-background=secondary]:not(hr):not(span) + [data-background=secondary],
  body > main > [data-background=secondary]:not(hr):not(span) + [data-background=secondary] {
    padding-block-start: 0;
  }
  .body > [data-background=accent]:not(hr):not(span) + [data-background=accent], body > [data-background=accent]:not(hr):not(span) + [data-background=accent],
  .body > main > [data-background=accent]:not(hr):not(span) + [data-background=accent],
  body > main > [data-background=accent]:not(hr):not(span) + [data-background=accent] {
    padding-block-start: 0;
  }
  .body > [data-background=info]:not(hr):not(span) + [data-background=info], body > [data-background=info]:not(hr):not(span) + [data-background=info],
  .body > main > [data-background=info]:not(hr):not(span) + [data-background=info],
  body > main > [data-background=info]:not(hr):not(span) + [data-background=info] {
    padding-block-start: 0;
  }
  .body > [data-background=warning]:not(hr):not(span) + [data-background=warning], body > [data-background=warning]:not(hr):not(span) + [data-background=warning],
  .body > main > [data-background=warning]:not(hr):not(span) + [data-background=warning],
  body > main > [data-background=warning]:not(hr):not(span) + [data-background=warning] {
    padding-block-start: 0;
  }
  .body > [data-background=success]:not(hr):not(span) + [data-background=success], body > [data-background=success]:not(hr):not(span) + [data-background=success],
  .body > main > [data-background=success]:not(hr):not(span) + [data-background=success],
  body > main > [data-background=success]:not(hr):not(span) + [data-background=success] {
    padding-block-start: 0;
  }
  .body > [data-background=error]:not(hr):not(span) + [data-background=error], body > [data-background=error]:not(hr):not(span) + [data-background=error],
  .body > main > [data-background=error]:not(hr):not(span) + [data-background=error],
  body > main > [data-background=error]:not(hr):not(span) + [data-background=error] {
    padding-block-start: 0;
  }
  .body > [data-background=light]:not(hr):not(span) + [data-background=light], body > [data-background=light]:not(hr):not(span) + [data-background=light],
  .body > main > [data-background=light]:not(hr):not(span) + [data-background=light],
  body > main > [data-background=light]:not(hr):not(span) + [data-background=light] {
    padding-block-start: 0;
  }
  .body > [data-background=dark]:not(hr):not(span) + [data-background=dark], body > [data-background=dark]:not(hr):not(span) + [data-background=dark],
  .body > main > [data-background=dark]:not(hr):not(span) + [data-background=dark],
  body > main > [data-background=dark]:not(hr):not(span) + [data-background=dark] {
    padding-block-start: 0;
  }
  .body > [data-background=white]:not(hr):not(span) + [data-background=white], body > [data-background=white]:not(hr):not(span) + [data-background=white],
  .body > main > [data-background=white]:not(hr):not(span) + [data-background=white],
  body > main > [data-background=white]:not(hr):not(span) + [data-background=white] {
    padding-block-start: 0;
  }
  .body > :not([data-background]):not(hr):not(span) + :not([data-background]), body > :not([data-background]):not(hr):not(span) + :not([data-background]),
  .body > main > :not([data-background]):not(hr):not(span) + :not([data-background]),
  body > main > :not([data-background]):not(hr):not(span) + :not([data-background]) {
    padding-block-start: 0;
  }
  .body > header, body > header,
  .body > footer,
  body > footer,
  .body > section,
  body > section,
  .body > article,
  body > article,
  .body > div,
  body > div {
    padding-block: var(--spacing-lg);
    padding-inline: 0;
  }
  @media (min-width: 768px) {
    .body > header, body > header,
    .body > footer,
    body > footer,
    .body > section,
    body > section,
    .body > article,
    body > article,
    .body > div,
    body > div {
      padding-block: var(--spacing-xl);
    }
  }
  @media (min-width: 1440px) {
    .body > header, body > header,
    .body > footer,
    body > footer,
    .body > section,
    body > section,
    .body > article,
    body > article,
    .body > div,
    body > div {
      padding-block: var(--spacing-xxl);
    }
  }
  .body > main > section, body > main > section,
  .body > main > header,
  body > main > header,
  .body > main > footer,
  body > main > footer,
  .body > main > article,
  body > main > article,
  .body > main > div,
  body > main > div {
    padding-block: var(--spacing-lg);
    padding-inline: 0;
  }
  @media (min-width: 768px) {
    .body > main > section, body > main > section,
    .body > main > header,
    body > main > header,
    .body > main > footer,
    body > main > footer,
    .body > main > article,
    body > main > article,
    .body > main > div,
    body > main > div {
      padding-block: var(--spacing-xl);
    }
  }
  @media (min-width: 1440px) {
    .body > main > section, body > main > section,
    .body > main > header,
    body > main > header,
    .body > main > footer,
    body > main > footer,
    .body > main > article,
    body > main > article,
    .body > main > div,
    body > main > div {
      padding-block: var(--spacing-xxl);
    }
  }
  .body > [data-background=primary]:not(hr):not(span) + [data-background=primary], body > [data-background=primary]:not(hr):not(span) + [data-background=primary],
  .body > main > [data-background=primary]:not(hr):not(span) + [data-background=primary],
  body > main > [data-background=primary]:not(hr):not(span) + [data-background=primary] {
    padding-block-start: 0;
  }
  .body > [data-background=secondary]:not(hr):not(span) + [data-background=secondary], body > [data-background=secondary]:not(hr):not(span) + [data-background=secondary],
  .body > main > [data-background=secondary]:not(hr):not(span) + [data-background=secondary],
  body > main > [data-background=secondary]:not(hr):not(span) + [data-background=secondary] {
    padding-block-start: 0;
  }
  .body > [data-background=accent]:not(hr):not(span) + [data-background=accent], body > [data-background=accent]:not(hr):not(span) + [data-background=accent],
  .body > main > [data-background=accent]:not(hr):not(span) + [data-background=accent],
  body > main > [data-background=accent]:not(hr):not(span) + [data-background=accent] {
    padding-block-start: 0;
  }
  .body > [data-background=info]:not(hr):not(span) + [data-background=info], body > [data-background=info]:not(hr):not(span) + [data-background=info],
  .body > main > [data-background=info]:not(hr):not(span) + [data-background=info],
  body > main > [data-background=info]:not(hr):not(span) + [data-background=info] {
    padding-block-start: 0;
  }
  .body > [data-background=warning]:not(hr):not(span) + [data-background=warning], body > [data-background=warning]:not(hr):not(span) + [data-background=warning],
  .body > main > [data-background=warning]:not(hr):not(span) + [data-background=warning],
  body > main > [data-background=warning]:not(hr):not(span) + [data-background=warning] {
    padding-block-start: 0;
  }
  .body > [data-background=success]:not(hr):not(span) + [data-background=success], body > [data-background=success]:not(hr):not(span) + [data-background=success],
  .body > main > [data-background=success]:not(hr):not(span) + [data-background=success],
  body > main > [data-background=success]:not(hr):not(span) + [data-background=success] {
    padding-block-start: 0;
  }
  .body > [data-background=error]:not(hr):not(span) + [data-background=error], body > [data-background=error]:not(hr):not(span) + [data-background=error],
  .body > main > [data-background=error]:not(hr):not(span) + [data-background=error],
  body > main > [data-background=error]:not(hr):not(span) + [data-background=error] {
    padding-block-start: 0;
  }
  .body > [data-background=light]:not(hr):not(span) + [data-background=light], body > [data-background=light]:not(hr):not(span) + [data-background=light],
  .body > main > [data-background=light]:not(hr):not(span) + [data-background=light],
  body > main > [data-background=light]:not(hr):not(span) + [data-background=light] {
    padding-block-start: 0;
  }
  .body > [data-background=dark]:not(hr):not(span) + [data-background=dark], body > [data-background=dark]:not(hr):not(span) + [data-background=dark],
  .body > main > [data-background=dark]:not(hr):not(span) + [data-background=dark],
  body > main > [data-background=dark]:not(hr):not(span) + [data-background=dark] {
    padding-block-start: 0;
  }
  .body > [data-background=white]:not(hr):not(span) + [data-background=white], body > [data-background=white]:not(hr):not(span) + [data-background=white],
  .body > main > [data-background=white]:not(hr):not(span) + [data-background=white],
  body > main > [data-background=white]:not(hr):not(span) + [data-background=white] {
    padding-block-start: 0;
  }
  .body > :not([data-background]):not(hr):not(span) + :not([data-background]), body > :not([data-background]):not(hr):not(span) + :not([data-background]),
  .body > main > :not([data-background]):not(hr):not(span) + :not([data-background]),
  body > main > :not([data-background]):not(hr):not(span) + :not([data-background]) {
    padding-block-start: 0;
  }
  .container, [class$=__container], [class*=container--] {
    margin: 0 auto;
    container-type: inline-size;
    width: 100%;
    padding-inline: var(--spacing-md);
    max-width: var(--width-contained);
  }
  article > .container, article > [class$=__container], article > [class*=container--] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
  @media (min-width: 940px) {
    article > .container, article > [class$=__container], article > [class*=container--] {
      gap: var(--spacing-lg);
    }
  }
  .container[data-size=fullwidth], [data-size=fullwidth][class$=__container], [data-size=fullwidth][class*=container--] {
    max-width: 100vw;
  }
  .container[data-size=fullwidth][data-background], [data-size=fullwidth][data-background][class$=__container], [data-size=fullwidth][data-background][class*=container--], [data-background] .container[data-size=fullwidth], [data-background] [data-size=fullwidth][class$=__container], [data-background] [data-size=fullwidth][class*=container--], .site-header .container[data-size=fullwidth], .site-header [data-size=fullwidth][class$=__container], .site-header [data-size=fullwidth][class*=container--] {
    max-width: calc(100vw - var(--spacing-md) * 2);
  }
  .container[data-size=wide], [data-size=wide][class$=__container], [data-size=wide][class*=container--] {
    max-width: var(--width-wide);
  }
  .container[data-size=wide][data-background], [data-size=wide][data-background][class$=__container], [data-size=wide][data-background][class*=container--], [data-background] .container[data-size=wide], [data-background] [data-size=wide][class$=__container], [data-background] [data-size=wide][class*=container--], .page-section .container[data-size=wide], .page-section [data-size=wide][class$=__container], .page-section [data-size=wide][class*=container--], .site-header .container[data-size=wide], .site-header [data-size=wide][class$=__container], .site-header [data-size=wide][class*=container--] {
    max-width: calc(var(--width-wide) - var(--spacing-md) * 2);
  }
  .container[data-size=narrow], [data-size=narrow][class$=__container], [data-size=narrow][class*=container--] {
    max-width: var(--width-narrow);
  }
  .container[data-size=narrow][data-background], [data-size=narrow][data-background][class$=__container], [data-size=narrow][data-background][class*=container--], [data-background] .container[data-size=narrow], [data-background] [data-size=narrow][class$=__container], [data-background] [data-size=narrow][class*=container--], .page-section .container[data-size=narrow], .page-section [data-size=narrow][class$=__container], .page-section [data-size=narrow][class*=container--], .site-header .container[data-size=narrow], .site-header [data-size=narrow][class$=__container], .site-header [data-size=narrow][class*=container--] {
    max-width: calc(var(--width-narrow) - var(--spacing-md) * 2);
  }
  .container:has(> .breakout), [class$=__container]:has(> .breakout), [class*=container--]:has(> .breakout) {
    container-type: unset;
  }
  .container[data-halign] > h2:first-child, [data-halign][class$=__container] > h2:first-child, [data-halign][class*=container--] > h2:first-child {
    width: 100%;
    flex-basis: 100%;
    display: flex;
    justify-content: inherit;
  }
  .container [data-background=primary] + [data-background*=gradient-primary], [class$=__container] [data-background=primary] + [data-background*=gradient-primary], [class*=container--] [data-background=primary] + [data-background*=gradient-primary] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-][data-background*=-primary] + [data-background=primary], [class$=__container] [data-background*=gradient-][data-background*=-primary] + [data-background=primary], [class*=container--] [data-background*=gradient-][data-background*=-primary] + [data-background=primary] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-primary] + [data-background*=gradient-primary], [class$=__container] [data-background*=gradient-primary] + [data-background*=gradient-primary], [class*=container--] [data-background*=gradient-primary] + [data-background*=gradient-primary] {
    padding-block-start: 0;
  }
  .container [data-background=secondary] + [data-background*=gradient-secondary], [class$=__container] [data-background=secondary] + [data-background*=gradient-secondary], [class*=container--] [data-background=secondary] + [data-background*=gradient-secondary] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-][data-background*=-secondary] + [data-background=secondary], [class$=__container] [data-background*=gradient-][data-background*=-secondary] + [data-background=secondary], [class*=container--] [data-background*=gradient-][data-background*=-secondary] + [data-background=secondary] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-secondary] + [data-background*=gradient-secondary], [class$=__container] [data-background*=gradient-secondary] + [data-background*=gradient-secondary], [class*=container--] [data-background*=gradient-secondary] + [data-background*=gradient-secondary] {
    padding-block-start: 0;
  }
  .container [data-background=accent] + [data-background*=gradient-accent], [class$=__container] [data-background=accent] + [data-background*=gradient-accent], [class*=container--] [data-background=accent] + [data-background*=gradient-accent] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-][data-background*=-accent] + [data-background=accent], [class$=__container] [data-background*=gradient-][data-background*=-accent] + [data-background=accent], [class*=container--] [data-background*=gradient-][data-background*=-accent] + [data-background=accent] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-accent] + [data-background*=gradient-accent], [class$=__container] [data-background*=gradient-accent] + [data-background*=gradient-accent], [class*=container--] [data-background*=gradient-accent] + [data-background*=gradient-accent] {
    padding-block-start: 0;
  }
  .container [data-background=info] + [data-background*=gradient-info], [class$=__container] [data-background=info] + [data-background*=gradient-info], [class*=container--] [data-background=info] + [data-background*=gradient-info] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-][data-background*=-info] + [data-background=info], [class$=__container] [data-background*=gradient-][data-background*=-info] + [data-background=info], [class*=container--] [data-background*=gradient-][data-background*=-info] + [data-background=info] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-info] + [data-background*=gradient-info], [class$=__container] [data-background*=gradient-info] + [data-background*=gradient-info], [class*=container--] [data-background*=gradient-info] + [data-background*=gradient-info] {
    padding-block-start: 0;
  }
  .container [data-background=warning] + [data-background*=gradient-warning], [class$=__container] [data-background=warning] + [data-background*=gradient-warning], [class*=container--] [data-background=warning] + [data-background*=gradient-warning] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-][data-background*=-warning] + [data-background=warning], [class$=__container] [data-background*=gradient-][data-background*=-warning] + [data-background=warning], [class*=container--] [data-background*=gradient-][data-background*=-warning] + [data-background=warning] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-warning] + [data-background*=gradient-warning], [class$=__container] [data-background*=gradient-warning] + [data-background*=gradient-warning], [class*=container--] [data-background*=gradient-warning] + [data-background*=gradient-warning] {
    padding-block-start: 0;
  }
  .container [data-background=success] + [data-background*=gradient-success], [class$=__container] [data-background=success] + [data-background*=gradient-success], [class*=container--] [data-background=success] + [data-background*=gradient-success] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-][data-background*=-success] + [data-background=success], [class$=__container] [data-background*=gradient-][data-background*=-success] + [data-background=success], [class*=container--] [data-background*=gradient-][data-background*=-success] + [data-background=success] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-success] + [data-background*=gradient-success], [class$=__container] [data-background*=gradient-success] + [data-background*=gradient-success], [class*=container--] [data-background*=gradient-success] + [data-background*=gradient-success] {
    padding-block-start: 0;
  }
  .container [data-background=error] + [data-background*=gradient-error], [class$=__container] [data-background=error] + [data-background*=gradient-error], [class*=container--] [data-background=error] + [data-background*=gradient-error] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-][data-background*=-error] + [data-background=error], [class$=__container] [data-background*=gradient-][data-background*=-error] + [data-background=error], [class*=container--] [data-background*=gradient-][data-background*=-error] + [data-background=error] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-error] + [data-background*=gradient-error], [class$=__container] [data-background*=gradient-error] + [data-background*=gradient-error], [class*=container--] [data-background*=gradient-error] + [data-background*=gradient-error] {
    padding-block-start: 0;
  }
  .container [data-background=light] + [data-background*=gradient-light], [class$=__container] [data-background=light] + [data-background*=gradient-light], [class*=container--] [data-background=light] + [data-background*=gradient-light] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-][data-background*=-light] + [data-background=light], [class$=__container] [data-background*=gradient-][data-background*=-light] + [data-background=light], [class*=container--] [data-background*=gradient-][data-background*=-light] + [data-background=light] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-light] + [data-background*=gradient-light], [class$=__container] [data-background*=gradient-light] + [data-background*=gradient-light], [class*=container--] [data-background*=gradient-light] + [data-background*=gradient-light] {
    padding-block-start: 0;
  }
  .container [data-background=dark] + [data-background*=gradient-dark], [class$=__container] [data-background=dark] + [data-background*=gradient-dark], [class*=container--] [data-background=dark] + [data-background*=gradient-dark] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-][data-background*=-dark] + [data-background=dark], [class$=__container] [data-background*=gradient-][data-background*=-dark] + [data-background=dark], [class*=container--] [data-background*=gradient-][data-background*=-dark] + [data-background=dark] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-dark] + [data-background*=gradient-dark], [class$=__container] [data-background*=gradient-dark] + [data-background*=gradient-dark], [class*=container--] [data-background*=gradient-dark] + [data-background*=gradient-dark] {
    padding-block-start: 0;
  }
  .container [data-background=white] + [data-background*=gradient-white], [class$=__container] [data-background=white] + [data-background*=gradient-white], [class*=container--] [data-background=white] + [data-background*=gradient-white] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-][data-background*=-white] + [data-background=white], [class$=__container] [data-background*=gradient-][data-background*=-white] + [data-background=white], [class*=container--] [data-background*=gradient-][data-background*=-white] + [data-background=white] {
    padding-block-start: 0;
  }
  .container [data-background*=gradient-white] + [data-background*=gradient-white], [class$=__container] [data-background*=gradient-white] + [data-background*=gradient-white], [class*=container--] [data-background*=gradient-white] + [data-background*=gradient-white] {
    padding-block-start: 0;
  }
  .container [class$=__container] {
    margin-inline: auto;
  }
  .container [class$=__container][data-size] {
    margin-inline: unset;
  }
  .container [class$=__container] [class$=__container] {
    padding-inline: 0;
  }
  .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;
    text-decoration: underline;
    text-decoration-color: transparent;
    border-radius: var(--button-border-radius);
    text-align: center;
    color: var(--theme-color-inverse);
    background-color: var(--theme-color);
    border: 1px solid var(--theme-color);
  }
  .button[data-color-theme=primary], [data-color-theme=primary] .button {
    --theme-color: var(--color-primary);
    --theme-color-inverse: var(--readable-color-primary);
  }
  [data-color-theme=white][data-background=primary] .button {
    --readable-color-primary: var(--color-primary);
  }
  [data-color-theme=white][data-background=secondary] .button {
    --readable-color-primary: var(--color-secondary);
  }
  [data-color-theme=white][data-background=accent] .button {
    --readable-color-primary: var(--color-accent);
  }
  [data-color-theme=white][data-background=info] .button {
    --readable-color-primary: var(--color-info);
  }
  [data-color-theme=white][data-background=warning] .button {
    --readable-color-primary: var(--color-warning);
  }
  [data-color-theme=white][data-background=success] .button {
    --readable-color-primary: var(--color-success);
  }
  [data-color-theme=white][data-background=error] .button {
    --readable-color-primary: var(--color-error);
  }
  [data-color-theme=white][data-background=light] .button {
    --readable-color-primary: var(--color-light);
  }
  [data-color-theme=white][data-background=dark] .button {
    --readable-color-primary: var(--color-dark);
  }
  [data-color-theme=white][data-background=white] .button {
    --readable-color-primary: var(--color-white);
  }
  .button[data-color-theme=secondary], [data-color-theme=secondary] .button {
    --theme-color: var(--color-secondary);
    --theme-color-inverse: var(--readable-color-secondary);
  }
  [data-color-theme=white][data-background=primary] .button {
    --readable-color-secondary: var(--color-primary);
  }
  [data-color-theme=white][data-background=secondary] .button {
    --readable-color-secondary: var(--color-secondary);
  }
  [data-color-theme=white][data-background=accent] .button {
    --readable-color-secondary: var(--color-accent);
  }
  [data-color-theme=white][data-background=info] .button {
    --readable-color-secondary: var(--color-info);
  }
  [data-color-theme=white][data-background=warning] .button {
    --readable-color-secondary: var(--color-warning);
  }
  [data-color-theme=white][data-background=success] .button {
    --readable-color-secondary: var(--color-success);
  }
  [data-color-theme=white][data-background=error] .button {
    --readable-color-secondary: var(--color-error);
  }
  [data-color-theme=white][data-background=light] .button {
    --readable-color-secondary: var(--color-light);
  }
  [data-color-theme=white][data-background=dark] .button {
    --readable-color-secondary: var(--color-dark);
  }
  [data-color-theme=white][data-background=white] .button {
    --readable-color-secondary: var(--color-white);
  }
  .button[data-color-theme=accent], [data-color-theme=accent] .button {
    --theme-color: var(--color-accent);
    --theme-color-inverse: var(--readable-color-accent);
  }
  [data-color-theme=white][data-background=primary] .button {
    --readable-color-accent: var(--color-primary);
  }
  [data-color-theme=white][data-background=secondary] .button {
    --readable-color-accent: var(--color-secondary);
  }
  [data-color-theme=white][data-background=accent] .button {
    --readable-color-accent: var(--color-accent);
  }
  [data-color-theme=white][data-background=info] .button {
    --readable-color-accent: var(--color-info);
  }
  [data-color-theme=white][data-background=warning] .button {
    --readable-color-accent: var(--color-warning);
  }
  [data-color-theme=white][data-background=success] .button {
    --readable-color-accent: var(--color-success);
  }
  [data-color-theme=white][data-background=error] .button {
    --readable-color-accent: var(--color-error);
  }
  [data-color-theme=white][data-background=light] .button {
    --readable-color-accent: var(--color-light);
  }
  [data-color-theme=white][data-background=dark] .button {
    --readable-color-accent: var(--color-dark);
  }
  [data-color-theme=white][data-background=white] .button {
    --readable-color-accent: var(--color-white);
  }
  .button[data-color-theme=info], [data-color-theme=info] .button {
    --theme-color: var(--color-info);
    --theme-color-inverse: var(--readable-color-info);
  }
  [data-color-theme=white][data-background=primary] .button {
    --readable-color-info: var(--color-primary);
  }
  [data-color-theme=white][data-background=secondary] .button {
    --readable-color-info: var(--color-secondary);
  }
  [data-color-theme=white][data-background=accent] .button {
    --readable-color-info: var(--color-accent);
  }
  [data-color-theme=white][data-background=info] .button {
    --readable-color-info: var(--color-info);
  }
  [data-color-theme=white][data-background=warning] .button {
    --readable-color-info: var(--color-warning);
  }
  [data-color-theme=white][data-background=success] .button {
    --readable-color-info: var(--color-success);
  }
  [data-color-theme=white][data-background=error] .button {
    --readable-color-info: var(--color-error);
  }
  [data-color-theme=white][data-background=light] .button {
    --readable-color-info: var(--color-light);
  }
  [data-color-theme=white][data-background=dark] .button {
    --readable-color-info: var(--color-dark);
  }
  [data-color-theme=white][data-background=white] .button {
    --readable-color-info: var(--color-white);
  }
  .button[data-color-theme=warning], [data-color-theme=warning] .button {
    --theme-color: var(--color-warning);
    --theme-color-inverse: var(--readable-color-warning);
  }
  [data-color-theme=white][data-background=primary] .button {
    --readable-color-warning: var(--color-primary);
  }
  [data-color-theme=white][data-background=secondary] .button {
    --readable-color-warning: var(--color-secondary);
  }
  [data-color-theme=white][data-background=accent] .button {
    --readable-color-warning: var(--color-accent);
  }
  [data-color-theme=white][data-background=info] .button {
    --readable-color-warning: var(--color-info);
  }
  [data-color-theme=white][data-background=warning] .button {
    --readable-color-warning: var(--color-warning);
  }
  [data-color-theme=white][data-background=success] .button {
    --readable-color-warning: var(--color-success);
  }
  [data-color-theme=white][data-background=error] .button {
    --readable-color-warning: var(--color-error);
  }
  [data-color-theme=white][data-background=light] .button {
    --readable-color-warning: var(--color-light);
  }
  [data-color-theme=white][data-background=dark] .button {
    --readable-color-warning: var(--color-dark);
  }
  [data-color-theme=white][data-background=white] .button {
    --readable-color-warning: var(--color-white);
  }
  .button[data-color-theme=success], [data-color-theme=success] .button {
    --theme-color: var(--color-success);
    --theme-color-inverse: var(--readable-color-success);
  }
  [data-color-theme=white][data-background=primary] .button {
    --readable-color-success: var(--color-primary);
  }
  [data-color-theme=white][data-background=secondary] .button {
    --readable-color-success: var(--color-secondary);
  }
  [data-color-theme=white][data-background=accent] .button {
    --readable-color-success: var(--color-accent);
  }
  [data-color-theme=white][data-background=info] .button {
    --readable-color-success: var(--color-info);
  }
  [data-color-theme=white][data-background=warning] .button {
    --readable-color-success: var(--color-warning);
  }
  [data-color-theme=white][data-background=success] .button {
    --readable-color-success: var(--color-success);
  }
  [data-color-theme=white][data-background=error] .button {
    --readable-color-success: var(--color-error);
  }
  [data-color-theme=white][data-background=light] .button {
    --readable-color-success: var(--color-light);
  }
  [data-color-theme=white][data-background=dark] .button {
    --readable-color-success: var(--color-dark);
  }
  [data-color-theme=white][data-background=white] .button {
    --readable-color-success: var(--color-white);
  }
  .button[data-color-theme=error], [data-color-theme=error] .button {
    --theme-color: var(--color-error);
    --theme-color-inverse: var(--readable-color-error);
  }
  [data-color-theme=white][data-background=primary] .button {
    --readable-color-error: var(--color-primary);
  }
  [data-color-theme=white][data-background=secondary] .button {
    --readable-color-error: var(--color-secondary);
  }
  [data-color-theme=white][data-background=accent] .button {
    --readable-color-error: var(--color-accent);
  }
  [data-color-theme=white][data-background=info] .button {
    --readable-color-error: var(--color-info);
  }
  [data-color-theme=white][data-background=warning] .button {
    --readable-color-error: var(--color-warning);
  }
  [data-color-theme=white][data-background=success] .button {
    --readable-color-error: var(--color-success);
  }
  [data-color-theme=white][data-background=error] .button {
    --readable-color-error: var(--color-error);
  }
  [data-color-theme=white][data-background=light] .button {
    --readable-color-error: var(--color-light);
  }
  [data-color-theme=white][data-background=dark] .button {
    --readable-color-error: var(--color-dark);
  }
  [data-color-theme=white][data-background=white] .button {
    --readable-color-error: var(--color-white);
  }
  .button[data-color-theme=light], [data-color-theme=light] .button {
    --theme-color: var(--color-light);
    --theme-color-inverse: var(--readable-color-light);
  }
  [data-color-theme=white][data-background=primary] .button {
    --readable-color-light: var(--color-primary);
  }
  [data-color-theme=white][data-background=secondary] .button {
    --readable-color-light: var(--color-secondary);
  }
  [data-color-theme=white][data-background=accent] .button {
    --readable-color-light: var(--color-accent);
  }
  [data-color-theme=white][data-background=info] .button {
    --readable-color-light: var(--color-info);
  }
  [data-color-theme=white][data-background=warning] .button {
    --readable-color-light: var(--color-warning);
  }
  [data-color-theme=white][data-background=success] .button {
    --readable-color-light: var(--color-success);
  }
  [data-color-theme=white][data-background=error] .button {
    --readable-color-light: var(--color-error);
  }
  [data-color-theme=white][data-background=light] .button {
    --readable-color-light: var(--color-light);
  }
  [data-color-theme=white][data-background=dark] .button {
    --readable-color-light: var(--color-dark);
  }
  [data-color-theme=white][data-background=white] .button {
    --readable-color-light: var(--color-white);
  }
  .button[data-color-theme=dark], [data-color-theme=dark] .button {
    --theme-color: var(--color-dark);
    --theme-color-inverse: var(--readable-color-dark);
  }
  [data-color-theme=white][data-background=primary] .button {
    --readable-color-dark: var(--color-primary);
  }
  [data-color-theme=white][data-background=secondary] .button {
    --readable-color-dark: var(--color-secondary);
  }
  [data-color-theme=white][data-background=accent] .button {
    --readable-color-dark: var(--color-accent);
  }
  [data-color-theme=white][data-background=info] .button {
    --readable-color-dark: var(--color-info);
  }
  [data-color-theme=white][data-background=warning] .button {
    --readable-color-dark: var(--color-warning);
  }
  [data-color-theme=white][data-background=success] .button {
    --readable-color-dark: var(--color-success);
  }
  [data-color-theme=white][data-background=error] .button {
    --readable-color-dark: var(--color-error);
  }
  [data-color-theme=white][data-background=light] .button {
    --readable-color-dark: var(--color-light);
  }
  [data-color-theme=white][data-background=dark] .button {
    --readable-color-dark: var(--color-dark);
  }
  [data-color-theme=white][data-background=white] .button {
    --readable-color-dark: var(--color-white);
  }
  .button[data-color-theme=white], [data-color-theme=white] .button {
    --theme-color: var(--color-white);
    --theme-color-inverse: var(--readable-color-white);
  }
  [data-color-theme=white][data-background=primary] .button {
    --readable-color-white: var(--color-primary);
  }
  [data-color-theme=white][data-background=secondary] .button {
    --readable-color-white: var(--color-secondary);
  }
  [data-color-theme=white][data-background=accent] .button {
    --readable-color-white: var(--color-accent);
  }
  [data-color-theme=white][data-background=info] .button {
    --readable-color-white: var(--color-info);
  }
  [data-color-theme=white][data-background=warning] .button {
    --readable-color-white: var(--color-warning);
  }
  [data-color-theme=white][data-background=success] .button {
    --readable-color-white: var(--color-success);
  }
  [data-color-theme=white][data-background=error] .button {
    --readable-color-white: var(--color-error);
  }
  [data-color-theme=white][data-background=light] .button {
    --readable-color-white: var(--color-light);
  }
  [data-color-theme=white][data-background=dark] .button {
    --readable-color-white: var(--color-dark);
  }
  [data-color-theme=white][data-background=white] .button {
    --readable-color-white: var(--color-white);
  }
  .button:hover, .button:focus, .button:active {
    background-color: color-mix(in srgb, var(--color-var(--theme-color)) 90%, black);
    border-color: color-mix(in srgb, var(--color-var(--theme-color)) 90%, black);
    color: var(--theme-color-inverse);
  }
  .button.is-style-outline, .button[data-style=outline] {
    color: var(--theme-color);
    background-color: transparent;
  }
  .button > span {
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: text-decoration-color 0.3s, color 0.3s;
  }
  .button:hover > span, .button:focus > span, .button:active > span {
    text-decoration-color: currentColor;
  }
  .button:has(i, svg) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xs);
  }
  .button:disabled, .button[aria-disabled=true] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
  }
  .accordion[data-background=white] {
    background: white;
  }
  .accordion-intro {
    padding-block-end: var(--spacing-md);
  }
  .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 (min-width: 600px) {
    .banner__cover-image {
      height: 75dvh;
    }
  }
  @container (min-width: 940px) {
    .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;
  }
  @container (max-width: 768px) {
    .banner__container {
      justify-content: center !important;
    }
  }
  .banner__content {
    position: relative;
    z-index: 200;
    padding: var(--spacing-lg);
    text-align: center;
    justify-content: center;
  }
  @container (max-width: 600px) {
    .banner__content .button-group {
      justify-content: center;
    }
  }
  @container (min-width: 600px) {
    .banner__content {
      text-align: revert;
    }
  }
  @container (min-width: 940px) {
    .banner__content {
      padding: var(--spacing-xl);
    }
  }
  @container (max-width: 768px) {
    .banner__content {
      max-width: 75cqw !important;
    }
  }
  .banner-v2 {
    padding-block-start: 0;
    position: relative;
    container-type: inline-size;
    max-width: 1920px;
    margin-inline: auto;
  }
  .banner-v2__image {
    display: flex;
    width: 100%;
    overflow: hidden;
    height: 50dvh;
  }
  @container (min-width: 940px) {
    .banner-v2__image {
      height: fit-content;
      justify-content: center;
    }
  }
  .banner-v2__image__frame {
    overflow: hidden;
    container-type: size;
  }
  @container (min-width: 940px) {
    .banner-v2__image__frame {
      width: 100%;
      height: auto;
    }
  }
  .banner-v2__image__frame__inner {
    min-width: 100%;
    height: 100cqh;
    object-fit: cover;
  }
  @container (min-width: 940px) {
    .banner-v2__image__frame__inner {
      overflow: visible;
      max-width: none !important;
      width: fit-content;
      height: fit-content;
      transition: all 0.3s ease-in-out;
      position: relative;
    }
  }
  .banner-v2__image__frame__inner img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: var(--focal-point-x) var(--focal-point-y);
  }
  @container (min-width: 940px) {
    .banner-v2__image__frame__inner img {
      object-position: unset;
      width: calc(100% + abs(var(--offset-x, 0)));
      min-height: 100cqh;
      height: calc(100% + abs(var(--offset-y, 0)));
      position: relative;
      left: var(--offset-x);
      top: var(--offset-y);
    }
  }
  .banner-v2__container {
    width: 100%;
    margin-block-start: -10dvh;
  }
  @media (min-width: 768px) {
    .banner-v2__container {
      margin-block-start: -20dvh;
    }
    .banner-v2__container:has(> [data-max-width]) {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: var(--spacing-lg);
    }
    .banner-v2__container > [data-max-width] {
      max-width: 100% !important;
    }
    .banner-v2__container > [data-max-width="25%"] {
      grid-column: span 3;
    }
    .banner-v2__container > [data-max-width="33%"] {
      grid-column: span 4;
    }
    .banner-v2__container > [data-max-width="50%"] {
      grid-column: span 6;
    }
    .banner-v2__container > [data-max-width="66%"] {
      grid-column: span 8;
    }
    .banner-v2__container > [data-max-width="75%"] {
      grid-column: span 9;
    }
    .banner-v2__container > [data-max-width="100%"] {
      grid-column: span 12;
    }
    .banner-v2__container[data-halign=center] > [data-max-width="25%"] {
      grid-column: 5/span 3;
    }
    .banner-v2__container[data-halign=center] > [data-max-width="33%"] {
      grid-column: 5/span 4;
    }
    .banner-v2__container[data-halign=center] > [data-max-width="50%"] {
      grid-column: 4/span 6;
    }
    .banner-v2__container[data-halign=center] > [data-max-width="66%"] {
      grid-column: 3/span 8;
    }
    .banner-v2__container[data-halign=center] > [data-max-width="75%"] {
      grid-column: 2/span 9;
    }
    .banner-v2__container[data-halign=center] > [data-max-width="100%"] {
      grid-column: 1/span 12;
    }
    .banner-v2__container[data-halign=end] > [data-max-width="25%"] {
      grid-column: span 3/-1;
    }
    .banner-v2__container[data-halign=end] > [data-max-width="33%"] {
      grid-column: span 4/-1;
    }
    .banner-v2__container[data-halign=end] > [data-max-width="50%"] {
      grid-column: span 6/-1;
    }
    .banner-v2__container[data-halign=end] > [data-max-width="66%"] {
      grid-column: span 8/-1;
    }
    .banner-v2__container[data-halign=end] > [data-max-width="75%"] {
      grid-column: span 9/-1;
    }
    .banner-v2__container[data-halign=end] > [data-max-width="100%"] {
      grid-column: span 12/-1;
    }
  }
  @container (min-width: 940px) {
    .banner-v2__container {
      margin-block-start: 0;
      height: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 100;
    }
  }
  .banner-v2__container__inner {
    background: var(--theme-color);
    background: linear-gradient(5deg, color-mix(in srgb, var(--theme-color) 80%, black) 0%, color-mix(in srgb, var(--theme-color) 90%, black) 50%, var(--theme-color) 80%);
    color: var(--theme-color-inverse);
    padding: var(--spacing-lg);
  }
  .banner-v2__container__inner h1 {
    color: var(--theme-color-inverse);
  }
  .banner-v2__container__inner h1 > span:first-child {
    display: block;
    font-size: 0.5em;
  }
  .banner-v2__container__inner .button[data-style=outline] {
    background: var(--theme-color-inverse);
  }
  @container (max-width: 767px) {
    .banner-v2__container__inner {
      max-width: 75cqw !important;
      margin-inline: auto;
    }
  }
  .breadcrumbs__list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-xs);
    margin-block: var(--spacing-md);
    margin-inline: 0;
  }
  .breadcrumbs__list__item {
    display: flex;
    font-size: 0.9rem;
  }
  .breadcrumbs__list__item__link {
    color: inherit;
    display: block;
    opacity: 0.75;
    text-decoration: underline;
    text-decoration-color: transparent;
  }
  .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;
  }
  .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__content {
    width: 100%;
    padding: var(--spacing-lg);
    text-align: center;
  }
  @container (min-width: 600px) {
    .call-to-action__content {
      text-align: revert;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
    [data-halign=center] .call-to-action__content {
      align-items: center;
    }
    [data-halign=end] .call-to-action__content {
      align-items: center;
    }
  }
  @container (min-width: 940px) {
    .call-to-action__content {
      padding: var(--spacing-xl);
    }
  }
  .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 [class$=__container], [class$=__card-list] [class$=__container], [class*=card-list--] [class$=__container] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
  }
  .card-list__header, [class$=__card-list__header], .card-list__footer, [class$=__card-list__footer] {
    display: flex;
    justify-content: inherit;
  }
  .card-list__header:has(:nth-child(2)), [class$=__card-list__header]:has(:nth-child(2)) {
    justify-content: space-between;
    align-items: center;
  }
  .card-list__header h2, [class$=__card-list__header] h2 {
    margin: 0;
  }
  .card-list__list, [class$=__card-list__list], [class*=card-list__list--] {
    gap: var(--spacing-lg);
  }
  .card-list__list__item, [class$=__card-list__list__item] {
    container-type: inline-size;
  }
  .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: 400px) {
    .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-sm);
    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 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--] {
    min-width: 0;
    display: flex;
    flex-direction: column;
  }
  .columns__container, [class$=__columns__container] {
    display: grid;
    display: grid;
    grid-gap: var(--spacing-lg);
  }
  @container (min-width: 940px) {
    .columns__container, [class$=__columns__container] {
      grid-gap: var(--spacing-xl);
    }
  }
  .columns__container[data-count="2"]:not([data-allow-layout-stacking=false]), [data-count="2"][class$=__columns__container]:not([data-allow-layout-stacking=false]), .columns__container[data-count="4"]:not([data-allow-layout-stacking=false]), [data-count="4"][class$=__columns__container]:not([data-allow-layout-stacking=false]), .columns__container[data-count="6"]:not([data-allow-layout-stacking=false]), [data-count="6"][class$=__columns__container]:not([data-allow-layout-stacking=false]) {
    grid-template-columns: repeat(1, 1fr);
  }
  @container (max-width: 768px - 1px) {
    .columns__container[data-count="2"]:not([data-allow-layout-stacking=false]), [data-count="2"][class$=__columns__container]:not([data-allow-layout-stacking=false]), .columns__container[data-count="4"]:not([data-allow-layout-stacking=false]), [data-count="4"][class$=__columns__container]:not([data-allow-layout-stacking=false]), .columns__container[data-count="6"]:not([data-allow-layout-stacking=false]), [data-count="6"][class$=__columns__container]:not([data-allow-layout-stacking=false]) {
      flex-wrap: wrap;
    }
    .columns__container[data-count="2"]:not([data-allow-layout-stacking=false]) .column, [data-count="2"][class$=__columns__container]:not([data-allow-layout-stacking=false]) .column,
    .columns__container[data-count="2"]:not([data-allow-layout-stacking=false]) [class$=__column],
    [data-count="2"][class$=__columns__container]:not([data-allow-layout-stacking=false]) [class$=__column], .columns__container[data-count="4"]:not([data-allow-layout-stacking=false]) .column, [data-count="4"][class$=__columns__container]:not([data-allow-layout-stacking=false]) .column,
    .columns__container[data-count="4"]:not([data-allow-layout-stacking=false]) [class$=__column],
    [data-count="4"][class$=__columns__container]:not([data-allow-layout-stacking=false]) [class$=__column], .columns__container[data-count="6"]:not([data-allow-layout-stacking=false]) .column, [data-count="6"][class$=__columns__container]:not([data-allow-layout-stacking=false]) .column,
    .columns__container[data-count="6"]:not([data-allow-layout-stacking=false]) [class$=__column],
    [data-count="6"][class$=__columns__container]:not([data-allow-layout-stacking=false]) [class$=__column] {
      grid-column: 1/-1;
      width: 100% !important;
      flex-basis: 100% !important;
      min-width: 100%;
    }
  }
  @container (min-width: 768px) {
    .columns__container[data-count="2"]:not([data-allow-layout-stacking=false]), [data-count="2"][class$=__columns__container]:not([data-allow-layout-stacking=false]), .columns__container[data-count="4"]:not([data-allow-layout-stacking=false]), [data-count="4"][class$=__columns__container]:not([data-allow-layout-stacking=false]), .columns__container[data-count="6"]:not([data-allow-layout-stacking=false]), [data-count="6"][class$=__columns__container]:not([data-allow-layout-stacking=false]) {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @container (min-width: 768px) {
    .columns__container[data-count="4"]:not([data-allow-layout-stacking=false]), [data-count="4"][class$=__columns__container]:not([data-allow-layout-stacking=false]) {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  @container (min-width: 940px) {
    .columns__container[data-count="3"]:not([data-allow-layout-stacking=false]), [data-count="3"][class$=__columns__container]:not([data-allow-layout-stacking=false]), .columns__container[data-count="6"]:not([data-allow-layout-stacking=false]), [data-count="6"][class$=__columns__container]:not([data-allow-layout-stacking=false]) {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @container (min-width: 940px) {
    .columns__container[data-count="5"]:not([data-allow-layout-stacking=false]), [data-count="5"][class$=__columns__container]:not([data-allow-layout-stacking=false]) {
      grid-template-columns: repeat(5, 1fr);
    }
  }
  @container (min-width: 940px) {
    .columns__container[data-count="6"]:not([data-allow-layout-stacking=false]), [data-count="6"][class$=__columns__container]:not([data-allow-layout-stacking=false]) {
      grid-template-columns: repeat(5, 1fr);
    }
  }
  .columns__container:has(> [class*="--has-own-width"]), [class$=__columns__container]:has(> [class*="--has-own-width"]) {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--spacing-md);
  }
  @container (min-width: 940px) {
    .columns__container:has(> [class*="--has-own-width"]), [class$=__columns__container]:has(> [class*="--has-own-width"]) {
      gap: var(--spacing-lg);
    }
  }
  .columns:not(:has([class*=__container])), [class$=__columns]:not(:has([class*=__container])), [class*=columns--]:not(:has([class*=__container])) {
    display: grid;
    grid-gap: var(--spacing-lg);
  }
  @container (min-width: 940px) {
    .columns:not(:has([class*=__container])), [class$=__columns]:not(:has([class*=__container])), [class*=columns--]:not(:has([class*=__container])) {
      grid-gap: var(--spacing-xl);
    }
  }
  .columns:not(:has([class*=__container]))[data-count="2"]:not([data-allow-layout-stacking=false]), [class$=__columns]:not(:has([class*=__container]))[data-count="2"]:not([data-allow-layout-stacking=false]), [class*=columns--]:not(:has([class*=__container]))[data-count="2"]:not([data-allow-layout-stacking=false]), .columns:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]), [class$=__columns]:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]), [class*=columns--]:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]), .columns:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]), [class$=__columns]:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]), [class*=columns--]:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]) {
    grid-template-columns: repeat(1, 1fr);
  }
  @container (max-width: 768px - 1px) {
    .columns:not(:has([class*=__container]))[data-count="2"]:not([data-allow-layout-stacking=false]), [class$=__columns]:not(:has([class*=__container]))[data-count="2"]:not([data-allow-layout-stacking=false]), [class*=columns--]:not(:has([class*=__container]))[data-count="2"]:not([data-allow-layout-stacking=false]), .columns:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]), [class$=__columns]:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]), [class*=columns--]:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]), .columns:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]), [class$=__columns]:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]), [class*=columns--]:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]) {
      flex-wrap: wrap;
    }
    .columns:not(:has([class*=__container]))[data-count="2"]:not([data-allow-layout-stacking=false]) .column, [class$=__columns]:not(:has([class*=__container]))[data-count="2"]:not([data-allow-layout-stacking=false]) .column, [class*=columns--]:not(:has([class*=__container]))[data-count="2"]:not([data-allow-layout-stacking=false]) .column,
    .columns:not(:has([class*=__container]))[data-count="2"]:not([data-allow-layout-stacking=false]) [class$=__column],
    [class$=__columns]:not(:has([class*=__container]))[data-count="2"]:not([data-allow-layout-stacking=false]) [class$=__column],
    [class*=columns--]:not(:has([class*=__container]))[data-count="2"]:not([data-allow-layout-stacking=false]) [class$=__column], .columns:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]) .column, [class$=__columns]:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]) .column, [class*=columns--]:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]) .column,
    .columns:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]) [class$=__column],
    [class$=__columns]:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]) [class$=__column],
    [class*=columns--]:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]) [class$=__column], .columns:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]) .column, [class$=__columns]:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]) .column, [class*=columns--]:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]) .column,
    .columns:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]) [class$=__column],
    [class$=__columns]:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]) [class$=__column],
    [class*=columns--]:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]) [class$=__column] {
      grid-column: 1/-1;
      width: 100% !important;
      flex-basis: 100% !important;
      min-width: 100%;
    }
  }
  @container (min-width: 768px) {
    .columns:not(:has([class*=__container]))[data-count="2"]:not([data-allow-layout-stacking=false]), [class$=__columns]:not(:has([class*=__container]))[data-count="2"]:not([data-allow-layout-stacking=false]), [class*=columns--]:not(:has([class*=__container]))[data-count="2"]:not([data-allow-layout-stacking=false]), .columns:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]), [class$=__columns]:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]), [class*=columns--]:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]), .columns:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]), [class$=__columns]:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]), [class*=columns--]:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]) {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @container (min-width: 768px) {
    .columns:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]), [class$=__columns]:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]), [class*=columns--]:not(:has([class*=__container]))[data-count="4"]:not([data-allow-layout-stacking=false]) {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  @container (min-width: 940px) {
    .columns:not(:has([class*=__container]))[data-count="3"]:not([data-allow-layout-stacking=false]), [class$=__columns]:not(:has([class*=__container]))[data-count="3"]:not([data-allow-layout-stacking=false]), [class*=columns--]:not(:has([class*=__container]))[data-count="3"]:not([data-allow-layout-stacking=false]), .columns:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]), [class$=__columns]:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]), [class*=columns--]:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]) {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @container (min-width: 940px) {
    .columns:not(:has([class*=__container]))[data-count="5"]:not([data-allow-layout-stacking=false]), [class$=__columns]:not(:has([class*=__container]))[data-count="5"]:not([data-allow-layout-stacking=false]), [class*=columns--]:not(:has([class*=__container]))[data-count="5"]:not([data-allow-layout-stacking=false]) {
      grid-template-columns: repeat(5, 1fr);
    }
  }
  @container (min-width: 940px) {
    .columns:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]), [class$=__columns]:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]), [class*=columns--]:not(:has([class*=__container]))[data-count="6"]:not([data-allow-layout-stacking=false]) {
      grid-template-columns: repeat(5, 1fr);
    }
  }
  .columns:not(:has([class*=__container])):has(> [class*="--has-own-width"]), [class$=__columns]:not(:has([class*=__container])):has(> [class*="--has-own-width"]), [class*=columns--]:not(:has([class*=__container])):has(> [class*="--has-own-width"]) {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--spacing-md);
  }
  @container (min-width: 940px) {
    .columns:not(:has([class*=__container])):has(> [class*="--has-own-width"]), [class$=__columns]:not(:has([class*=__container])):has(> [class*="--has-own-width"]), [class*=columns--]:not(:has([class*=__container])):has(> [class*="--has-own-width"]) {
      gap: var(--spacing-lg);
    }
  }
  .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;
  }
  .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;
  }
  .copy__container {
    display: block;
  }
  .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;
  }
  .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;
  }
  .events {
    width: 100%;
  }
  .events__heading {
    color: var(--theme-color);
  }
  .events__list {
    margin: 0;
  }
  .events .button--view-all {
    margin-block-start: var(--spacing-md);
  }
  .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] .file-group__file, .file-group__file[data-color-theme=primary] {
    background: color-mix(in srgb, var(--color-primary) 10%, white);
  }
  [data-color-theme=primary] .file-group__file:hover, [data-color-theme=primary] .file-group__file:focus, [data-color-theme=primary] .file-group__file:active, .file-group__file[data-color-theme=primary]:hover, .file-group__file[data-color-theme=primary]:focus, .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] .file-group__file, .file-group__file[data-color-theme=secondary] {
    background: color-mix(in srgb, var(--color-secondary) 10%, white);
  }
  [data-color-theme=secondary] .file-group__file:hover, [data-color-theme=secondary] .file-group__file:focus, [data-color-theme=secondary] .file-group__file:active, .file-group__file[data-color-theme=secondary]:hover, .file-group__file[data-color-theme=secondary]:focus, .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] .file-group__file, .file-group__file[data-color-theme=accent] {
    background: color-mix(in srgb, var(--color-accent) 10%, white);
  }
  [data-color-theme=accent] .file-group__file:hover, [data-color-theme=accent] .file-group__file:focus, [data-color-theme=accent] .file-group__file:active, .file-group__file[data-color-theme=accent]:hover, .file-group__file[data-color-theme=accent]:focus, .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] .file-group__file, .file-group__file[data-color-theme=info] {
    background: color-mix(in srgb, var(--color-info) 10%, white);
  }
  [data-color-theme=info] .file-group__file:hover, [data-color-theme=info] .file-group__file:focus, [data-color-theme=info] .file-group__file:active, .file-group__file[data-color-theme=info]:hover, .file-group__file[data-color-theme=info]:focus, .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] .file-group__file, .file-group__file[data-color-theme=warning] {
    background: color-mix(in srgb, var(--color-warning) 10%, white);
  }
  [data-color-theme=warning] .file-group__file:hover, [data-color-theme=warning] .file-group__file:focus, [data-color-theme=warning] .file-group__file:active, .file-group__file[data-color-theme=warning]:hover, .file-group__file[data-color-theme=warning]:focus, .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] .file-group__file, .file-group__file[data-color-theme=success] {
    background: color-mix(in srgb, var(--color-success) 10%, white);
  }
  [data-color-theme=success] .file-group__file:hover, [data-color-theme=success] .file-group__file:focus, [data-color-theme=success] .file-group__file:active, .file-group__file[data-color-theme=success]:hover, .file-group__file[data-color-theme=success]:focus, .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] .file-group__file, .file-group__file[data-color-theme=error] {
    background: color-mix(in srgb, var(--color-error) 10%, white);
  }
  [data-color-theme=error] .file-group__file:hover, [data-color-theme=error] .file-group__file:focus, [data-color-theme=error] .file-group__file:active, .file-group__file[data-color-theme=error]:hover, .file-group__file[data-color-theme=error]:focus, .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] .file-group__file, .file-group__file[data-color-theme=light] {
    background: color-mix(in srgb, var(--color-light) 10%, white);
  }
  [data-color-theme=light] .file-group__file:hover, [data-color-theme=light] .file-group__file:focus, [data-color-theme=light] .file-group__file:active, .file-group__file[data-color-theme=light]:hover, .file-group__file[data-color-theme=light]:focus, .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] .file-group__file, .file-group__file[data-color-theme=dark] {
    background: color-mix(in srgb, var(--color-dark) 10%, white);
  }
  [data-color-theme=dark] .file-group__file:hover, [data-color-theme=dark] .file-group__file:focus, [data-color-theme=dark] .file-group__file:active, .file-group__file[data-color-theme=dark]:hover, .file-group__file[data-color-theme=dark]:focus, .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] .file-group__file, .file-group__file[data-color-theme=white] {
    background: color-mix(in srgb, var(--color-white) 10%, white);
  }
  [data-color-theme=white] .file-group__file:hover, [data-color-theme=white] .file-group__file:focus, [data-color-theme=white] .file-group__file:active, .file-group__file[data-color-theme=white]:hover, .file-group__file[data-color-theme=white]:focus, .file-group__file[data-color-theme=white]:active {
    background: color-mix(in srgb, var(--color-white) 20%, white);
    color: var(--color-white);
  }
  .file-group__file__icon {
    font-size: 2rem;
  }
  [data-color-theme=primary] .file-group__file__icon {
    color: var(--color-primary);
  }
  [data-color-theme=secondary] .file-group__file__icon {
    color: var(--color-secondary);
  }
  [data-color-theme=accent] .file-group__file__icon {
    color: var(--color-accent);
  }
  [data-color-theme=info] .file-group__file__icon {
    color: var(--color-info);
  }
  [data-color-theme=warning] .file-group__file__icon {
    color: var(--color-warning);
  }
  [data-color-theme=success] .file-group__file__icon {
    color: var(--color-success);
  }
  [data-color-theme=error] .file-group__file__icon {
    color: var(--color-error);
  }
  [data-color-theme=light] .file-group__file__icon {
    color: var(--color-light);
  }
  [data-color-theme=dark] .file-group__file__icon {
    color: var(--color-dark);
  }
  [data-color-theme=white] .file-group__file__icon {
    color: var(--color-white);
  }
  .file-group__file__content:has(> :only-child) {
    display: flex;
    align-items: center;
  }
  .file-group__file__content__title {
    font-weight: var(--font-weight-semibold);
    display: block;
  }
  [data-color-theme=primary] .file-group__file__content__title {
    color: var(--color-primary);
  }
  [data-color-theme=secondary] .file-group__file__content__title {
    color: var(--color-secondary);
  }
  [data-color-theme=accent] .file-group__file__content__title {
    color: var(--color-accent);
  }
  [data-color-theme=info] .file-group__file__content__title {
    color: var(--color-info);
  }
  [data-color-theme=warning] .file-group__file__content__title {
    color: var(--color-warning);
  }
  [data-color-theme=success] .file-group__file__content__title {
    color: var(--color-success);
  }
  [data-color-theme=error] .file-group__file__content__title {
    color: var(--color-error);
  }
  [data-color-theme=light] .file-group__file__content__title {
    color: var(--color-light);
  }
  [data-color-theme=dark] .file-group__file__content__title {
    color: var(--color-dark);
  }
  [data-color-theme=white] .file-group__file__content__title {
    color: var(--color-white);
  }
  .file-group__file__content__description {
    display: block;
    font-size: var(--font-size-sm);
    line-height: 1.3;
    font-weight: var(--font-weight-light);
  }
  .file-group__file__content__meta {
    margin-block-start: var(--spacing-xxs);
    display: flex;
    gap: var(--spacing-sm);
    justify-content: flex-end;
  }
  .file-group__file__content__meta__size, .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);
  }
  .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;
  }
  .group--breakout {
    width: 100cqw;
    position: relative;
    z-index: 300;
    padding-inline: var(--spacing-md);
  }
  [class*=container] .group--breakout {
    max-width: var(--width-contained);
  }
  [class*=container][data-size=fullwidth] .group--breakout {
    max-width: 100vw;
  }
  [class*=container][data-size=wide] .group--breakout {
    max-width: var(--width-wide);
  }
  [class*=container][data-size=narrow] .group--breakout {
    max-width: var(--width-narrow);
  }
  .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 (max-width: 768px) {
    .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 (max-width: 768px) {
    .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 (min-width: 768px) {
    .image-and-text__content:nth-of-type(2) {
      margin-block-start: var(--overlay-amount);
    }
  }
  .link-group, [class$=__link-group], [class*=link-group--] {
    width: 100%;
  }
  .link-group[data-group-layout=inline], [data-group-layout=inline][class$=__link-group], [data-group-layout=inline][class*=link-group--] {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-md);
  }
  .link-group__link, [class$=__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);
  }
  .link-group__link:hover, [class$=__link-group__link]:hover, .link-group__link:focus, [class$=__link-group__link]:focus, .link-group__link:active, [class$=__link-group__link]:active {
    background: color-mix(in srgb, var(--theme-color) 20%, white);
    color: var(--theme-color);
  }
  [data-group-layout=grid] .link-group__link, [data-group-layout=grid] [class$=__link-group__link] {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  [data-group-layout=inline] .link-group__link, [data-group-layout=inline] [class$=__link-group__link] {
    display: inline-flex;
    flex-direction: row-reverse;
    gap: var(--spacing-xxs);
    padding: 0;
    background: transparent;
    color: var(--theme-color);
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: all 0.2s ease-in-out;
    font-size: var(--font-size-sm);
    margin-block: 0;
  }
  [data-group-layout=inline] .link-group__link:hover, [data-group-layout=inline] [class$=__link-group__link]:hover, [data-group-layout=inline] .link-group__link:focus, [data-group-layout=inline] [class$=__link-group__link]:focus, [data-group-layout=inline] .link-group__link:active, [data-group-layout=inline] [class$=__link-group__link]:active {
    color: color-mix(in srgb, var(--theme-color) 90%, black);
    text-decoration-color: currentColor;
  }
  .link-group__link__icon {
    font-size: 1.25rem;
    color: var(--theme-color);
    grid-row: span 2;
  }
  [data-group-layout=inline] .link-group__link__icon {
    font-size: 1em;
  }
  .link-group__link__label, .link-group__link__description {
    display: block;
  }
  .link-group__link__label {
    font-weight: var(--font-weight-bold);
    display: block;
    color: var(--theme-color);
  }
  [data-group-layout=inline] .link-group__link__label {
    font-weight: var(--font-weight-normal);
  }
  .link-group__link__description {
    display: block;
    font-size: var(--font-size-sm);
  }
  @container (min-width: 1024px) {
    .page-header {
      padding-top: 0;
    }
  }
  .page-header .breadcrumbs {
    width: 100%;
    flex-basis: 100%;
  }
  .page-header h1 {
    margin-top: var(--spacing-xs);
    margin-bottom: 0;
    width: 100%;
    flex-basis: 100%;
  }
  .post-nav {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
  }
  @container (min-width: 800px) {
    .post-nav {
      grid-template-columns: repeat(10, 1fr);
    }
  }
  .post-nav:not(:first-child) {
    margin-block-start: var(--spacing-md);
  }
  .post-nav__link {
    text-decoration: underline;
    text-decoration-color: transparent;
    color: var(--theme-color);
    transition: all 0.3s ease;
  }
  @container (min-width: 800px) {
    .post-nav__link {
      grid-column: span 3;
    }
  }
  .post-nav__link:hover, .post-nav__link:focus, .post-nav__link:active {
    text-decoration-color: currentColor;
  }
  .post-nav__link > span > span {
    display: block;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
  }
  .post-nav__link > i, .post-nav__link > svg {
    transition: all 0.2s ease;
  }
  .post-nav__link--prev:hover > i, .post-nav__link--prev:hover > svg, .post-nav__link--prev:focus > i, .post-nav__link--prev:focus > svg, .post-nav__link--prev:active > i, .post-nav__link--prev:active > svg {
    transform: translateX(-0.5rem);
  }
  .post-nav__link--next {
    text-align: end;
  }
  .post-nav__link--next:hover > i, .post-nav__link--next:hover > svg, .post-nav__link--next:focus > i, .post-nav__link--next:focus > svg, .post-nav__link--next:active > i, .post-nav__link--next:active > svg {
    transform: translateX(0.5rem);
  }
  @container (min-width: 800px) {
    .post-nav__link--next {
      grid-column: span 3/-1;
    }
  }
  .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;
    }
  }
  .section-navigation[data-color-theme=primary] {
    background: color-mix(in srgb, var(--color-primary) 5%, white);
    border-left: 0.125rem solid var(--color-primary);
  }
  .section-navigation[data-color-theme=primary] a {
    color: var(--color-primary);
  }
  .section-navigation[data-color-theme=secondary] {
    background: color-mix(in srgb, var(--color-secondary) 5%, white);
    border-left: 0.125rem solid var(--color-secondary);
  }
  .section-navigation[data-color-theme=secondary] a {
    color: var(--color-secondary);
  }
  .section-navigation[data-color-theme=accent] {
    background: color-mix(in srgb, var(--color-accent) 5%, white);
    border-left: 0.125rem solid var(--color-accent);
  }
  .section-navigation[data-color-theme=accent] a {
    color: var(--color-accent);
  }
  .section-navigation[data-color-theme=info] {
    background: color-mix(in srgb, var(--color-info) 5%, white);
    border-left: 0.125rem solid var(--color-info);
  }
  .section-navigation[data-color-theme=info] a {
    color: var(--color-info);
  }
  .section-navigation[data-color-theme=warning] {
    background: color-mix(in srgb, var(--color-warning) 5%, white);
    border-left: 0.125rem solid var(--color-warning);
  }
  .section-navigation[data-color-theme=warning] a {
    color: var(--color-warning);
  }
  .section-navigation[data-color-theme=success] {
    background: color-mix(in srgb, var(--color-success) 5%, white);
    border-left: 0.125rem solid var(--color-success);
  }
  .section-navigation[data-color-theme=success] a {
    color: var(--color-success);
  }
  .section-navigation[data-color-theme=error] {
    background: color-mix(in srgb, var(--color-error) 5%, white);
    border-left: 0.125rem solid var(--color-error);
  }
  .section-navigation[data-color-theme=error] a {
    color: var(--color-error);
  }
  .section-navigation[data-color-theme=light] {
    background: color-mix(in srgb, var(--color-light) 5%, white);
    border-left: 0.125rem solid var(--color-light);
  }
  .section-navigation[data-color-theme=light] a {
    color: var(--color-light);
  }
  .section-navigation[data-color-theme=dark] {
    background: color-mix(in srgb, var(--color-dark) 5%, white);
    border-left: 0.125rem solid var(--color-dark);
  }
  .section-navigation[data-color-theme=dark] a {
    color: var(--color-dark);
  }
  .section-navigation[data-color-theme=white] {
    background: color-mix(in srgb, var(--color-white) 5%, white);
    border-left: 0.125rem solid var(--color-white);
  }
  .section-navigation[data-color-theme=white] a {
    color: var(--color-white);
  }
  .section-navigation__menu-list {
    display: block;
    padding: 0;
    margin: 0;
  }
  .section-navigation__menu-list__item {
    display: block;
  }
  .section-navigation__menu-list__item__link {
    display: block;
    padding: var(--spacing-xs) var(--spacing-sm);
    font-family: var(--font-family-accent);
    font-weight: var(--font-weight-bold);
    font-size: 1.25rem;
    text-decoration: underline;
    text-decoration-color: transparent;
  }
  .section-navigation__menu-list__item__link:hover, .section-navigation__menu-list__item__link:focus, .section-navigation__menu-list__item__link:active {
    text-decoration-color: currentColor;
  }
  [data-color-theme=primary] .section-navigation__menu-list__item__link:hover, [data-color-theme=primary] .section-navigation__menu-list__item__link:focus, [data-color-theme=primary] .section-navigation__menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-primary) 20%, white);
    border-color: var(--color-primary);
  }
  [data-color-theme=secondary] .section-navigation__menu-list__item__link:hover, [data-color-theme=secondary] .section-navigation__menu-list__item__link:focus, [data-color-theme=secondary] .section-navigation__menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-secondary) 20%, white);
    border-color: var(--color-secondary);
  }
  [data-color-theme=accent] .section-navigation__menu-list__item__link:hover, [data-color-theme=accent] .section-navigation__menu-list__item__link:focus, [data-color-theme=accent] .section-navigation__menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-accent) 20%, white);
    border-color: var(--color-accent);
  }
  [data-color-theme=info] .section-navigation__menu-list__item__link:hover, [data-color-theme=info] .section-navigation__menu-list__item__link:focus, [data-color-theme=info] .section-navigation__menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-info) 20%, white);
    border-color: var(--color-info);
  }
  [data-color-theme=warning] .section-navigation__menu-list__item__link:hover, [data-color-theme=warning] .section-navigation__menu-list__item__link:focus, [data-color-theme=warning] .section-navigation__menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-warning) 20%, white);
    border-color: var(--color-warning);
  }
  [data-color-theme=success] .section-navigation__menu-list__item__link:hover, [data-color-theme=success] .section-navigation__menu-list__item__link:focus, [data-color-theme=success] .section-navigation__menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-success) 20%, white);
    border-color: var(--color-success);
  }
  [data-color-theme=error] .section-navigation__menu-list__item__link:hover, [data-color-theme=error] .section-navigation__menu-list__item__link:focus, [data-color-theme=error] .section-navigation__menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-error) 20%, white);
    border-color: var(--color-error);
  }
  [data-color-theme=light] .section-navigation__menu-list__item__link:hover, [data-color-theme=light] .section-navigation__menu-list__item__link:focus, [data-color-theme=light] .section-navigation__menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-light) 20%, white);
    border-color: var(--color-light);
  }
  [data-color-theme=dark] .section-navigation__menu-list__item__link:hover, [data-color-theme=dark] .section-navigation__menu-list__item__link:focus, [data-color-theme=dark] .section-navigation__menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-dark) 20%, white);
    border-color: var(--color-dark);
  }
  [data-color-theme=white] .section-navigation__menu-list__item__link:hover, [data-color-theme=white] .section-navigation__menu-list__item__link:focus, [data-color-theme=white] .section-navigation__menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-white) 20%, white);
    border-color: var(--color-white);
  }
  .section-navigation__menu-list__item .menu-list {
    display: block;
    padding: 0;
    margin: 0;
  }
  [data-color-theme=primary] .section-navigation__menu-list__item .menu-list :has([aria-current=page]) {
    background: color-mix(in srgb, var(--color-primary) 20%, white);
    border-color: var(--color-primary);
  }
  [data-color-theme=secondary] .section-navigation__menu-list__item .menu-list :has([aria-current=page]) {
    background: color-mix(in srgb, var(--color-secondary) 20%, white);
    border-color: var(--color-secondary);
  }
  [data-color-theme=accent] .section-navigation__menu-list__item .menu-list :has([aria-current=page]) {
    background: color-mix(in srgb, var(--color-accent) 20%, white);
    border-color: var(--color-accent);
  }
  [data-color-theme=info] .section-navigation__menu-list__item .menu-list :has([aria-current=page]) {
    background: color-mix(in srgb, var(--color-info) 20%, white);
    border-color: var(--color-info);
  }
  [data-color-theme=warning] .section-navigation__menu-list__item .menu-list :has([aria-current=page]) {
    background: color-mix(in srgb, var(--color-warning) 20%, white);
    border-color: var(--color-warning);
  }
  [data-color-theme=success] .section-navigation__menu-list__item .menu-list :has([aria-current=page]) {
    background: color-mix(in srgb, var(--color-success) 20%, white);
    border-color: var(--color-success);
  }
  [data-color-theme=error] .section-navigation__menu-list__item .menu-list :has([aria-current=page]) {
    background: color-mix(in srgb, var(--color-error) 20%, white);
    border-color: var(--color-error);
  }
  [data-color-theme=light] .section-navigation__menu-list__item .menu-list :has([aria-current=page]) {
    background: color-mix(in srgb, var(--color-light) 20%, white);
    border-color: var(--color-light);
  }
  [data-color-theme=dark] .section-navigation__menu-list__item .menu-list :has([aria-current=page]) {
    background: color-mix(in srgb, var(--color-dark) 20%, white);
    border-color: var(--color-dark);
  }
  [data-color-theme=white] .section-navigation__menu-list__item .menu-list :has([aria-current=page]) {
    background: color-mix(in srgb, var(--color-white) 20%, white);
    border-color: var(--color-white);
  }
  .section-navigation__menu-list__item .menu-list__item {
    display: block;
  }
  .section-navigation__menu-list__item .menu-list__item__link {
    display: flex;
    padding: var(--spacing-xxs) var(--spacing-sm);
    align-items: center;
    justify-content: space-between;
    text-decoration: underline;
    text-decoration-color: transparent;
    border-left: 0.25rem solid transparent;
  }
  .section-navigation__menu-list__item .menu-list__item__link:hover, .section-navigation__menu-list__item .menu-list__item__link:focus, .section-navigation__menu-list__item .menu-list__item__link:active {
    text-decoration-color: currentColor;
  }
  [data-color-theme=primary] .section-navigation__menu-list__item .menu-list__item__link:hover, [data-color-theme=primary] .section-navigation__menu-list__item .menu-list__item__link:focus, [data-color-theme=primary] .section-navigation__menu-list__item .menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-primary) 20%, white);
    border-color: var(--color-primary);
  }
  [data-color-theme=secondary] .section-navigation__menu-list__item .menu-list__item__link:hover, [data-color-theme=secondary] .section-navigation__menu-list__item .menu-list__item__link:focus, [data-color-theme=secondary] .section-navigation__menu-list__item .menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-secondary) 20%, white);
    border-color: var(--color-secondary);
  }
  [data-color-theme=accent] .section-navigation__menu-list__item .menu-list__item__link:hover, [data-color-theme=accent] .section-navigation__menu-list__item .menu-list__item__link:focus, [data-color-theme=accent] .section-navigation__menu-list__item .menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-accent) 20%, white);
    border-color: var(--color-accent);
  }
  [data-color-theme=info] .section-navigation__menu-list__item .menu-list__item__link:hover, [data-color-theme=info] .section-navigation__menu-list__item .menu-list__item__link:focus, [data-color-theme=info] .section-navigation__menu-list__item .menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-info) 20%, white);
    border-color: var(--color-info);
  }
  [data-color-theme=warning] .section-navigation__menu-list__item .menu-list__item__link:hover, [data-color-theme=warning] .section-navigation__menu-list__item .menu-list__item__link:focus, [data-color-theme=warning] .section-navigation__menu-list__item .menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-warning) 20%, white);
    border-color: var(--color-warning);
  }
  [data-color-theme=success] .section-navigation__menu-list__item .menu-list__item__link:hover, [data-color-theme=success] .section-navigation__menu-list__item .menu-list__item__link:focus, [data-color-theme=success] .section-navigation__menu-list__item .menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-success) 20%, white);
    border-color: var(--color-success);
  }
  [data-color-theme=error] .section-navigation__menu-list__item .menu-list__item__link:hover, [data-color-theme=error] .section-navigation__menu-list__item .menu-list__item__link:focus, [data-color-theme=error] .section-navigation__menu-list__item .menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-error) 20%, white);
    border-color: var(--color-error);
  }
  [data-color-theme=light] .section-navigation__menu-list__item .menu-list__item__link:hover, [data-color-theme=light] .section-navigation__menu-list__item .menu-list__item__link:focus, [data-color-theme=light] .section-navigation__menu-list__item .menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-light) 20%, white);
    border-color: var(--color-light);
  }
  [data-color-theme=dark] .section-navigation__menu-list__item .menu-list__item__link:hover, [data-color-theme=dark] .section-navigation__menu-list__item .menu-list__item__link:focus, [data-color-theme=dark] .section-navigation__menu-list__item .menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-dark) 20%, white);
    border-color: var(--color-dark);
  }
  [data-color-theme=white] .section-navigation__menu-list__item .menu-list__item__link:hover, [data-color-theme=white] .section-navigation__menu-list__item .menu-list__item__link:focus, [data-color-theme=white] .section-navigation__menu-list__item .menu-list__item__link:active {
    background: color-mix(in srgb, var(--color-white) 20%, white);
    border-color: var(--color-white);
  }
  [data-color-theme=primary] .section-navigation__menu-list__item .menu-list__item__link[aria-current=page] {
    background: color-mix(in srgb, var(--color-primary) 20%, white);
    border-color: var(--color-primary);
  }
  [data-color-theme=secondary] .section-navigation__menu-list__item .menu-list__item__link[aria-current=page] {
    background: color-mix(in srgb, var(--color-secondary) 20%, white);
    border-color: var(--color-secondary);
  }
  [data-color-theme=accent] .section-navigation__menu-list__item .menu-list__item__link[aria-current=page] {
    background: color-mix(in srgb, var(--color-accent) 20%, white);
    border-color: var(--color-accent);
  }
  [data-color-theme=info] .section-navigation__menu-list__item .menu-list__item__link[aria-current=page] {
    background: color-mix(in srgb, var(--color-info) 20%, white);
    border-color: var(--color-info);
  }
  [data-color-theme=warning] .section-navigation__menu-list__item .menu-list__item__link[aria-current=page] {
    background: color-mix(in srgb, var(--color-warning) 20%, white);
    border-color: var(--color-warning);
  }
  [data-color-theme=success] .section-navigation__menu-list__item .menu-list__item__link[aria-current=page] {
    background: color-mix(in srgb, var(--color-success) 20%, white);
    border-color: var(--color-success);
  }
  [data-color-theme=error] .section-navigation__menu-list__item .menu-list__item__link[aria-current=page] {
    background: color-mix(in srgb, var(--color-error) 20%, white);
    border-color: var(--color-error);
  }
  [data-color-theme=light] .section-navigation__menu-list__item .menu-list__item__link[aria-current=page] {
    background: color-mix(in srgb, var(--color-light) 20%, white);
    border-color: var(--color-light);
  }
  [data-color-theme=dark] .section-navigation__menu-list__item .menu-list__item__link[aria-current=page] {
    background: color-mix(in srgb, var(--color-dark) 20%, white);
    border-color: var(--color-dark);
  }
  [data-color-theme=white] .section-navigation__menu-list__item .menu-list__item__link[aria-current=page] {
    background: color-mix(in srgb, var(--color-white) 20%, white);
    border-color: var(--color-white);
  }
  .section-navigation__menu-list__item .menu-list__item__link[target=_blank]::after {
    font-family: var(--fa-style-family-classic), "Font Awesome 6 Pro Light";
    content: "\f08e";
    font-size: 0.8rem;
  }
  .section-navigation__menu-list__item .menu-list__item .menu-list__item {
    font-size: 0.9rem;
  }
  .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);
  }
  @container (min-width: 940px) {
    .site-footer {
      padding-block: var(--spacing-xl);
    }
  }
  .site-footer__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-md);
  }
  .site-footer a {
    color: inherit;
  }
  .site-footer__menu {
    width: 100%;
  }
  .site-footer__menu__list {
    display: block;
    text-align: center;
    margin-inline: 0;
  }
  @container (min-width: 600px) {
    .site-footer__menu__list {
      text-align: unset;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: var(--spacing-lg);
    }
  }
  @container (min-width: 940px) {
    .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 (min-width: 600px) {
    .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-color: transparent;
  }
  .site-footer__credits a:hover, .site-footer__credits a:focus, .site-footer__credits a:active {
    text-decoration-color: currentColor;
  }
  .site-header {
    position: relative;
    z-index: 500;
  }
  .site-header__container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 0;
  }
  .site-header__logo {
    display: block;
    max-width: 8rem;
  }
  @container (min-width: 940px) {
    .site-header__logo {
      max-width: 11rem;
    }
  }
  .site-header__logo img {
    width: 100%;
    max-width: 11rem;
  }
  .site-header [data-vue-component=site-header__responsive] {
    display: flex;
    flex-grow: 1;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .site-header__responsive__start, .site-header__responsive__menu, .site-header__responsive__end {
    display: contents;
  }
  .site-header__responsive__menu-toggle {
    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: relative;
    z-index: 9999;
  }
  .site-header__responsive__menu-toggle:hover, .site-header__responsive__menu-toggle:focus, .site-header__responsive__menu-toggle:active {
    color: var(--color-secondary);
  }
  .site-header__responsive__content {
    display: block;
    width: 100%;
    flex-basis: 100%;
    padding-inline: var(--spacing-sm);
  }
  body:has(.site-header__responsive__content[data-open=true]) {
    overflow: hidden;
  }
  .site-header__responsive--default .site-header__responsive__content {
    height: 0;
    max-height: 0;
    min-height: 0;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    overflow: hidden;
  }
  .site-header__responsive--default .site-header__responsive__content[data-open=true] {
    min-height: 200px;
    opacity: 1;
    max-height: 100vh;
    transition: all 0.3s ease-in-out;
    height: auto;
  }
  .site-header__responsive--overlay .site-header__responsive__content {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.3s ease-in-out;
    background: var(--color-primary);
    color: var(--readable-color-primary);
    z-index: -100;
    opacity: 0;
    visibility: hidden;
  }
  body.admin-bar .site-header__responsive--overlay .site-header__responsive__content {
    top: 2rem;
  }
  .site-header__responsive--overlay .site-header__responsive__content[data-open=true] {
    z-index: 9995;
    opacity: 1;
    visibility: visible;
  }
  .site-header__responsive--overlay .site-header__responsive__content[data-open=true] > div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .site-header__responsive--overlay .site-header__responsive__content[data-open=true] > div .site-header__menu-list {
    display: block;
    text-align: center;
  }
  .site-header__menu {
    container-type: inline-size;
    flex-grow: 1;
    padding-block: var(--spacing-lg);
  }
  .site-header__menu__list {
    margin-inline: 0;
    display: block;
  }
  @container (min-width: 600px) {
    .site-header__menu__list {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
  }
  .site-header__menu--responsive .site-header__menu__list {
    display: block !important;
  }
  .site-header__menu__list__item {
    position: relative;
    display: inline-block;
    padding-bottom: var(--spacing-xs);
  }
  .site-header__menu__list__item__link {
    display: block;
    color: var(--color-primary);
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: all 0.2s ease-in-out;
    flex-grow: 1;
  }
  .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-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__button[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(--color-secondary);
  }
  .site-header__responsive .site-header__menu__list__item {
    display: block;
    transition: background 0.2s ease-in-out;
    padding-inline: var(--spacing-xs);
  }
  .site-header__responsive .site-header__menu__list__item:hover, .site-header__responsive .site-header__menu__list__item:focus-within {
    background: var(--color-light);
  }
  .site-header__responsive .site-header__menu__list__item:has(.button) {
    padding-inline-end: 0;
  }
  .site-header__responsive .site-header__menu__list__item:has(.button):hover {
    background: transparent;
  }
  .site-header__responsive .site-header__menu__list__item button {
    padding: var(--spacing-xs);
    transition: all 0.2s ease-in-out;
  }
  .site-header__responsive .site-header__menu__list__item button:hover, .site-header__responsive .site-header__menu__list__item button:focus, .site-header__responsive .site-header__menu__list__item button:active {
    background: color-mix(in srgb, var(--color-light) 90%, black);
  }
  .site-header__menu__list__item:has(.site-header__menu__sub-menu) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .site-header__menu__list__item__toggle {
    cursor: pointer;
    background: none;
    appearance: none;
    border: 0;
    font-size: 1em;
    transition: color 0.2s ease-in-out;
  }
  .site-header__menu__list__item__toggle:hover, .site-header__menu__list__item__toggle:focus, .site-header__menu__list__item__toggle:active {
    color: var(--color-secondary);
  }
  .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[aria-expanded=true] i, .site-header__menu__list__item__toggle[aria-expanded=true] svg {
    transform: rotate(180deg);
  }
  .site-header__menu__list__item:hover .site-header__menu__sub-menu, .site-header__menu__list__item:focus-within .site-header__menu__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(--color-secondary) !important;
  }
  .site-header__menu__sub-menu {
    margin-top: 0;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    height: 0;
    transition: all 0.2s linear;
    min-width: 10rem;
    padding-block: var(--spacing-xxs);
    background: var(--color-primary);
    margin-inline: 0;
    color: var(--readable-color-primary);
  }
  .site-header__menu__sub-menu__item {
    display: block;
    margin-block: 0;
  }
  .site-header__menu__sub-menu__item__link {
    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;
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: all 0.2s ease-in-out;
    flex-grow: 1;
  }
  .site-header__menu__sub-menu__item__link:hover, .site-header__menu__sub-menu__item__link:focus, .site-header__menu__sub-menu__item__link:active {
    text-decoration-color: currentColor;
    color: inherit;
  }
  .site-header__menu__sub-menu__item__link[target=_blank] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .site-header__menu__sub-menu--responsive {
    position: relative;
    width: 100%;
    flex-basis: 100%;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
    background: transparent;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
  .site-header__menu__sub-menu--responsive[data-open=true] {
    opacity: 1;
  }
  .site-header__menu__sub-menu--responsive .site-header__menu__sub-menu__item {
    margin: 0;
    background: transparent;
    padding-block: 0;
    padding-inline: var(--spacing-xxs);
  }
  .site-header__menu__sub-menu--responsive .site-header__menu__sub-menu__item__link {
    background: transparent;
    color: inherit;
    padding-block: var(--spacing-xxs);
    padding-inline: 0;
  }
  .steps {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }
  .steps[data-orientation=horizontal] {
    display: grid;
    grid-gap: var(--spacing-md);
    grid-auto-rows: 1fr;
    justify-content: center;
  }
  @container (min-width: 600px) {
    .steps[data-orientation=horizontal] {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @container (min-width: 940px) {
    .steps[data-orientation=horizontal][data-max-per-row="3"], .steps[data-orientation=horizontal][data-max-per-row="5"] {
      grid-template-columns: repeat(3, 1fr);
    }
    .steps[data-orientation=horizontal][data-max-per-row="4"] {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  @container (min-width: 1140px) {
    .steps[data-orientation=horizontal][data-max-per-row="3"], .steps[data-orientation=horizontal][data-max-per-row="4"], .steps[data-orientation=horizontal][data-max-per-row="5"] {
      grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }
  }
  @container (min-width: 1140px) {
    .steps[data-orientation=horizontal][data-max-per-row="4"] {
      grid-template-columns: repeat(4, 1fr);
    }
    .steps[data-orientation=horizontal][data-max-per-row="5"] {
      grid-template-columns: repeat(5, 1fr);
    }
  }
  .steps--numbered {
    counter-reset: step-counter;
  }
  .steps__step {
    min-width: 0;
    display: block;
    position: relative;
  }
  [data-orientation=horizontal] .steps__step {
    padding-inline: var(--spacing-md);
  }
  @container (min-width: 1440px) {
    [data-orientation=horizontal] .steps__step {
      padding-inline: var(--spacing-lg);
    }
  }
  [data-orientation=vertical] .steps__step {
    padding-block: var(--spacing-md);
  }
  @container (min-width: 1440px) {
    [data-orientation=vertical] .steps__step {
      padding-block: var(--spacing-lg);
    }
  }
  .steps__step__inner {
    background: var(--color-white);
    padding: var(--spacing-md);
    box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.15);
    height: 100%;
    position: relative;
    z-index: 10;
  }
  [data-color-theme=primary] .steps__step__inner::before {
    background-color: var(--color-primary);
    color: var(--readable-color-primary);
  }
  [data-color-theme=secondary] .steps__step__inner::before {
    background-color: var(--color-secondary);
    color: var(--readable-color-secondary);
  }
  [data-color-theme=accent] .steps__step__inner::before {
    background-color: var(--color-accent);
    color: var(--readable-color-accent);
  }
  [data-color-theme=info] .steps__step__inner::before {
    background-color: var(--color-info);
    color: var(--readable-color-info);
  }
  [data-color-theme=warning] .steps__step__inner::before {
    background-color: var(--color-warning);
    color: var(--readable-color-warning);
  }
  [data-color-theme=success] .steps__step__inner::before {
    background-color: var(--color-success);
    color: var(--readable-color-success);
  }
  [data-color-theme=error] .steps__step__inner::before {
    background-color: var(--color-error);
    color: var(--readable-color-error);
  }
  [data-color-theme=light] .steps__step__inner::before {
    background-color: var(--color-light);
    color: var(--readable-color-light);
  }
  [data-color-theme=dark] .steps__step__inner::before {
    background-color: var(--color-dark);
    color: var(--readable-color-dark);
  }
  [data-color-theme=white] .steps__step__inner::before {
    background-color: var(--color-white);
    color: var(--readable-color-white);
  }
  .steps--numbered .steps__step__inner {
    counter-increment: step-counter;
  }
  .steps--numbered .steps__step__inner::before {
    content: counter(step-counter);
    height: 2rem;
    width: 2rem;
    border-radius: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    font-family: var(--font-family-accent);
    font-weight: var(--font-weight-semibold);
    padding: var(--spacing-sm);
    line-height: 1;
    margin-block-end: var(--spacing-xs);
    margin-inline-end: var(--spacing-md);
  }
  .steps__step__inner::after {
    content: "";
    position: absolute;
    width: var(--spacing-lg);
    height: var(--spacing-lg);
    background: var(--color-white);
    transform: rotate(45deg);
    transform-origin: center center;
  }
  [data-orientation=vertical] .steps__step__inner::after {
    left: 50%;
    bottom: 100%;
    transform: translateY(-50%) translateX(-50%) rotate(45deg);
  }
  [data-orientation=horizontal] .steps__step__inner::after {
    top: 50%;
    left: 100%;
    transform: translateY(-50%) translateX(-50%) rotate(45deg);
  }
  .steps__step:last-child .steps__step__inner::after {
    display: none;
  }
  .table, [class$=__table], [class*=table--] {
    min-width: 100%;
    width: fit-content;
    font-family: var(--font-family-body);
    border-collapse: collapse;
    border: 1px solid color-mix(in srgb, var(--color-light) 90%, black);
    font-size: 1rem;
    margin: var(--spacing-md) 0 var(--spacing-xl) 0;
  }
  .table:first-child, [class$=__table]:first-child, [class*=table--]:first-child {
    margin-block-start: 0;
  }
  .table:last-child, [class$=__table]:last-child, [class*=table--]:last-child {
    margin-block-end: 0;
  }
  .table th, [class$=__table] th, [class*=table--] th, .table td, [class$=__table] td, [class*=table--] td {
    text-align: start;
    padding: var(--spacing-xs);
    border-bottom: 1px solid color-mix(in srgb, var(--color-light) 90%, black);
    vertical-align: top;
  }
  .table th, [class$=__table] th, [class*=table--] th {
    background: var(--color-light);
    font-weight: var(--font-weight-semibold);
  }
  .table td, [class$=__table] td, [class*=table--] td {
    font-weight: var(--font-weight-light);
  }
  .table__caption {
    caption-side: bottom;
  }
  .table__caption[data-position=top] {
    caption-side: top;
  }
  .table__header {
    border-bottom: 3px solid color-mix(in srgb, var(--color-light) 80%, black);
  }
  .table__body__row th[scope=row] {
    width: 25%;
  }
}

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