@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
/**
 * Do not edit directly, this file was auto-generated.
 */
.leiden-theme {
  --leiden-colors-grey-10: #fcfcfc;
  --leiden-colors-grey-20: #f5f6f6;
  --leiden-colors-grey-30: #eeeff0;
  --leiden-colors-grey-40: #d3d5d7;
  --leiden-colors-grey-50: #a9adb1;
  --leiden-colors-grey-60: #80878c;
  --leiden-colors-grey-70: #5a6268;
  --leiden-colors-grey-80: #364047;
  --leiden-colors-grey-90: #212c34;
  --leiden-colors-grey-100: #0d1921;
  --leiden-colors-red-10: #fff0ed;
  --leiden-colors-red-20: #fee0da;
  --leiden-colors-red-30: #fbc1b6;
  --leiden-colors-red-40: #ed826f;
  --leiden-colors-red-50: #d62410;
  --leiden-colors-red-60: #a91c09;
  --leiden-colors-red-70: #96190b;
  --leiden-colors-red-80: #6b1208;
  --leiden-colors-red-90: #400b05;
  --leiden-colors-red-100: #250200;
  --leiden-colors-blue-10: #f2f7fb;
  --leiden-colors-blue-20: #e9f2f9;
  --leiden-colors-blue-30: #bed7ec;
  --leiden-colors-blue-40: #7cafd7;
  --leiden-colors-blue-50: #057aba;
  --leiden-colors-blue-60: #0469a1;
  --leiden-colors-blue-70: #035989;
  --leiden-colors-blue-80: #013a5c;
  --leiden-colors-blue-90: #012b46;
  --leiden-colors-blue-100: #001d32;
  --leiden-colors-green-10: #edf4ea;
  --leiden-colors-green-20: #dbe8d4;
  --leiden-colors-green-30: #b7d1aa;
  --leiden-colors-green-40: #83af6b;
  --leiden-colors-green-50: #4f8d23;
  --leiden-colors-green-60: #447a1d;
  --leiden-colors-green-70: #376918;
  --leiden-colors-green-80: #2e5511;
  --leiden-colors-green-90: #193307;
  --leiden-colors-green-100: #071401;
  --leiden-colors-orange-10: #fff3eb;
  --leiden-colors-orange-20: #ffe8d7;
  --leiden-colors-orange-30: #ffd0af;
  --leiden-colors-orange-40: #ff9f57;
  --leiden-colors-orange-50: #ff8400;
  --leiden-colors-orange-60: #de7200;
  --leiden-colors-orange-70: #be6000;
  --leiden-colors-orange-80: #803f00;
  --leiden-colors-orange-90: #482000;
  --leiden-colors-orange-100: #2e1200;
  --leiden-colors-blackwhite-white: #ffffff;
  --leiden-colors-blackwhite-black: #000000;
  --leiden-font-weight-bold: 700;
  --leiden-font-weight-extra-bold: 800;
  --leiden-font-weight-regular: 400;
  --leiden-fonts-secondary: "Open Sans", sans-serif;
  --leiden-fonts-tertiary: "IBM Plex Mono", sans-serif;
  --leiden-fonts-primary: "Poppins", sans-serif;
  --leiden-line-height-more-space: 1.75;
  --leiden-logo-width: 120px;
  --leiden-logo-heigth: 55px;
  --leiden-calendar-table-days-item-day-decoration-line: underline;
  --basis-text-font-size-sm: 0.875rem;
  --basis-text-font-size-md: 1rem;
  --basis-text-font-size-lg: 1.25rem;
  --basis-text-font-size-xl: 1.5rem;
  --basis-text-font-size-2xl: 2rem;
  --basis-text-font-size-3xl: 2.5rem;
  --basis-text-font-size-4xl: 3rem;
  --basis-text-line-height-sm: 1.5;
  --basis-text-line-height-md: 1.5;
  --basis-text-line-height-lg: 1.5;
  --basis-text-line-height-xl: 1.5;
  --basis-text-line-height-2xl: 1.5;
  --basis-text-line-height-3xl: 1.5;
  --basis-text-line-height-4xl: 1.25;
  --basis-text-line-height-more-space: 1.75;
  --basis-color-transparent: rgba(0 0 0 / 0%);
  --basis-color-info-bg-document: #fbfcfd;
  --basis-color-info-bg-subtle: #f4f7fa;
  --basis-color-info-bg-default: #ecf1f7;
  --basis-color-info-bg-hover: #e4ecf4;
  --basis-color-info-bg-active: #dde6f1;
  --basis-color-info-border-subtle: #b0c6df;
  --basis-color-info-border-default: #5c89be;
  --basis-color-info-border-hover: #4e7fb8;
  --basis-color-info-border-active: #3f74b2;
  --basis-color-info-color-default: #1b59a4;
  --basis-color-info-color-hover: #04499a;
  --basis-color-info-color-active: #003b81;
  --basis-color-info-color-subtle: #2964aa;
  --basis-color-info-color-document: #001b3c;
  --basis-color-negative-bg-document: #fffbfb;
  --basis-color-negative-bg-subtle: #fef4f4;
  --basis-color-negative-bg-default: #feeded;
  --basis-color-negative-bg-hover: #fde6e6;
  --basis-color-negative-bg-active: #fddede;
  --basis-color-negative-border-subtle: #f9b1b1;
  --basis-color-negative-border-default: #f14848;
  --basis-color-negative-border-hover: #ef2929;
  --basis-color-negative-border-active: #e60000;
  --basis-color-negative-color-default: #b70000;
  --basis-color-negative-color-hover: #9c0000;
  --basis-color-negative-color-active: #930000;
  --basis-color-negative-color-subtle: #ca0000;
  --basis-color-negative-color-document: #410000;
  --basis-color-positive-bg-document: #fafdfb;
  --basis-color-positive-bg-subtle: #eff9f3;
  --basis-color-positive-bg-default: #e4f5ea;
  --basis-color-positive-bg-hover: #d9f1e2;
  --basis-color-positive-bg-active: #ceedd9;
  --basis-color-positive-border-subtle: #8ad3a6;
  --basis-color-positive-border-default: #009b3a;
  --basis-color-positive-border-hover: #009036;
  --basis-color-positive-border-active: #008432;
  --basis-color-positive-color-default: #006827;
  --basis-color-positive-color-hover: #005821;
  --basis-color-positive-color-active: #00481b;
  --basis-color-positive-color-subtle: #00732b;
  --basis-color-positive-color-document: #00210c;
  --basis-color-warning-bg-document: #fffcf8;
  --basis-color-warning-bg-subtle: #fff5eb;
  --basis-color-warning-bg-default: #ffeedd;
  --basis-color-warning-bg-hover: #ffe7d0;
  --basis-color-warning-bg-active: #ffe0c2;
  --basis-color-warning-border-subtle: #ffb46b;
  --basis-color-warning-border-default: #c8700e;
  --basis-color-warning-border-hover: #b86810;
  --basis-color-warning-border-active: #a96011;
  --basis-color-warning-color-default: #844c12;
  --basis-color-warning-color-hover: #6f4012;
  --basis-color-warning-color-active: #5a3511;
  --basis-color-warning-color-subtle: #935412;
  --basis-color-warning-color-document: #27190a;
  --basis-color-highlight-bg-document: #fffcf2;
  --basis-color-highlight-bg-subtle: #fff7d7;
  --basis-color-highlight-bg-default: #fff1bb;
  --basis-color-highlight-bg-hover: #ffeb9d;
  --basis-color-highlight-bg-active: #ffe57c;
  --basis-color-highlight-border-subtle: #e6c10c;
  --basis-color-highlight-border-default: #9e8418;
  --basis-color-highlight-border-hover: #927a18;
  --basis-color-highlight-border-active: #867018;
  --basis-color-highlight-color-default: #695817;
  --basis-color-highlight-color-hover: #594a16;
  --basis-color-highlight-color-active: #483d14;
  --basis-color-highlight-color-subtle: #756218;
  --basis-color-highlight-color-document: #201b0c;
  --basis-color-default-inverse-bg-document: #242424;
  --basis-color-default-inverse-bg-subtle: #1b1b1b;
  --basis-color-default-inverse-bg-default: #595959;
  --basis-color-default-inverse-bg-hover: #4b4b4b;
  --basis-color-default-inverse-bg-active: #3e3e3e;
  --basis-color-default-inverse-border-subtle: #474747;
  --basis-color-default-inverse-border-default: #c9c9c9;
  --basis-color-default-inverse-border-hover: #d4d4d4;
  --basis-color-default-inverse-border-active: #dfdfdf;
  --basis-color-default-inverse-color-default: #ffffff;
  --basis-color-default-inverse-color-hover: #ffffff;
  --basis-color-default-inverse-color-active: #ffffff;
  --basis-color-default-inverse-color-subtle: #c4c4c4;
  --basis-color-default-inverse-color-document: #ffffff;
  --basis-color-info-inverse-bg-document: #00234d;
  --basis-color-info-inverse-bg-subtle: #001b3c;
  --basis-color-info-inverse-bg-default: #1b59a4;
  --basis-color-info-inverse-bg-hover: #04499a;
  --basis-color-info-inverse-bg-active: #003b81;
  --basis-color-info-inverse-border-subtle: #004494;
  --basis-color-info-inverse-border-default: #b8cbe2;
  --basis-color-info-inverse-border-hover: #c6d6e8;
  --basis-color-info-inverse-border-active: #d5e1ee;
  --basis-color-info-inverse-color-default: #ffffff;
  --basis-color-info-inverse-color-hover: #ffffff;
  --basis-color-info-inverse-color-active: #ffffff;
  --basis-color-info-inverse-color-subtle: #b0c6df;
  --basis-color-info-inverse-color-document: #ffffff;
  --basis-color-negative-inverse-bg-document: #510000;
  --basis-color-negative-inverse-bg-subtle: #410000;
  --basis-color-negative-inverse-bg-default: #b70000;
  --basis-color-negative-inverse-bg-hover: #9c0000;
  --basis-color-negative-inverse-bg-active: #820000;
  --basis-color-negative-inverse-border-subtle: #930000;
  --basis-color-negative-inverse-border-default: #fab9b9;
  --basis-color-negative-inverse-border-hover: #fbc8c8;
  --basis-color-negative-inverse-border-active: #fcd7d7;
  --basis-color-negative-inverse-color-default: #ffffff;
  --basis-color-negative-inverse-color-hover: #ffffff;
  --basis-color-negative-inverse-color-active: #ffffff;
  --basis-color-negative-inverse-color-subtle: #f9b1b1;
  --basis-color-negative-inverse-color-document: #ffffff;
  --basis-color-positive-inverse-bg-document: #002b10;
  --basis-color-positive-inverse-bg-subtle: #00210c;
  --basis-color-positive-inverse-bg-default: #006827;
  --basis-color-positive-inverse-bg-hover: #005821;
  --basis-color-positive-inverse-bg-active: #00481b;
  --basis-color-positive-inverse-border-subtle: #00531f;
  --basis-color-positive-inverse-border-default: #96d8ae;
  --basis-color-positive-inverse-border-hover: #ace0c0;
  --basis-color-positive-inverse-border-active: #c3e9d1;
  --basis-color-positive-inverse-color-default: #ffffff;
  --basis-color-positive-inverse-color-hover: #ffffff;
  --basis-color-positive-inverse-color-active: #ffffff;
  --basis-color-positive-inverse-color-subtle: #8ad3a6;
  --basis-color-positive-inverse-color-document: #ffffff;
  --basis-color-warning-inverse-bg-document: #331f0d;
  --basis-color-warning-inverse-bg-subtle: #27190a;
  --basis-color-warning-inverse-bg-default: #844c12;
  --basis-color-warning-inverse-bg-hover: #6f4012;
  --basis-color-warning-inverse-bg-active: #5a3511;
  --basis-color-warning-inverse-border-subtle: #683c12;
  --basis-color-warning-inverse-border-default: #ffbc7a;
  --basis-color-warning-inverse-border-hover: #ffcb98;
  --basis-color-warning-inverse-border-active: #ffd9b4;
  --basis-color-warning-inverse-color-default: #ffffff;
  --basis-color-warning-inverse-color-hover: #ffffff;
  --basis-color-warning-inverse-color-active: #ffffff;
  --basis-color-warning-inverse-color-subtle: #ffb46b;
  --basis-color-warning-inverse-color-document: #ffffff;
  --basis-color-highlight-inverse-bg-document: #2a230f;
  --basis-color-highlight-inverse-bg-subtle: #201b0c;
  --basis-color-highlight-inverse-bg-default: #695817;
  --basis-color-highlight-inverse-bg-hover: #594a16;
  --basis-color-highlight-inverse-bg-active: #483d14;
  --basis-color-highlight-inverse-border-subtle: #534615;
  --basis-color-highlight-inverse-border-default: #ecc609;
  --basis-color-highlight-inverse-border-hover: #f9d103;
  --basis-color-highlight-inverse-border-active: #ffde56;
  --basis-color-highlight-inverse-color-default: #ffffff;
  --basis-color-highlight-inverse-color-hover: #ffffff;
  --basis-color-highlight-inverse-color-active: #ffffff;
  --basis-color-highlight-inverse-color-subtle: #e6c10c;
  --basis-color-highlight-inverse-color-document: #ffffff;
  --basis-color-box-shadow: rgba(0 0 0 / 25%);
  --basis-space-none: 0px;
  --basis-space-inline-2xs: 1px;
  --basis-space-inline-xs: 2px;
  --basis-space-inline-sm: 4px;
  --basis-space-inline-md: 8px;
  --basis-space-inline-lg: 12px;
  --basis-space-inline-xl: 16px;
  --basis-space-inline-2xl: 20px;
  --basis-space-inline-3xl: 24px;
  --basis-space-inline-4xl: 32px;
  --basis-space-inline-5xl: 48px;
  --basis-space-inline-6xl: 64px;
  --basis-space-inline-min-2xs: 1px;
  --basis-space-inline-min-xs: 2px;
  --basis-space-inline-min-sm: 4px;
  --basis-space-inline-min-md: 8px;
  --basis-space-inline-min-lg: 12px;
  --basis-space-inline-min-xl: 16px;
  --basis-space-inline-min-2xl: 20px;
  --basis-space-inline-min-3xl: 24px;
  --basis-space-inline-min-4xl: 32px;
  --basis-space-inline-min-5xl: 48px;
  --basis-space-inline-min-6xl: 64px;
  --basis-space-inline-max-2xs: 2px;
  --basis-space-inline-max-xs: 4px;
  --basis-space-inline-max-sm: 8px;
  --basis-space-inline-max-md: 16px;
  --basis-space-inline-max-lg: 24px;
  --basis-space-inline-max-xl: 32px;
  --basis-space-inline-max-2xl: 40px;
  --basis-space-inline-max-3xl: 48px;
  --basis-space-inline-max-4xl: 64px;
  --basis-space-inline-max-5xl: 96px;
  --basis-space-inline-max-6xl: 128px;
  --basis-space-block-2xs: 1px;
  --basis-space-block-xs: 2px;
  --basis-space-block-sm: 4px;
  --basis-space-block-md: 8px;
  --basis-space-block-lg: 12px;
  --basis-space-block-xl: 16px;
  --basis-space-block-2xl: 20px;
  --basis-space-block-3xl: 24px;
  --basis-space-block-4xl: 32px;
  --basis-space-block-5xl: 48px;
  --basis-space-block-6xl: 64px;
  --basis-space-block-min-2xs: 1px;
  --basis-space-block-min-xs: 2px;
  --basis-space-block-min-sm: 4px;
  --basis-space-block-min-md: 8px;
  --basis-space-block-min-lg: 12px;
  --basis-space-block-min-xl: 16px;
  --basis-space-block-min-2xl: 20px;
  --basis-space-block-min-3xl: 24px;
  --basis-space-block-min-4xl: 32px;
  --basis-space-block-min-5xl: 48px;
  --basis-space-block-min-6xl: 64px;
  --basis-space-block-max-2xs: 2px;
  --basis-space-block-max-xs: 4px;
  --basis-space-block-max-sm: 8px;
  --basis-space-block-max-md: 16px;
  --basis-space-block-max-lg: 24px;
  --basis-space-block-max-xl: 32px;
  --basis-space-block-max-2xl: 40px;
  --basis-space-block-max-3xl: 48px;
  --basis-space-block-max-4xl: 64px;
  --basis-space-block-max-5xl: 96px;
  --basis-space-block-max-6xl: 128px;
  --basis-space-text-3xs: 1px; /** 0.125ch */
  --basis-space-text-2xs: 2px; /** 0.25ch */
  --basis-space-text-xs: 4px; /** 0.5ch */
  --basis-space-text-sm: 6px; /** 0.75ch */
  --basis-space-text-md: 8px; /** 1ch */
  --basis-space-text-lg: 12px; /** 1.5ch */
  --basis-space-text-xl: 14px; /** 1.75ch */
  --basis-space-text-2xl: 16px; /** 2ch */
  --basis-space-text-3xl: 24px; /** 3ch */
  --basis-space-column-2xs: 1px;
  --basis-space-column-xs: 2px;
  --basis-space-column-sm: 4px;
  --basis-space-column-md: 8px;
  --basis-space-column-lg: 12px;
  --basis-space-column-xl: 16px;
  --basis-space-column-2xl: 20px;
  --basis-space-column-3xl: 24px;
  --basis-space-column-4xl: 32px;
  --basis-space-column-5xl: 64px;
  --basis-space-column-6xl: 160px;
  --basis-space-column-min-2xs: 1px;
  --basis-space-column-min-xs: 2px;
  --basis-space-column-min-sm: 4px;
  --basis-space-column-min-md: 8px;
  --basis-space-column-min-lg: 12px;
  --basis-space-column-min-xl: 16px;
  --basis-space-column-min-2xl: 20px;
  --basis-space-column-min-3xl: 24px;
  --basis-space-column-min-4xl: 32px;
  --basis-space-column-min-5xl: 64px;
  --basis-space-column-min-6xl: 160px;
  --basis-space-column-max-2xs: 1px;
  --basis-space-column-max-xs: 2px;
  --basis-space-column-max-sm: 4px;
  --basis-space-column-max-md: 8px;
  --basis-space-column-max-lg: 12px;
  --basis-space-column-max-xl: 16px;
  --basis-space-column-max-2xl: 20px;
  --basis-space-column-max-3xl: 24px;
  --basis-space-column-max-4xl: 32px;
  --basis-space-column-max-5xl: 64px;
  --basis-space-column-max-6xl: 160px;
  --basis-space-row-2xs: 1px;
  --basis-space-row-xs: 2px;
  --basis-space-row-sm: 4px;
  --basis-space-row-md: 8px;
  --basis-space-row-lg: 12px;
  --basis-space-row-xl: 16px;
  --basis-space-row-2xl: 20px;
  --basis-space-row-3xl: 24px;
  --basis-space-row-4xl: 32px;
  --basis-space-row-5xl: 64px;
  --basis-space-row-6xl: 160px;
  --basis-space-row-min-2xs: 1px;
  --basis-space-row-min-xs: 2px;
  --basis-space-row-min-sm: 4px;
  --basis-space-row-min-md: 8px;
  --basis-space-row-min-lg: 12px;
  --basis-space-row-min-xl: 16px;
  --basis-space-row-min-2xl: 20px;
  --basis-space-row-min-3xl: 24px;
  --basis-space-row-min-4xl: 32px;
  --basis-space-row-min-5xl: 64px;
  --basis-space-row-min-6xl: 160px;
  --basis-space-row-max-2xs: 1px;
  --basis-space-row-max-xs: 2px;
  --basis-space-row-max-sm: 4px;
  --basis-space-row-max-md: 8px;
  --basis-space-row-max-lg: 12px;
  --basis-space-row-max-xl: 16px;
  --basis-space-row-max-2xl: 20px;
  --basis-space-row-max-3xl: 24px;
  --basis-space-row-max-4xl: 32px;
  --basis-space-row-max-5xl: 64px;
  --basis-space-row-max-6xl: 160px;
  --basis-size-5xs: 2px;
  --basis-size-4xs: 4px;
  --basis-size-3xs: 8px;
  --basis-size-2xs: 16px;
  --basis-size-xs: 24px;
  --basis-size-sm: 32px;
  --basis-size-md: 48px;
  --basis-size-lg: 64px;
  --basis-size-xl: 96px;
  --basis-size-2xl: 160px;
  --basis-size-icon-xs: 0.75rem;
  --basis-size-icon-sm: 1.25rem;
  --basis-size-icon-md: 1.5rem;
  --basis-size-icon-lg: 1.5rem;
  --basis-size-icon-xl: 2rem;
  --basis-size-icon-2xl: 2.5rem;
  --basis-size-icon-3xl: 3rem;
  --basis-size-icon-4xl: 3rem;
  --basis-border-radius-none: 0px; /** Square */
  --basis-border-radius-sm: 4px;
  --basis-border-radius-md: 8px;
  --basis-border-radius-lg: 16px;
  --basis-border-radius-round: 999px;
  --basis-border-width-none: 0px;
  --basis-border-width-sm: 0.0625rem;
  --basis-border-width-md: 0.125rem;
  --basis-border-width-lg: 0.25rem;
  --basis-box-shadow-none: none;
  --basis-action-activate-cursor: pointer;
  --basis-action-submit-cursor: pointer;
  --basis-focus-outline-color: #0b0c0c;
  --basis-focus-inverse-outline-color: #ffffff;
  --basis-focus-outline-offset: 0px;
  --basis-focus-outline-style: dashed;
  --basis-form-control-border-radius: 4px;
  --basis-form-control-max-inline-size: 100%;
  --basis-page-max-inline-size: 1140px;
  --basis-pointer-target-min-block-size: 3rem;
  --basis-pointer-target-min-inline-size: 3rem;
  --utrecht-accordion-margin-block-end: 0px; /** [code-only] */
  --utrecht-accordion-margin-block-start: 0px; /** [code-only] */
  --utrecht-accordion-row-gap: 0px;
  --utrecht-accordion-button-border-radius: 0px;
  --utrecht-accordion-section-margin-block-end: 0px; /** [code-only] */
  --utrecht-accordion-section-margin-block-start: 0px; /** [code-only] */
  --utrecht-action-group-padding-block-end: 0px;
  --utrecht-action-group-padding-block-start: 0px;
  --utrecht-action-group-margin-block-end: 0px; /** [code-only] */
  --utrecht-action-group-margin-block-start: 0px; /** [code-only] */
  --utrecht-alert-border-radius: 0px;
  --utrecht-alert-margin-block-end: 0px; /** [code-only] */
  --utrecht-alert-margin-block-start: 0px; /** [code-only] */
  --utrecht-alert-icon-inset-block-start: 0px;
  --utrecht-backdrop-opacity: 0.2;
  --utrecht-backdrop-z-index: auto; /** [code-only] */
  --utrecht-backdrop-fade-in-animation-duration: 0.4s; /** [code-only] */
  --utrecht-backdrop-reduced-transparency-opacity: 0.98; /** [code-only] */
  --utrecht-blockquote-border-inline-start-width: 0px;
  --utrecht-blockquote-border-radius: 0px;
  --utrecht-blockquote-border-width: 0px;
  --utrecht-blockquote-margin-block-end: 0px; /** [code-only] */
  --utrecht-blockquote-margin-block-start: 0px; /** [code-only] */
  --utrecht-blockquote-margin-inline-end: 0px; /** [code-only] */
  --utrecht-blockquote-margin-inline-start: 0px; /** [code-only] */
  --utrecht-blockquote-padding-inline-end: 0px;
  --utrecht-blockquote-padding-inline-start: 0px;
  --utrecht-breadcrumb-nav-item-first-padding-inline-start: 0px;
  --utrecht-breadcrumb-nav-link-text-decoration: underline;
  --utrecht-breadcrumb-nav-link-active-text-decoration: none;
  --utrecht-breadcrumb-nav-link-focus-text-decoration: none;
  --utrecht-breadcrumb-nav-link-hover-text-decoration: none;
  --utrecht-calendar-width: fit-content; /** [code-only] */
  --utrecht-calendar-navigation-padding-block-end: 0px;
  --utrecht-code-block-margin-block-end: 0px; /** [code-only] */
  --utrecht-code-block-margin-block-start: 0px; /** [code-only] */
  --utrecht-code-block-margin-inline-end: 0px; /** [code-only] */
  --utrecht-code-block-margin-inline-start: 0px; /** [code-only] */
  --utrecht-data-badge-padding-block: 0px;
  --utrecht-drawer-border-radius: 0px;
  --utrecht-drawer-max-block-size: 800px;
  --utrecht-drawer-max-inline-size: 1440px;
  --utrecht-drawer-min-inline-size: 312px;
  --utrecht-form-fieldset-margin-block-end: 0px; /** [code-only] */
  --utrecht-form-fieldset-margin-block-start: 0px; /** [code-only] */
  --utrecht-form-fieldset-invalid-border-inline-start-width: 0px;
  --utrecht-form-fieldset-invalid-padding-inline-start: 0px;
  --utrecht-form-fieldset-legend-margin-block-start: 0px;
  --utrecht-figure-margin-block-end: 0px; /** [code-only] */
  --utrecht-figure-margin-block-start: 0px; /** [code-only] */
  --utrecht-form-field-margin-block-end: 0px; /** [code-only] */
  --utrecht-form-field-margin-block-start: 0px; /** [code-only] */
  --utrecht-form-field-description-margin-block-start: 0px;
  --utrecht-form-field-error-message-margin-block-start: 0px;
  --utrecht-form-field-error-message-padding-block-end: 0px;
  --utrecht-form-field-error-message-padding-block-start: 0px;
  --utrecht-form-field-error-message-padding-inline-end: 0px;
  --utrecht-form-field-error-message-padding-inline-start: 0px;
  --utrecht-heading-1-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-1-margin-block-start: 0px; /** [code-only] */
  --utrecht-heading-2-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-2-margin-block-start: 0px; /** [code-only] */
  --utrecht-heading-3-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-3-margin-block-start: 0px; /** [code-only] */
  --utrecht-heading-4-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-4-margin-block-start: 0px; /** [code-only] */
  --utrecht-heading-5-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-5-margin-block-start: 0px; /** [code-only] */
  --utrecht-heading-6-margin-block-end: 0px; /** [code-only] */
  --utrecht-heading-6-margin-block-start: 0px; /** [code-only] */
  --utrecht-icon-inset-block-start: 0px;
  --utrecht-icon-baseline-inset-block-start: 0px; /** [code-only] */
  --utrecht-link-text-decoration: underline;
  --utrecht-link-text-decoration-thickness: auto; /** [code-only] */
  --utrecht-link-text-underline-offset: auto; /** [code-only] */
  --utrecht-link-focus-visible-text-decoration: none;
  --utrecht-link-focus-visible-text-decoration-thickness: auto; /** [code-only] */
  --utrecht-link-hover-text-decoration: none;
  --utrecht-link-hover-text-decoration-thickness: auto; /** [code-only] */
  --utrecht-link-list-margin-block-end: 0px; /** [code-only] */
  --utrecht-link-list-margin-block-start: 0px; /** [code-only] */
  --utrecht-link-list-icon-inset-block-start: 0px;
  --utrecht-link-list-link-text-decoration: underline;
  --utrecht-logo-max-block-size: 120px;
  --utrecht-logo-max-inline-size: 200px;
  --utrecht-spotlight-section-border-width: 0px;
  --utrecht-spotlight-section-border-radius: 0px;
  --utrecht-spotlight-section-margin-block-end: 0px; /** [code-only] */
  --utrecht-spotlight-section-margin-block-start: 0px; /** [code-only] */
  --utrecht-pagination-margin-block-end: 0px; /** [code-only] */
  --utrecht-pagination-margin-block-start: 0px; /** [code-only] */
  --utrecht-pagination-page-link-text-decoration: underline;
  --utrecht-pagination-relative-link-text-decoration: underline;
  --utrecht-pagination-relative-link-text-transform: none;
  --utrecht-pre-heading-margin-block-end: 0px; /** [code-only] */
  --utrecht-pre-heading-margin-block-start: 0px; /** [code-only] */
  --utrecht-radio-button-margin-block-end: 0px; /** [code-only] */
  --utrecht-radio-button-margin-block-start: 0px; /** [code-only] */
  --utrecht-select-max-inline-size: 25rem;
  --utrecht-separator-margin-block-end: 0px; /** [code-only] */
  --utrecht-separator-margin-block-start: 0px; /** [code-only] */
  --utrecht-skip-link-text-decoration: underline;
  --utrecht-skip-link-focus-visible-text-decoration: none;
  --utrecht-status-badge-letter-spacing: 0px;
  --utrecht-status-badge-padding-block: 0px;
  --utrecht-status-badge-text-transform: none;
  --utrecht-form-toggle-border-style: solid; /** [code-only] */
  --utrecht-form-toggle-height: 2.5rem;
  --utrecht-form-toggle-padding-block-end: 0px;
  --utrecht-form-toggle-padding-block-start: 0px;
  --utrecht-form-toggle-padding-inline-end: 0px;
  --utrecht-form-toggle-padding-inline-start: 0px;
  --utrecht-form-toggle-width: 5rem;
  --utrecht-form-toggle-disabled-border-style: solid; /** [code-only] */
  --utrecht-form-toggle-focus-border-style: solid; /** [code-only] */
  --utrecht-table-margin-block-end: 0px; /** [code-only] */
  --utrecht-table-margin-block-start: 0px; /** [code-only] */
  --utrecht-textarea-max-inline-size: 25rem;
  --utrecht-textbox-max-inline-size: 25rem;
  --utrecht-page-footer-padding-inline: 0px;
  --utrecht-article-max-inline-size: 750px;
  --utrecht-listbox-padding-block-end: 0px;
  --utrecht-listbox-padding-block-start: 0px;
  --utrecht-listbox-padding-inline-end: 0px;
  --utrecht-listbox-padding-inline-start: 0px;
  --todo-breadcrumb-nav-item-padding-inline-end: 0px;
  --todo-breadcrumb-nav-item-padding-inline-start: 0px;
  --todo-breadcrumb-nav-link-text-decoration: underline;
  --todo-breadcrumb-nav-link-active-text-decoration: none;
  --todo-breadcrumb-nav-link-focus-visible-text-decoration: none;
  --todo-breadcrumb-nav-link-hover-text-decoration: none;
  --todo-case-card-min-block-size: 192px;
  --todo-case-card-min-inline-size: 328px;
  --todo-case-card-decoration-paper-background-color: #ffffff;
  --todo-drawer-border-radius: 0px;
  --todo-form-summary-item-action-padding-inline-start: 0px;
  --todo-form-summary-item-action-row-padding-inline-end: 0px;
  --todo-form-summary-item-key-padding-inline-end: 0px;
  --todo-form-summary-item-key-padding-inline-start: 0px;
  --todo-form-summary-item-key-row-padding-inline-start: 0px;
  --todo-form-summary-item-value-padding-inline-end: 0px;
  --todo-form-summary-item-value-padding-inline-start: 0px;
  --todo-form-summary-item-value-row-padding-inline-end: 0px;
  --todo-form-summary-item-value-row-padding-inline-start: 0px;
  --todo-link-list-link-hover-text-decoration: none;
  --todo-pagination-relative-link-border-radius: 0px;
  --todo-pagination-relative-link-padding-inline-end: 0px;
  --todo-pagination-relative-link-padding-inline-start: 0px;
  --todo-pagination-relative-link-text-decoration: underline;
  --todo-pagination-relative-link-active-text-decoration: none;
  --todo-pagination-relative-link-disabled-text-decoration: none;
  --todo-pagination-relative-link-focus-visible-text-decoration: none;
  --todo-pagination-relative-link-hover-text-decoration: none;
  --todo-pagination-page-link-border-radius: 0px;
  --todo-pagination-page-link-text-decoration: underline;
  --todo-pagination-page-link-active-text-decoration: none;
  --todo-pagination-page-link-current-text-decoration: none;
  --todo-pagination-page-link-focus-visible-text-decoration: none;
  --todo-pagination-page-link-hover-text-decoration: none;
  --todo-side-navigation-link-hover-text-decoration: underline;
  --ams-avatar-aspect-ratio: 1; /** [code-only] */
  --ams-avatar-border-style: solid; /** [code-only] */
  --ams-avatar-padding-block: 0px;
  --ams-avatar-padding-inline: 0px;
  --ams-breadcrumb-separator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path fill='%23000000' fill-rule='evenodd' d='m9.757 32-2.9-2.91L19.937 16 6.857 2.91 9.757 0l16 16z'/></svg>"); /** [code-only] */
  --ams-breadcrumb-separator-block-size: 0.75rem;
  --ams-breadcrumb-separator-inline-size: 0.75rem;
  --ams-breadcrumb-link-outline-offset: auto; /** [code-only] */
  --ams-breadcrumb-link-text-decoration-line: underline;
  --ams-breadcrumb-link-text-underline-offset: auto; /** [code-only] */
  --ams-breadcrumb-link-text-decoration-thickness: auto; /** [code-only] */
  --ams-breadcrumb-link-hover-text-decoration-line: none;
  --ams-date-input-border-style: solid; /** [code-only] */
  --ams-date-input-min-inline-size: 10rem;
  --ams-date-input-outline-offset: auto; /** [code-only] */
  --ams-date-input-calendar-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23004699'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>"); /** [code-only] */
  --ams-date-input-calendar-picker-indicator-cursor: default; /** [code-only] */
  --ams-date-input-disabled-cursor: disabled; /** [code-only] */
  --ams-date-input-disabled-calendar-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23767676'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>"); /** [code-only] */
  --ams-date-input-hover-box-shadow: none;
  --ams-date-input-hover-calendar-picker-indicator-background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' fill='%23003677'><path d='M28 6V2h-4v4H12V2H8v4H2v28h32V6zm2 24H6V14h24z'/><path d='M10 17h4v4h-4zm6 0h4v4h-4zm6 0h4v4h-4zm-12 6h4v4h-4zm6 0h4v4h-4z'/></svg>"); /** [code-only] */
  --ams-date-input-invalid-hover-box-shadow: none;
  --ams-file-input-border-style: dashed; /** [code-only] */
  --ams-file-input-cursor: default; /** [code-only] */
  --ams-file-input-outline-offset: auto; /** [code-only] */
  --ams-file-input-disabled-cursor: disabled; /** [code-only] */
  --ams-file-input-button-border-style: solid; /** [code-only] */
  --ams-file-input-button-cursor: default; /** [code-only] */
  --ams-file-input-button-disabled-cursor: disabled; /** [code-only] */
  --ams-file-input-button-hover-box-shadow: none;
  --ams-image-aspect-ratio: "16 / 9"; /** [code-only] */
  --ams-password-input-border-style: solid; /** [code-only] */
  --ams-password-input-outline-offset: auto; /** [code-only] */
  --ams-password-input-disabled-cursor: disabled; /** [code-only] */
  --ams-page-header-wide-padding-inline: 96px;
  --ams-page-header-brand-name-text-wrap: nowrap; /** [code-only] */
  --ams-page-header-logo-link-outline-offset: auto; /** [code-only] */
  --ams-page-header-mega-menu-button-cursor: default; /** [code-only] */
  --ams-page-header-menu-item-outline-offset: auto; /** [code-only] */
  --ams-page-header-menu-link-text-decoration-line: none;
  --ams-page-header-menu-link-text-decoration-thickness: auto; /** [code-only] */
  --ams-page-header-menu-link-text-underline-offset: auto; /** [code-only] */
  --ams-page-header-menu-link-hover-text-decoration-line: underline;
  --ams-tabs-button-cursor: pointer; /** [code-only] */
  --ams-tabs-button-outline-offset: 0px; /** [code-only] */
  --ams-tabs-button-disabled-cursor: not-allowed; /** [code-only] */
  --ams-page-footer-menu-wide-padding-inline: 96px;
  --ams-page-footer-menu-link-outline-offset: auto; /** [code-only] */
  --ams-page-footer-menu-link-text-decoration-line: underline;
  --ams-page-footer-menu-link-text-decoration-thickness: auto; /** [code-only] */
  --ams-page-footer-menu-link-text-underline-offset: auto; /** [code-only] */
  --ams-page-footer-menu-link-hover-text-decoration-line: none;
  --nl-button-subtle-border-width: 0px;
  --nl-color-sample-background-color: #cccccc;
  --nl-color-sample-border-color: #787878;
  --nl-color-sample-border-radius: 0px;
  --nl-data-badge-padding-block: 0px;
  --nl-heading-level-1-margin-block-end: 0px; /** [code-only] */
  --nl-heading-level-1-margin-block-start: 0px; /** [code-only] */
  --nl-heading-level-2-margin-block-end: 0px; /** [code-only] */
  --nl-heading-level-2-margin-block-start: 0px; /** [code-only] */
  --nl-heading-level-3-margin-block-end: 0px; /** [code-only] */
  --nl-heading-level-3-margin-block-start: 0px; /** [code-only] */
  --nl-heading-level-4-margin-block-end: 0px; /** [code-only] */
  --nl-heading-level-4-margin-block-start: 0px; /** [code-only] */
  --nl-heading-level-5-margin-block-end: 0px; /** [code-only] */
  --nl-heading-level-5-margin-block-start: 0px; /** [code-only] */
  --nl-heading-level-6-margin-block-end: 0px; /** [code-only] */
  --nl-heading-level-6-margin-block-start: 0px; /** [code-only] */
  --nl-link-text-decoration-line: underline;
  --nl-link-text-decoration-thickness: auto; /** [code-only] */
  --nl-link-text-underline-offset: auto; /** [code-only] */
  --nl-link-current-cursor: default; /** [code-only] */
  --nl-link-disabled-cursor: disabled; /** [code-only] */
  --nl-link-hover-text-decoration-line: none;
  --nl-link-hover-text-decoration-thickness: auto; /** [code-only] */
  --nl-paragraph-margin-block-end: 0px; /** [code-only] */
  --nl-paragraph-margin-block-start: 0px; /** [code-only] */
  --nl-paragraph-lead-margin-block-end: 0px; /** [code-only] */
  --nl-paragraph-lead-margin-block-start: 0px; /** [code-only] */
  --nl-skip-link-text-decoration-thickness: 1px; /** [code-only] */
  --nl-skip-link-text-underline-offset: 1px; /** [code-only] */
  --denhaag-contact-timeline-step-distance: 0px;
  --denhaag-contact-timeline-step-details-desktop-margin-inline-start: 240px;
  --denhaag-contact-timeline-step-header-channel-width: 80px;
  --denhaag-contact-timeline-step-header-date-width: 96px;
  --denhaag-contact-timeline-step-marker-align-items: flex-start;
  --denhaag-contact-timeline-step-marker-connector-bottom: 0px;
  --denhaag-contact-timeline-step-marker-connector-desktop-margin-inline-start: 112px;
  --denhaag-contact-timeline-step-marker-connector-mobile-margin-inline-start: 0px;
  --denhaag-description-list-margin-block-end: 0px; /** [code-only] */
  --denhaag-description-list-margin-block-start: 0px; /** [code-only] */
  --denhaag-description-list-padding-inline-end: 0px;
  --denhaag-description-list-padding-inline-start: 0px;
  --denhaag-file-border-style: solid;
  --denhaag-process-steps-step-header-align-items: center;
  --denhaag-side-navigation-min-width: 240px;
  --denhaag-side-navigation-item-margin-block-end: 0px; /** [code-only] */
  --denhaag-side-navigation-item-margin-block-start: 0px; /** [code-only] */
  --denhaag-side-navigation-item-margin-inline-end: 0px; /** [code-only] */
  --denhaag-side-navigation-item-margin-inline-start: 0px; /** [code-only] */
  --denhaag-side-navigation-list-padding-block-end: 0px;
  --denhaag-side-navigation-list-padding-block-start: 0px;
  --denhaag-side-navigation-list-padding-inline-start: 0px;
  --denhaag-step-marker-margin: 0px;
  --denhaag-step-marker-nested-icon-size: 12px;
  --denhaag-action-border-style: solid; /** [code-only] */
  --denhaag-tabs-border-style: solid; /** [code-only] */
  --denhaag-tabs-width: 100%; /** [code-only] */
  --denhaag-tabs-tab-cursor: pointer; /** [code-only] */
  --denhaag-tabs-tab-outline: 0px; /** [code-only] */
  --denhaag-tabs-tab-indicator-bottom: 0px; /** [code-only] */
  --denhaag-tabs-tab-panel-outline: 0px; /** [code-only] */
  --denhaag-tabs-tab-panel-padding-inline-end: 0px;
  --denhaag-tabs-tab-panel-padding-inline-start: 0px;
  --leiden-blockquote-line-height: var(--basis-text-line-height-more-space);
  --leiden-button-small-font-size: var(--basis-text-font-size-sm);
  --leiden-button-small-line-height: var(--basis-text-line-height-md);
  --leiden-button-small-border-width: var(--basis-border-width-sm);
  --leiden-button-small-border-radius: var(--basis-border-radius-sm);
  --leiden-button-small-column-gap: var(--basis-space-text-xs);
  --leiden-button-small-padding-inline-end: var(--basis-space-inline-md);
  --leiden-button-small-padding-inline-start: var(--basis-space-inline-md);
  --leiden-button-small-icon-size: var(--basis-size-icon-xs);
  --leiden-upload-border-width: var(--basis-border-width-md);
  --leiden-upload-border-radius: var(--basis-border-radius-md);
  --leiden-upload-row-gap: var(--basis-space-row-xl);
  --leiden-upload-padding-block-start: var(--basis-space-block-4xl);
  --leiden-upload-padding-block-end: var(--basis-space-block-4xl);
  --leiden-upload-padding-inline-start: var(--basis-space-inline-4xl);
  --leiden-upload-padding-inline-end: var(--basis-space-inline-4xl);
  --leiden-upload-focus-visible-border-color: var(--basis-focus-outline-color);
  --leiden-upload-font-file-size: var(--basis-text-font-size-sm);
  --leiden-upload-invalid: var(--basis-color-negative-inverse-bg-default);
  --leiden-upload-error-border: var(--basis-border-width-md) none;
  --basis-text-font-family-default: var(--leiden-fonts-secondary);
  --basis-text-font-family-monospace: var(--leiden-fonts-tertiary);
  --basis-text-font-weight-default: var(--leiden-font-weight-regular);
  --basis-text-font-weight-bold: var(--leiden-font-weight-bold);
  --basis-color-default-bg-document: var(--leiden-colors-grey-10);
  --basis-color-default-bg-subtle: var(--leiden-colors-grey-10);
  --basis-color-default-bg-default: var(--leiden-colors-grey-30);
  --basis-color-default-bg-hover: var(--leiden-colors-grey-20);
  --basis-color-default-bg-active: var(--leiden-colors-grey-40);
  --basis-color-default-border-subtle: var(--leiden-colors-grey-40);
  --basis-color-default-border-default: var(--leiden-colors-grey-60);
  --basis-color-default-border-hover: var(--leiden-colors-grey-70);
  --basis-color-default-border-active: var(--leiden-colors-grey-80);
  --basis-color-default-color-default: var(--leiden-colors-grey-60);
  --basis-color-default-color-hover: var(--leiden-colors-grey-70);
  --basis-color-default-color-active: var(--leiden-colors-grey-80);
  --basis-color-default-color-subtle: var(--leiden-colors-grey-70);
  --basis-color-default-color-document: var(--leiden-colors-grey-100);
  --basis-color-accent-1-bg-document: var(--leiden-colors-red-10);
  --basis-color-accent-1-bg-subtle: var(--leiden-colors-red-10);
  --basis-color-accent-1-bg-default: var(--leiden-colors-red-10);
  --basis-color-accent-1-bg-hover: var(--leiden-colors-red-20);
  --basis-color-accent-1-bg-active: var(--leiden-colors-red-30);
  --basis-color-accent-1-border-subtle: var(--leiden-colors-red-40);
  --basis-color-accent-1-border-default: var(--leiden-colors-red-50);
  --basis-color-accent-1-border-hover: var(--leiden-colors-red-60);
  --basis-color-accent-1-border-active: var(--leiden-colors-red-70);
  --basis-color-accent-1-color-default: var(--leiden-colors-red-50);
  --basis-color-accent-1-color-hover: var(--leiden-colors-red-60);
  --basis-color-accent-1-color-active: var(--leiden-colors-red-70);
  --basis-color-accent-1-color-subtle: var(--leiden-colors-red-50);
  --basis-color-accent-1-color-document: var(--leiden-colors-red-100);
  --basis-color-accent-2-bg-document: var(--leiden-colors-blue-10);
  --basis-color-accent-2-bg-subtle: var(--leiden-colors-blue-10);
  --basis-color-accent-2-bg-default: var(--leiden-colors-blue-10);
  --basis-color-accent-2-bg-hover: var(--leiden-colors-blue-20);
  --basis-color-accent-2-bg-active: var(--leiden-colors-blue-30);
  --basis-color-accent-2-border-subtle: var(--leiden-colors-blue-40);
  --basis-color-accent-2-border-default: var(--leiden-colors-blue-70);
  --basis-color-accent-2-border-hover: var(--leiden-colors-blue-80);
  --basis-color-accent-2-border-active: var(--leiden-colors-blue-90);
  --basis-color-accent-2-color-default: var(--leiden-colors-blue-70);
  --basis-color-accent-2-color-hover: var(--leiden-colors-blue-80);
  --basis-color-accent-2-color-active: var(--leiden-colors-blue-90);
  --basis-color-accent-2-color-subtle: var(--leiden-colors-blue-60);
  --basis-color-accent-2-color-document: var(--leiden-colors-blue-100);
  --basis-color-accent-1-inverse-bg-document: var(--leiden-colors-red-80);
  --basis-color-accent-1-inverse-bg-subtle: var(--leiden-colors-red-90);
  --basis-color-accent-1-inverse-bg-default: var(--leiden-colors-red-50);
  --basis-color-accent-1-inverse-bg-hover: var(--leiden-colors-red-60);
  --basis-color-accent-1-inverse-bg-active: var(--leiden-colors-red-80);
  --basis-color-accent-1-inverse-border-subtle: var(--leiden-colors-red-80);
  --basis-color-accent-1-inverse-border-default: var(--leiden-colors-red-40);
  --basis-color-accent-1-inverse-border-hover: var(--leiden-colors-red-30);
  --basis-color-accent-1-inverse-border-active: var(--leiden-colors-red-20);
  --basis-color-accent-1-inverse-color-default: var(--leiden-colors-blackwhite-white);
  --basis-color-accent-1-inverse-color-hover: var(--leiden-colors-blackwhite-white);
  --basis-color-accent-1-inverse-color-active: var(--leiden-colors-blackwhite-white);
  --basis-color-accent-1-inverse-color-subtle: var(--leiden-colors-red-30);
  --basis-color-accent-1-inverse-color-document: var(--leiden-colors-blackwhite-white);
  --basis-color-accent-2-inverse-bg-document: var(--leiden-colors-blue-80);
  --basis-color-accent-2-inverse-bg-subtle: var(--leiden-colors-blue-90);
  --basis-color-accent-2-inverse-bg-default: var(--leiden-colors-blue-70);
  --basis-color-accent-2-inverse-bg-hover: var(--leiden-colors-blue-50);
  --basis-color-accent-2-inverse-bg-active: var(--leiden-colors-blue-80);
  --basis-color-accent-2-inverse-border-subtle: var(--leiden-colors-blue-70);
  --basis-color-accent-2-inverse-border-default: var(--leiden-colors-blue-40);
  --basis-color-accent-2-inverse-border-hover: var(--leiden-colors-blue-30);
  --basis-color-accent-2-inverse-border-active: var(--leiden-colors-blue-20);
  --basis-color-accent-2-inverse-color-subtle: var(--leiden-colors-blue-30);
  --basis-color-action-2-inverse-bg-document: var(--leiden-colors-blue-80);
  --basis-color-action-2-inverse-bg-subtle: var(--leiden-colors-blue-90);
  --basis-color-action-2-inverse-bg-default: var(--leiden-colors-blue-70);
  --basis-color-action-2-inverse-bg-hover: var(--leiden-colors-blue-50);
  --basis-color-action-2-inverse-bg-active: var(--leiden-colors-blue-80);
  --basis-color-action-2-inverse-border-subtle: var(--leiden-colors-blue-70);
  --basis-color-action-2-inverse-border-default: var(--leiden-colors-blue-40);
  --basis-color-action-2-inverse-border-hover: var(--leiden-colors-blue-30);
  --basis-color-action-2-inverse-border-active: var(--leiden-colors-blue-20);
  --basis-color-action-2-inverse-color-subtle: var(--leiden-colors-blue-30);
  --basis-color-disabled-inverse-bg-default: var(--basis-color-default-inverse-bg-default);
  --basis-color-disabled-inverse-border-subtle: var(--basis-color-default-inverse-border-subtle);
  --basis-color-disabled-inverse-color-subtle: var(--basis-color-default-inverse-color-subtle);
  --basis-box-shadow-sm: 0 2px 6px 0 var(--basis-color-box-shadow);
  --basis-box-shadow-md: 0 8px 16px 0 var(--basis-color-box-shadow);
  --basis-box-shadow-lg: 0 16px 48px 0 var(--basis-color-box-shadow);
  --basis-focus-background-color: var(--leiden-colors-red-70);
  --basis-focus-color: var(--leiden-colors-blackwhite-white);
  --basis-focus-outline-width: var(--basis-border-width-md);
  --basis-form-control-background-color: var(--basis-color-default-inverse-color-default);
  --basis-form-control-border-width: var(--basis-border-width-sm);
  --basis-form-control-font-family: var(--leiden-fonts-secondary);
  --basis-form-control-font-size: var(--basis-text-font-size-md);
  --basis-form-control-font-weight: var(--leiden-font-weight-regular);
  --basis-form-control-line-height: var(--basis-text-line-height-md);
  --basis-form-control-padding-block-end: var(--basis-space-block-lg);
  --basis-form-control-padding-block-start: var(--basis-space-block-lg);
  --basis-form-control-padding-inline-end: var(--basis-space-inline-lg);
  --basis-form-control-padding-inline-start: var(--basis-space-inline-lg);
  --basis-form-control-active-border-width: var(--basis-border-width-md);
  --basis-form-control-focus-border-width: var(--basis-border-width-md);
  --basis-form-control-hover-border-width: var(--basis-border-width-md);
  --basis-form-control-invalid-background-color: var(--basis-color-negative-bg-default);
  --basis-form-control-invalid-border-color: var(--basis-color-negative-border-default);
  --basis-form-control-invalid-border-width: var(--basis-border-width-md);
  --basis-form-control-invalid-color: var(--basis-color-negative-color-default);
  --basis-heading-font-family: var(--leiden-fonts-primary);
  --basis-heading-font-weight: var(--leiden-font-weight-extra-bold);
  --basis-logo-width: var(--leiden-logo-width);
  --basis-logo-height: var(--leiden-logo-heigth);
  --utrecht-accordion-button-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-button-gap: var(--basis-space-text-md);
  --utrecht-accordion-button-padding-block-end: var(--basis-space-block-lg);
  --utrecht-accordion-button-padding-block-start: var(--basis-space-block-lg);
  --utrecht-accordion-button-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-accordion-button-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-accordion-button-icon-size: var(--basis-size-icon-md);
  --utrecht-accordion-button-active-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-focus-visible-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-focus-visible-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-button-hover-border-color: var(--basis-color-transparent);
  --utrecht-accordion-panel-border-color: var(--basis-color-transparent);
  --utrecht-accordion-panel-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-panel-padding-block-end: var(--basis-space-block-3xl);
  --utrecht-accordion-panel-padding-block-start: var(--basis-space-block-3xl);
  --utrecht-accordion-panel-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-accordion-panel-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-accordion-section-border-width: var(--basis-border-width-sm);
  --utrecht-action-group-background-color: var(--basis-color-transparent);
  --utrecht-action-group-column-gap: var(--basis-space-column-md);
  --utrecht-action-group-row-gap: var(--basis-space-row-md);
  --utrecht-alert-background-color: var(--basis-color-info-bg-default);
  --utrecht-alert-border-color: var(--basis-color-info-border-default);
  --utrecht-alert-border-width: var(--basis-border-width-md);
  --utrecht-alert-color: var(--basis-color-info-color-document);
  --utrecht-alert-column-gap: var(--basis-space-column-md);
  --utrecht-alert-padding-block-end: var(--basis-space-block-2xl);
  --utrecht-alert-padding-block-start: var(--basis-space-block-xl);
  --utrecht-alert-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-alert-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-alert-content-row-gap: var(--basis-space-row-xl);
  --utrecht-alert-icon-size: var(--basis-size-icon-xl);
  --utrecht-alert-icon-color: var(--basis-color-info-color-default);
  --utrecht-alert-icon-info-color: var(--basis-color-info-color-default);
  --utrecht-alert-icon-error-color: var(--basis-color-negative-color-default);
  --utrecht-alert-icon-ok-color: var(--basis-color-positive-color-default);
  --utrecht-alert-icon-warning-color: var(--basis-color-warning-color-default);
  --utrecht-alert-message-row-gap: var(--basis-space-row-md);
  --utrecht-alert-info-background-color: var(--basis-color-info-bg-default);
  --utrecht-alert-info-border-color: var(--basis-color-info-border-default);
  --utrecht-alert-info-color: var(--basis-color-info-color-document);
  --utrecht-alert-error-background-color: var(--basis-color-negative-bg-default);
  --utrecht-alert-error-border-color: var(--basis-color-negative-border-default);
  --utrecht-alert-error-color: var(--basis-color-negative-color-document);
  --utrecht-alert-ok-background-color: var(--basis-color-positive-bg-default);
  --utrecht-alert-ok-border-color: var(--basis-color-positive-border-default);
  --utrecht-alert-ok-color: var(--basis-color-positive-color-document);
  --utrecht-alert-warning-background-color: var(--basis-color-warning-bg-default);
  --utrecht-alert-warning-border-color: var(--basis-color-warning-border-default);
  --utrecht-alert-warning-color: var(--basis-color-warning-color-document);
  --utrecht-backdrop-background-color: var(--basis-color-default-inverse-bg-document);
  --utrecht-backdrop-color: var(--basis-color-default-inverse-color-document);
  --utrecht-blockquote-background-color: var(--basis-color-transparent);
  --utrecht-blockquote-border-color: var(--basis-color-transparent);
  --utrecht-blockquote-font-size: var(--basis-text-font-size-md);
  --utrecht-blockquote-padding-block-end: var(--basis-space-block-lg);
  --utrecht-blockquote-padding-block-start: var(--basis-space-block-lg);
  --utrecht-blockquote-row-gap: var(--basis-space-row-md);
  --utrecht-blockquote-attribution-font-size: var(--basis-text-font-size-md);
  --utrecht-blockquote-content-font-size: var(--basis-text-font-size-xl);
  --utrecht-breadcrumb-nav-font-size: var(--basis-text-font-size-md);
  --utrecht-breadcrumb-nav-line-height: var(--basis-text-line-height-md);
  --utrecht-breadcrumb-nav-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-breadcrumb-nav-item-padding-block-end: var(--basis-space-block-lg);
  --utrecht-breadcrumb-nav-item-padding-block-start: var(--basis-space-block-lg);
  --utrecht-breadcrumb-nav-item-padding-inline-end: var(--basis-space-inline-md);
  --utrecht-breadcrumb-nav-item-padding-inline-start: var(--basis-space-inline-md);
  --utrecht-breadcrumb-nav-separator-icon-size: var(--basis-size-icon-sm);
  --utrecht-button-background-color: var(--basis-color-transparent);
  --utrecht-button-border-width: var(--basis-border-width-md);
  --utrecht-button-border-radius: var(--basis-border-radius-md);
  --utrecht-button-column-gap: var(--basis-space-text-xs);
  --utrecht-button-font-size: var(--basis-text-font-size-md);
  --utrecht-button-line-height: var(--basis-text-line-height-md);
  --utrecht-button-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-button-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --utrecht-button-padding-block-end: var(--basis-space-block-lg);
  --utrecht-button-padding-block-start: var(--basis-space-block-lg);
  --utrecht-button-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-button-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-button-icon-size: var(--basis-size-icon-md);
  --utrecht-button-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-font-size: var(--basis-text-font-size-md);
  --utrecht-button-primary-action-line-height: var(--basis-text-line-height-md);
  --utrecht-button-primary-action-active-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-hover-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-pressed-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-border-width: var(--basis-size-5xs);
  --utrecht-button-secondary-action-background-color: var(--basis-color-transparent);
  --utrecht-button-secondary-action-font-size: var(--basis-text-font-size-md);
  --utrecht-button-secondary-action-line-height: var(--basis-text-line-height-md);
  --utrecht-button-secondary-action-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-background-color: var(--basis-color-transparent);
  --utrecht-button-subtle-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-font-size: var(--basis-text-font-size-md);
  --utrecht-button-subtle-line-height: var(--basis-text-line-height-md);
  --utrecht-button-subtle-active-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-disabled-background-color: var(--basis-color-transparent);
  --utrecht-button-subtle-disabled-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-hover-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-pressed-border-color: var(--basis-color-transparent);
  --utrecht-calendar-icon-size: var(--basis-size-icon-md);
  --utrecht-calendar-navigation-background-color: var(--basis-color-transparent);
  --utrecht-calendar-navigation-padding-block-start: var(--basis-space-block-lg);
  --utrecht-calendar-navigation-label-font-size: var(--basis-text-font-size-md);
  --utrecht-calendar-table-padding-block-end: var(--basis-space-block-lg);
  --utrecht-calendar-table-padding-block-start: var(--basis-space-block-lg);
  --utrecht-calendar-table-days-item-day-border-color: var(--basis-color-transparent);
  --utrecht-calendar-table-days-item-day-border-width: var(--basis-border-width-sm);
  --utrecht-calendar-table-days-item-day-size: var(--basis-pointer-target-min-inline-size);
  --utrecht-calendar-table-days-item-day-active-border-color: var(--basis-color-transparent);
  --utrecht-calendar-table-days-item-day-disabled-background-color: var(--basis-color-transparent);
  --utrecht-calendar-table-days-item-day-disabled-border-color: var(--basis-color-transparent);
  --utrecht-calendar-table-days-item-day-emphasis-background-color: var(--basis-color-highlight-bg-default);
  --utrecht-calendar-table-days-item-day-emphasis-border-color: var(--basis-color-transparent);
  --utrecht-calendar-table-days-item-day-emphasis-color: var(--basis-color-highlight-color-default);
  --utrecht-calendar-table-days-item-day-focus-border-color: var(--basis-color-transparent);
  --utrecht-calendar-table-days-item-day-hover-border-color: var(--basis-color-transparent);
  --utrecht-calendar-table-days-item-day-is-today-background-color: var(--basis-color-transparent);
  --utrecht-calendar-table-days-item-day-out-of-the-month-background-color: var(--basis-color-transparent);
  --utrecht-calendar-table-days-item-day-out-of-the-month-border-color: var(--basis-color-transparent);
  --utrecht-calendar-table-days-item-day-selected-border-color: var(--basis-color-transparent);
  --utrecht-calendar-table-weeks-item-width: var(--basis-pointer-target-min-inline-size);
  --utrecht-checkbox-border-radius: var(--basis-form-control-border-radius);
  --utrecht-checkbox-size: var(--basis-size-xs);
  --utrecht-checkbox-icon-size: var(--basis-size-icon-md);
  --utrecht-checkbox-checked-border-color: var(--basis-color-transparent);
  --utrecht-checkbox-indeterminate-border-color: var(--basis-color-transparent);
  --utrecht-checkbox-margin-inline-end: var(--basis-space-inline-md);
  --utrecht-code-font-size: var(--basis-text-font-size-md);
  --utrecht-code-line-height: var(--basis-text-line-height-md);
  --utrecht-code-block-font-size: var(--basis-text-font-size-md);
  --utrecht-code-block-line-height: var(--basis-text-line-height-md);
  --utrecht-code-block-padding-block-start: var(--basis-space-block-xl);
  --utrecht-code-block-padding-block-end: var(--basis-space-block-xl);
  --utrecht-code-block-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-code-block-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-color-sample-background-color: var(--nl-color-sample-background-color);
  --utrecht-color-sample-border-color: var(--nl-color-sample-border-color);
  --utrecht-color-sample-border-radius: var(--nl-color-sample-border-radius);
  --utrecht-color-sample-dark-border-color: var(--nl-color-sample-border-color);
  --utrecht-color-sample-light-border-color: var(--nl-color-sample-border-color);
  --utrecht-data-badge-border-color: var(--basis-color-transparent);
  --utrecht-data-badge-border-radius: var(--basis-border-radius-sm);
  --utrecht-data-badge-border-width: var(--basis-border-width-sm);
  --utrecht-data-badge-font-size: var(--basis-text-font-size-md);
  --utrecht-data-badge-line-height: var(--basis-text-line-height-md);
  --utrecht-data-badge-min-block-size: var(--basis-size-xs);
  --utrecht-data-badge-min-inline-size: var(--basis-size-sm);
  --utrecht-data-badge-padding-inline: var(--basis-space-inline-sm);
  --utrecht-drawer-border-width: var(--basis-border-width-sm);
  --utrecht-drawer-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-drawer-padding-block-end: var(--basis-space-block-3xl);
  --utrecht-drawer-padding-block-start: var(--basis-space-block-3xl);
  --utrecht-drawer-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-drawer-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-drawer-backdrop-min-size: var(--basis-pointer-target-min-block-size);
  --utrecht-form-fieldset-invalid-border-inline-start-color: var(--basis-color-negative-border-default);
  --utrecht-form-fieldset-legend-font-size: var(--basis-text-font-size-md);
  --utrecht-form-fieldset-legend-line-height: var(--basis-text-line-height-md);
  --utrecht-form-fieldset-legend-margin-block-end: var(--basis-space-block-lg);
  --utrecht-form-fieldset-section-background-color: var(--basis-color-transparent);
  --utrecht-figure-caption-font-size: var(--basis-text-font-size-md);
  --utrecht-figure-caption-line-height: var(--basis-text-line-height-md);
  --utrecht-form-field-invalid-border-inline-start-color: var(--basis-color-negative-border-default);
  --utrecht-form-field-invalid-border-inline-start-width: var(--basis-border-width-md);
  --utrecht-form-field-invalid-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-form-field-description-invalid-color: var(--basis-color-negative-color-default);
  --utrecht-form-field-description-font-size: var(--basis-text-font-size-md);
  --utrecht-form-field-description-line-height: var(--basis-text-line-height-md);
  --utrecht-form-field-description-margin-block-end: var(--basis-space-block-lg);
  --utrecht-form-field-error-message-background-color: var(--basis-color-transparent);
  --utrecht-form-field-error-message-color: var(--basis-color-negative-color-default);
  --utrecht-form-field-error-message-font-size: var(--basis-text-font-size-md);
  --utrecht-form-field-error-message-line-height: var(--basis-text-line-height-md);
  --utrecht-form-field-error-message-margin-block-end: var(--basis-space-block-lg);
  --utrecht-form-label-font-size: var(--basis-text-font-size-md);
  --utrecht-form-label-margin-block-end: var(--basis-space-block-lg);
  --utrecht-heading-1-font-size: var(--basis-text-font-size-3xl);
  --utrecht-heading-1-line-height: var(--basis-text-line-height-3xl);
  --utrecht-heading-2-font-size: var(--basis-text-font-size-2xl);
  --utrecht-heading-2-line-height: var(--basis-text-line-height-2xl);
  --utrecht-heading-3-font-size: var(--basis-text-font-size-xl);
  --utrecht-heading-3-line-height: var(--basis-text-line-height-xl);
  --utrecht-heading-4-font-size: var(--basis-text-font-size-lg);
  --utrecht-heading-4-line-height: var(--basis-text-line-height-lg);
  --utrecht-heading-5-font-size: var(--basis-text-font-size-md);
  --utrecht-heading-5-line-height: var(--basis-text-line-height-md);
  --utrecht-heading-6-font-size: var(--basis-text-font-size-sm);
  --utrecht-heading-6-line-height: var(--basis-text-line-height-sm);
  --utrecht-icon-size: var(--basis-size-icon-md);
  --utrecht-link-column-gap: var(--basis-space-text-xs);
  --utrecht-link-icon-size: var(--basis-size-icon-md);
  --utrecht-link-list-row-gap: var(--basis-space-row-md);
  --utrecht-link-list-icon-size: var(--basis-size-icon-md);
  --utrecht-link-list-link-column-gap: var(--basis-space-text-xs);
  --utrecht-logo-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-logo-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --utrecht-mark-background-color: var(--basis-color-highlight-inverse-bg-default);
  --utrecht-mark-color: var(--basis-color-highlight-inverse-color-default);
  --utrecht-nav-bar-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-nav-bar-link-padding-block-end: var(--basis-space-block-lg);
  --utrecht-nav-bar-link-padding-block-start: var(--basis-space-block-lg);
  --utrecht-nav-bar-link-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-nav-bar-link-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-spotlight-section-padding-block-end: var(--basis-space-block-2xl);
  --utrecht-spotlight-section-padding-block-start: var(--basis-space-block-xl);
  --utrecht-spotlight-section-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-spotlight-section-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-spotlight-section-info-border-width: var(--utrecht-spotlight-section-border-width);
  --utrecht-spotlight-section-info-background-color: var(--basis-color-info-bg-default);
  --utrecht-spotlight-section-info-border-color: var(--basis-color-info-border-default);
  --utrecht-spotlight-section-info-color: var(--basis-color-info-color-document);
  --utrecht-spotlight-section-info-icon-color: var(--basis-color-info-color-default);
  --utrecht-spotlight-section-error-border-width: var(--utrecht-spotlight-section-border-width);
  --utrecht-spotlight-section-error-background-color: var(--basis-color-negative-bg-default);
  --utrecht-spotlight-section-error-border-color: var(--basis-color-negative-border-default);
  --utrecht-spotlight-section-error-color: var(--basis-color-negative-color-document);
  --utrecht-spotlight-section-error-icon-color: var(--basis-color-negative-color-default);
  --utrecht-spotlight-section-ok-border-width: var(--utrecht-spotlight-section-border-width);
  --utrecht-spotlight-section-ok-background-color: var(--basis-color-positive-bg-default);
  --utrecht-spotlight-section-ok-border-color: var(--basis-color-positive-border-default);
  --utrecht-spotlight-section-ok-color: var(--basis-color-positive-color-document);
  --utrecht-spotlight-section-ok-icon-color: var(--basis-color-positive-color-default);
  --utrecht-spotlight-section-warning-border-width: var(--utrecht-spotlight-section-border-width);
  --utrecht-spotlight-section-warning-background-color: var(--basis-color-warning-bg-default);
  --utrecht-spotlight-section-warning-border-color: var(--basis-color-warning-border-default);
  --utrecht-spotlight-section-warning-color: var(--basis-color-warning-color-document);
  --utrecht-spotlight-section-warning-icon-color: var(--basis-color-warning-color-default);
  --utrecht-number-badge-border-color: var(--basis-color-transparent);
  --utrecht-number-badge-border-radius: var(--basis-border-radius-round);
  --utrecht-number-badge-border-width: var(--basis-border-width-sm);
  --utrecht-number-badge-font-size: var(--basis-text-font-size-md);
  --utrecht-number-badge-min-block-size: var(--basis-size-xs);
  --utrecht-number-badge-min-inline-size: var(--basis-size-xs);
  --utrecht-number-badge-padding-block: var(--basis-space-block-sm);
  --utrecht-number-badge-padding-inline: var(--basis-space-inline-sm);
  --utrecht-ordered-list-font-size: var(--basis-text-font-size-md);
  --utrecht-ordered-list-line-height: var(--basis-text-line-height-md);
  --utrecht-ordered-list-padding-inline-start: var(--basis-space-inline-3xl);
  --utrecht-ordered-list-item-margin-block-end: var(--basis-space-block-sm);
  --utrecht-ordered-list-item-margin-block-start: var(--basis-space-block-sm);
  --utrecht-ordered-list-item-padding-inline-start: var(--basis-space-inline-md);
  --utrecht-pagination-font-size: var(--basis-text-font-size-md);
  --utrecht-pagination-page-link-background-color: var(--basis-color-transparent);
  --utrecht-pagination-page-link-border-color: var(--basis-color-transparent);
  --utrecht-pagination-page-link-border-radius: var(--basis-form-control-border-radius);
  --utrecht-pagination-page-link-border-width: var(--basis-border-width-sm);
  --utrecht-pagination-page-link-padding-block-end: var(--basis-space-block-lg);
  --utrecht-pagination-page-link-padding-block-start: var(--basis-space-block-lg);
  --utrecht-pagination-page-link-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-pagination-page-link-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-pagination-page-link-current-border-color: var(--basis-color-transparent);
  --utrecht-pagination-page-link-hover-border-color: var(--basis-color-transparent);
  --utrecht-pagination-relative-link-background-color: var(--basis-color-transparent);
  --utrecht-pagination-relative-link-border-color: var(--basis-color-transparent);
  --utrecht-pagination-relative-link-border-radius: var(--basis-form-control-border-radius);
  --utrecht-pagination-relative-link-border-width: var(--basis-border-width-sm);
  --utrecht-pagination-relative-link-padding-block-end: var(--basis-space-block-lg);
  --utrecht-pagination-relative-link-padding-block-start: var(--basis-space-block-lg);
  --utrecht-pagination-relative-link-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-pagination-relative-link-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-pagination-relative-link-hover-border-color: var(--basis-color-transparent);
  --utrecht-pagination-relative-link-disabled-background-color: var(--basis-color-transparent);
  --utrecht-paragraph-font-size: var(--basis-text-font-size-md);
  --utrecht-paragraph-line-height: var(--basis-text-line-height-md);
  --utrecht-paragraph-lead-font-size: var(--basis-text-font-size-lg);
  --utrecht-paragraph-lead-line-height: var(--basis-text-line-height-lg);
  --utrecht-paragraph-small-font-size: var(--basis-text-font-size-sm);
  --utrecht-paragraph-small-line-height: var(--basis-text-line-height-sm);
  --utrecht-pre-heading-font-size: var(--basis-text-font-size-sm);
  --utrecht-pre-heading-line-height: var(--basis-text-line-height-md);
  --utrecht-radio-button-margin-inline-end: var(--basis-space-inline-md);
  --utrecht-radio-button-size: var(--basis-size-xs);
  --utrecht-radio-button-icon-size: var(--basis-size-3xs);
  --utrecht-radio-button-checked-border-color: var(--basis-color-transparent);
  --utrecht-radio-button-checked-active-border-color: var(--basis-color-transparent);
  --utrecht-radio-button-checked-hover-border-color: var(--basis-color-transparent);
  --utrecht-select-border-radius: var(--basis-form-control-border-radius);
  --utrecht-select-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-separator-block-size: var(--basis-size-4xs);
  --utrecht-skip-link-background-color: var(--basis-color-default-inverse-bg-document);
  --utrecht-skip-link-color: var(--basis-color-default-inverse-color-document);
  --utrecht-skip-link-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-skip-link-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --utrecht-skip-link-padding-block-end: var(--basis-space-block-lg);
  --utrecht-skip-link-padding-block-start: var(--basis-space-block-lg);
  --utrecht-skip-link-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-skip-link-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-status-badge-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-border-radius: var(--basis-border-radius-sm);
  --utrecht-status-badge-border-width: var(--basis-border-width-sm);
  --utrecht-status-badge-font-size: var(--basis-text-font-size-md);
  --utrecht-status-badge-line-height: var(--basis-text-line-height-md);
  --utrecht-status-badge-min-block-size: var(--basis-size-xs);
  --utrecht-status-badge-min-inline-size: var(--basis-size-sm);
  --utrecht-status-badge-padding-inline: var(--basis-space-inline-sm);
  --utrecht-status-badge-active-background-color: var(--basis-color-positive-bg-default);
  --utrecht-status-badge-active-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-active-color: var(--basis-color-positive-color-default);
  --utrecht-status-badge-danger-background-color: var(--basis-color-negative-bg-default);
  --utrecht-status-badge-danger-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-danger-color: var(--basis-color-negative-color-default);
  --utrecht-status-badge-error-background-color: var(--basis-color-negative-bg-default);
  --utrecht-status-badge-error-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-error-color: var(--basis-color-negative-color-default);
  --utrecht-status-badge-inactive-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-invalid-background-color: var(--basis-color-negative-bg-default);
  --utrecht-status-badge-invalid-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-invalid-color: var(--basis-color-negative-color-default);
  --utrecht-status-badge-neutral-background-color: var(--basis-color-info-bg-default);
  --utrecht-status-badge-neutral-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-neutral-color: var(--basis-color-info-color-default);
  --utrecht-status-badge-safe-background-color: var(--basis-color-positive-bg-default);
  --utrecht-status-badge-safe-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-safe-color: var(--basis-color-positive-color-default);
  --utrecht-status-badge-success-background-color: var(--basis-color-positive-bg-default);
  --utrecht-status-badge-success-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-success-color: var(--basis-color-positive-color-default);
  --utrecht-status-badge-valid-background-color: var(--basis-color-positive-bg-default);
  --utrecht-status-badge-valid-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-valid-color: var(--basis-color-positive-color-default);
  --utrecht-status-badge-warning-background-color: var(--basis-color-warning-bg-default);
  --utrecht-status-badge-warning-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-warning-color: var(--basis-color-warning-color-default);
  --utrecht-form-toggle-accent-color: var(--basis-color-default-inverse-bg-default);
  --utrecht-form-toggle-border-color: var(--basis-color-transparent);
  --utrecht-form-toggle-border-radius: var(--basis-border-radius-round);
  --utrecht-form-toggle-border-width: var(--basis-border-width-sm);
  --utrecht-form-toggle-checked-accent-color: var(--basis-color-positive-inverse-bg-default);
  --utrecht-form-toggle-disabled-border-color: var(--basis-color-transparent);
  --utrecht-form-toggle-disabled-border-width: var(--basis-border-width-sm);
  --utrecht-form-toggle-hover-background-color: var(--basis-color-default-inverse-bg-hover);
  --utrecht-form-toggle-focus-border-color: var(--basis-color-transparent);
  --utrecht-form-toggle-focus-border-width: var(--basis-border-width-sm);
  --utrecht-form-toggle-thumb-border-radius: var(--basis-border-radius-round);
  --utrecht-form-toggle-thumb-margin-inline-end: var(--basis-space-inline-sm);
  --utrecht-form-toggle-thumb-margin-inline-start: var(--basis-space-inline-sm);
  --utrecht-form-toggle-thumb-min-inline-size: var(--basis-size-sm);
  --utrecht-form-toggle-track-border-color: var(--basis-color-transparent);
  --utrecht-form-toggle-track-border-radius: var(--basis-border-radius-round);
  --utrecht-form-toggle-track-disabled-border-color: var(--basis-color-transparent);
  --utrecht-table-font-size: var(--basis-text-font-size-md);
  --utrecht-table-line-height: var(--basis-text-line-height-md);
  --utrecht-table-caption-line-height: var(--basis-text-line-height-xl);
  --utrecht-table-caption-font-size: var(--basis-text-font-size-xl);
  --utrecht-table-caption-margin-block-end: var(--basis-space-block-3xl);
  --utrecht-table-cell-padding-block-end: var(--basis-space-block-lg);
  --utrecht-table-cell-padding-block-start: var(--basis-space-block-lg);
  --utrecht-table-cell-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-table-cell-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-table-footer-background-color: var(--basis-color-transparent);
  --utrecht-table-header-background-color: var(--basis-color-transparent);
  --utrecht-table-header-border-block-end-width: var(--basis-border-width-md);
  --utrecht-table-row-border-block-end-width: var(--basis-border-width-sm);
  --utrecht-textarea-border-radius: var(--basis-form-control-border-radius);
  --utrecht-textarea-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-textarea-counter-padding-block-start: var(--basis-space-block-md);
  --utrecht-textbox-border-radius: var(--basis-form-control-border-radius);
  --utrecht-textbox-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-unordered-list-font-size: var(--basis-text-font-size-md);
  --utrecht-unordered-list-line-height: var(--basis-text-line-height-md);
  --utrecht-unordered-list-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-unordered-list-item-margin-block-end: var(--basis-space-block-sm);
  --utrecht-unordered-list-item-margin-block-start: var(--basis-space-block-sm);
  --utrecht-unordered-list-item-padding-inline-start: var(--basis-space-inline-md);
  --utrecht-body-font-size: var(--basis-text-font-size-md);
  --utrecht-body-line-height: var(--basis-text-line-height-md);
  --utrecht-page-header-color: var(--basis-color-default-inverse-color-document);
  --utrecht-page-header-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-page-header-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-header-content-padding-block-end: var(--basis-space-block-4xl);
  --utrecht-page-header-content-padding-block-start: var(--basis-space-block-4xl);
  --utrecht-page-header-content-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-page-body-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-body-content-padding-block-end: var(--basis-space-block-4xl);
  --utrecht-page-body-content-padding-block-start: var(--basis-space-block-4xl);
  --utrecht-page-body-content-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-page-footer-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-footer-content-padding-block-end: var(--basis-space-block-4xl);
  --utrecht-page-footer-content-padding-block-start: var(--basis-space-block-4xl);
  --utrecht-page-footer-content-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-listbox-border-radius: var(--basis-form-control-border-radius);
  --utrecht-listbox-option-padding-block-end: var(--basis-space-block-sm);
  --utrecht-listbox-option-padding-block-start: var(--basis-space-block-sm);
  --utrecht-listbox-option-padding-inline-end: var(--basis-space-inline-sm);
  --utrecht-listbox-option-padding-inline-start: var(--basis-space-inline-sm);
  --utrecht-page-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-background-color: var(--basis-color-transparent);
  --utrecht-page-header-padding-block-end: var(--basis-space-block-lg);
  --utrecht-page-header-padding-block-start: var(--basis-space-block-lg);
  --utrecht-page-content-padding-block-end: var(--basis-space-block-3xl);
  --utrecht-page-content-padding-block-start: var(--basis-space-block-3xl);
  --utrecht-page-footer-padding-block-end: var(--basis-space-block-lg);
  --utrecht-page-footer-padding-block-start: var(--basis-space-block-lg);
  --utrecht-action-activate-cursor: var(--basis-action-activate-cursor);
  --utrecht-action-submit-cursor: var(--basis-action-submit-cursor);
  --todo-accordion-button-font-size: var(--basis-text-font-size-md);
  --todo-accordion-button-line-height: var(--basis-text-line-height-md);
  --todo-breadcrumb-nav-column-gap: var(--basis-space-column-md);
  --todo-breadcrumb-nav-font-size: var(--basis-text-font-size-md);
  --todo-breadcrumb-nav-line-height: var(--basis-text-line-height-md);
  --todo-breadcrumb-nav-item-min-block-size: var(--basis-pointer-target-min-block-size);
  --todo-breadcrumb-nav-item-padding-block-end: var(--basis-space-block-lg);
  --todo-breadcrumb-nav-item-padding-block-start: var(--basis-space-block-lg);
  --todo-breadcrumb-nav-link-column-gap: var(--basis-space-text-xs);
  --todo-breadcrumb-nav-link-icon-size: var(--basis-size-icon-md);
  --todo-breadcrumb-nav-separator-size: var(--basis-size-icon-sm);
  --todo-case-card-border-radius: var(--basis-border-radius-sm);
  --todo-case-card-padding-block: var(--basis-space-block-2xl);
  --todo-case-card-padding-inline: var(--basis-space-inline-3xl);
  --todo-case-card-row-gap: var(--basis-space-row-lg);
  --todo-case-card-description-font-size: var(--basis-text-font-size-md);
  --todo-case-card-description-line-height: var(--basis-text-line-height-md);
  --todo-case-card-heading-font-size: var(--basis-text-font-size-xl);
  --todo-case-card-heading-line-height: var(--basis-text-line-height-xl);
  --todo-case-card-metadata-font-size: var(--basis-text-font-size-md);
  --todo-case-card-metadata-line-height: var(--basis-text-line-height-md);
  --todo-case-card-icon-size: var(--basis-size-icon-md);
  --todo-checkbox-checked-active-border-color: var(--basis-color-transparent);
  --todo-checkbox-checked-hover-border-color: var(--basis-color-transparent);
  --todo-checkbox-indeterminate-active-border-color: var(--basis-color-transparent);
  --todo-checkbox-indeterminate-hover-border-color: var(--basis-color-transparent);
  --todo-drawer-border-width: var(--basis-border-width-sm);
  --todo-drawer-header-background-color: var(--basis-color-transparent);
  --todo-drawer-header-border-width: var(--basis-border-width-sm);
  --todo-drawer-header-column-gap: var(--basis-space-column-md);
  --todo-drawer-header-padding-block-end: var(--basis-space-block-md);
  --todo-drawer-header-padding-block-start: var(--basis-space-block-md);
  --todo-drawer-header-padding-inline-end: var(--basis-space-inline-md);
  --todo-drawer-header-padding-inline-start: var(--basis-space-inline-xl);
  --todo-drawer-header-label-font-size: var(--basis-text-font-size-md);
  --todo-drawer-header-label-line-height: var(--basis-text-line-height-md);
  --todo-drawer-content-padding-block-end: var(--basis-space-block-3xl);
  --todo-drawer-content-padding-block-start: var(--basis-space-block-3xl);
  --todo-drawer-content-padding-inline: var(--basis-space-inline-xl);
  --todo-drawer-footer-background-color: var(--basis-color-transparent);
  --todo-drawer-footer-border-width: var(--basis-border-width-sm);
  --todo-drawer-footer-padding-block-end: var(--basis-space-block-xl);
  --todo-drawer-footer-padding-block-start: var(--basis-space-block-xl);
  --todo-drawer-footer-padding-inline-end: var(--basis-space-inline-xl);
  --todo-drawer-footer-padding-inline-start: var(--basis-space-inline-xl);
  --todo-figure-row-gap: var(--basis-space-row-md);
  --todo-form-field-error-message-icon-size: var(--basis-size-icon-md);
  --todo-form-field-error-message-column-gap: var(--basis-space-text-md);
  --todo-form-field-label-suffix-font-size: var(--basis-text-font-size-md);
  --todo-form-field-label-suffix-line-height: var(--basis-text-line-height-md);
  --todo-form-field-label-suffix-margin-inline-start: var(--basis-space-inline-sm);
  --todo-form-summary-font-size: var(--basis-text-font-size-md);
  --todo-form-summary-line-height: var(--basis-text-line-height-md);
  --todo-form-summary-item-border-width: var(--basis-border-width-sm);
  --todo-form-summary-item-action-padding-block-end: var(--basis-space-block-lg);
  --todo-form-summary-item-action-padding-block-start: var(--basis-space-block-lg);
  --todo-form-summary-item-action-padding-inline-end: var(--basis-space-inline-xl);
  --todo-form-summary-item-action-row-padding-block-end: var(--basis-space-block-lg);
  --todo-form-summary-item-action-row-padding-block-start: var(--basis-space-block-lg);
  --todo-form-summary-item-action-row-padding-inline-start: var(--basis-space-inline-xl);
  --todo-form-summary-item-key-padding-block-end: var(--basis-space-block-sm);
  --todo-form-summary-item-key-padding-block-start: var(--basis-space-block-lg);
  --todo-form-summary-item-key-row-padding-block-end: var(--basis-space-block-lg);
  --todo-form-summary-item-key-row-padding-block-start: var(--basis-space-block-lg);
  --todo-form-summary-item-key-row-padding-inline-end: var(--basis-space-inline-xl);
  --todo-form-summary-item-value-padding-block-end: var(--basis-space-block-lg);
  --todo-form-summary-item-value-padding-block-start: var(--basis-space-block-sm);
  --todo-form-summary-item-value-row-padding-block-end: var(--basis-space-block-lg);
  --todo-form-summary-item-value-row-padding-block-start: var(--basis-space-block-lg);
  --todo-icon-only-button-padding-block-end: var(--basis-space-block-lg);
  --todo-icon-only-button-padding-block-start: var(--basis-space-block-lg);
  --todo-icon-only-button-padding-inline-end: var(--basis-space-inline-lg);
  --todo-icon-only-button-padding-inline-start: var(--basis-space-inline-lg);
  --todo-login-link-focus-visible-border-color: var(--basis-color-transparent);
  --todo-modal-dialog-border-radius: var(--basis-border-radius-lg);
  --todo-modal-dialog-border-width: var(--basis-border-width-sm);
  --todo-modal-dialog-content-padding-block-end: var(--basis-space-block-3xl);
  --todo-modal-dialog-content-padding-block-start: var(--basis-space-block-3xl);
  --todo-modal-dialog-content-padding-inline: var(--basis-space-inline-xl);
  --todo-modal-dialog-footer-background-color: var(--basis-color-transparent);
  --todo-modal-dialog-footer-border-color: var(--basis-color-transparent);
  --todo-modal-dialog-footer-border-width: var(--basis-border-width-sm);
  --todo-modal-dialog-footer-padding-block-end: var(--basis-space-block-xl);
  --todo-modal-dialog-footer-padding-block-start: var(--basis-space-block-xl);
  --todo-modal-dialog-footer-padding-inline-end: var(--basis-space-inline-xl);
  --todo-modal-dialog-footer-padding-inline-start: var(--basis-space-inline-xl);
  --todo-modal-dialog-header-background-color: var(--basis-color-transparent);
  --todo-modal-dialog-header-border-width: var(--basis-border-width-sm);
  --todo-modal-dialog-header-column-gap: var(--basis-space-column-md);
  --todo-modal-dialog-header-padding-block-end: var(--basis-space-block-md);
  --todo-modal-dialog-header-padding-block-start: var(--basis-space-block-md);
  --todo-modal-dialog-header-padding-inline-end: var(--basis-space-inline-md);
  --todo-modal-dialog-header-padding-inline-start: var(--basis-space-inline-xl);
  --todo-modal-dialog-header-label-font-size: var(--basis-text-font-size-md);
  --todo-modal-dialog-header-label-line-height: var(--basis-text-line-height-md);
  --todo-spotlight-section-row-gap: var(--basis-space-row-md);
  --todo-pagination-font-size: var(--basis-text-font-size-md);
  --todo-pagination-line-height: var(--basis-text-line-height-md);
  --todo-pagination-ellipses-padding-block-end: var(--basis-space-block-lg);
  --todo-pagination-ellipses-padding-block-start: var(--basis-space-block-lg);
  --todo-pagination-ellipses-padding-inline-end: var(--basis-space-inline-sm);
  --todo-pagination-ellipses-padding-inline-start: var(--basis-space-inline-sm);
  --todo-pagination-relative-link-background-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-border-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-border-width: var(--basis-border-width-sm);
  --todo-pagination-relative-link-column-gap: var(--basis-space-text-xs);
  --todo-pagination-relative-link-padding-block-end: var(--basis-space-block-lg);
  --todo-pagination-relative-link-padding-block-start: var(--basis-space-block-lg);
  --todo-pagination-relative-link-min-block-size: var(--basis-pointer-target-min-block-size);
  --todo-pagination-relative-link-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --todo-pagination-relative-link-icon-size: var(--basis-size-icon-md);
  --todo-pagination-relative-link-active-background-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-active-border-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-disabled-background-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-disabled-border-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-hover-background-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-hover-border-color: var(--basis-color-transparent);
  --todo-pagination-page-link-background-color: var(--basis-color-transparent);
  --todo-pagination-page-link-border-color: var(--basis-color-transparent);
  --todo-pagination-page-link-border-width: var(--basis-border-width-sm);
  --todo-pagination-page-link-padding-block-end: var(--basis-space-block-lg);
  --todo-pagination-page-link-padding-block-start: var(--basis-space-block-lg);
  --todo-pagination-page-link-padding-inline-end: var(--basis-space-inline-lg);
  --todo-pagination-page-link-padding-inline-start: var(--basis-space-inline-lg);
  --todo-pagination-page-link-min-block-size: var(--basis-pointer-target-min-block-size);
  --todo-pagination-page-link-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --todo-pagination-page-link-active-background-color: var(--basis-color-transparent);
  --todo-pagination-page-link-active-border-color: var(--basis-color-transparent);
  --todo-pagination-page-link-current-border-color: var(--basis-color-transparent);
  --todo-pagination-page-link-hover-background-color: var(--basis-color-transparent);
  --todo-pagination-page-link-hover-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-border-radius: var(--basis-border-radius-md);
  --todo-progress-list-button-border-width: var(--basis-border-width-sm);
  --todo-progress-list-button-column-gap: var(--basis-space-text-xs);
  --todo-progress-list-button-min-block-size: var(--basis-pointer-target-min-block-size);
  --todo-progress-list-button-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --todo-progress-list-button-icon-size: var(--basis-size-icon-md);
  --todo-progress-list-button-icon-checked-color: var(--basis-color-positive-color-default);
  --todo-progress-list-button-icon-error-color: var(--basis-color-negative-color-default);
  --todo-progress-list-button-icon-warning-color: var(--basis-color-warning-color-default);
  --todo-progress-list-button-checked-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-active-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-active-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-focus-visible-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-hover-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-hover-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-active-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-active-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-focus-visible-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-hover-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-hover-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-active-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-active-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-focus-visible-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-hover-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-hover-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-active-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-active-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-focus-visible-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-hover-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-hover-border-color: var(--basis-color-transparent);
  --todo-progress-list-connector-border-width: var(--basis-border-width-md);
  --todo-progress-list-connector-padding-inline-start: var(--basis-space-inline-xl);
  --todo-progress-list-connector-checked-border-color: var(--basis-color-positive-border-default);
  --todo-progress-list-connector-error-border-color: var(--basis-color-negative-border-default);
  --todo-progress-list-connector-warning-border-color: var(--basis-color-warning-border-default);
  --todo-progress-list-step-body-row-gap: var(--basis-space-row-md);
  --todo-progress-list-step-header-column-gap: var(--basis-space-column-xl);
  --todo-progress-list-step-heading-font-size: var(--basis-text-font-size-md);
  --todo-progress-list-step-heading-line-height: var(--basis-text-line-height-md);
  --todo-progress-list-step-heading-padding-block-end: var(--basis-space-block-2xl);
  --todo-progress-list-step-heading-padding-block-start: var(--basis-space-block-sm);
  --todo-progress-list-step-heading-checked-color: var(--basis-color-positive-color-default);
  --todo-progress-list-step-heading-error-color: var(--basis-color-negative-color-default);
  --todo-progress-list-step-heading-warning-color: var(--basis-color-warning-color-default);
  --todo-progress-list-step-marker-border-radius: var(--basis-border-radius-round);
  --todo-progress-list-step-marker-border-width: var(--basis-border-width-md);
  --todo-progress-list-step-marker-font-size: var(--basis-text-font-size-md);
  --todo-progress-list-step-marker-icon-size: var(--basis-size-icon-md);
  --todo-progress-list-step-marker-line-height: var(--basis-text-line-height-md);
  --todo-progress-list-step-marker-size: var(--basis-size-sm);
  --todo-progress-list-step-marker-nested-inset-block-start: var(--basis-space-block-sm); /** [design-only] */
  --todo-progress-list-step-marker-nested-padding-inline-start: var(--basis-space-inline-md);
  --todo-progress-list-step-marker-nested-size: var(--basis-size-2xs);
  --todo-progress-list-step-marker-checked-background-color: var(--basis-color-positive-inverse-bg-default);
  --todo-progress-list-step-marker-checked-border-color: var(--basis-color-transparent);
  --todo-progress-list-step-marker-checked-color: var(--basis-color-positive-inverse-color-default);
  --todo-progress-list-step-marker-current-background-color: var(--basis-color-default-inverse-bg-document);
  --todo-progress-list-step-marker-current-border-color: var(--basis-color-transparent);
  --todo-progress-list-step-marker-current-color: var(--basis-color-default-inverse-color-document);
  --todo-progress-list-step-marker-error-background-color: var(--basis-color-negative-inverse-bg-default);
  --todo-progress-list-step-marker-error-border-color: var(--basis-color-transparent);
  --todo-progress-list-step-marker-error-color: var(--basis-color-negative-inverse-color-default);
  --todo-progress-list-step-marker-warning-background-color: var(--basis-color-warning-inverse-bg-default);
  --todo-progress-list-step-marker-warning-border-color: var(--basis-color-transparent);
  --todo-progress-list-step-marker-warning-color: var(--basis-color-warning-inverse-color-default);
  --todo-progress-list-step-meta-padding-inline-start: var(--basis-space-inline-5xl);
  --todo-progress-list-sub-step-margin-block-start: var(--basis-space-block-3xl);
  --todo-progress-list-sub-step-header-column-gap: var(--basis-space-column-3xl);
  --todo-side-navigation-link-icon-size: var(--basis-size-icon-md);
  --todo-status-badge-border-color: var(--basis-color-transparent);
  --todo-status-badge-border-radius: var(--basis-border-radius-sm);
  --todo-status-badge-border-width: var(--basis-border-width-sm);
  --todo-status-badge-font-size: var(--basis-text-font-size-md);
  --todo-status-badge-line-height: var(--basis-text-line-height-md);
  --todo-status-badge-padding-block: var(--basis-space-block-xs);
  --todo-status-badge-padding-inline: var(--basis-space-inline-sm);
  --todo-status-badge-informative-background-color: var(--basis-color-info-bg-default);
  --todo-status-badge-informative-border-color: var(--basis-color-transparent);
  --todo-status-badge-informative-color: var(--basis-color-info-color-default);
  --todo-status-badge-negative-background-color: var(--basis-color-negative-bg-default);
  --todo-status-badge-negative-border-color: var(--basis-color-transparent);
  --todo-status-badge-negative-color: var(--basis-color-negative-color-default);
  --todo-status-badge-positive-background-color: var(--basis-color-positive-bg-default);
  --todo-status-badge-positive-border-color: var(--basis-color-transparent);
  --todo-status-badge-positive-color: var(--basis-color-positive-color-default);
  --todo-status-badge-warning-background-color: var(--basis-color-warning-bg-default);
  --todo-status-badge-warning-border-color: var(--basis-color-transparent);
  --todo-status-badge-warning-color: var(--basis-color-warning-color-default);
  --todo-table-footer-border-block-start-width: var(--basis-border-width-md);
  --todo-task-list-font-size: var(--basis-text-font-size-md);
  --todo-task-list-line-height: var(--basis-text-line-height-md);
  --todo-task-list-row-gap: var(--basis-space-row-xl);
  --todo-task-list-item-column-gap: var(--basis-space-column-lg);
  --todo-task-list-item-margin-block-end: var(--basis-space-block-sm);
  --todo-task-list-item-margin-block-start: var(--basis-space-block-sm);
  --todo-task-list-icon-color: var(--basis-color-positive-color-default);
  --todo-task-list-icon-size: var(--basis-size-icon-md);
  --todo-toolbar-button-column-gap: var(--basis-space-text-xs);
  --todo-toolbar-button-padding-block-end: var(--basis-space-block-lg);
  --todo-toolbar-button-padding-block-start: var(--basis-space-block-lg);
  --todo-toolbar-button-padding-inline-end: var(--basis-space-inline-md);
  --todo-toolbar-button-padding-inline-start: var(--basis-space-inline-md);
  --ams-avatar-border-color: var(--basis-color-transparent);
  --ams-avatar-border-width: var(--basis-border-width-sm);
  --ams-avatar-font-size: var(--basis-text-font-size-md);
  --ams-avatar-inline-size: var(--basis-pointer-target-min-inline-size);
  --ams-avatar-line-height: var(--basis-text-line-height-md);
  --ams-avatar-has-image-inline-size: var(--basis-pointer-target-min-inline-size);
  --ams-breadcrumb-font-size: var(--basis-text-font-size-md);
  --ams-breadcrumb-line-height: var(--basis-text-line-height-md);
  --ams-breadcrumb-separator-margin-inline: var(--basis-space-column-lg);
  --ams-date-input-min-block-size: var(--basis-pointer-target-min-block-size);
  --ams-date-input-invalid-hover-border-color: var(--basis-color-negative-border-hover);
  --ams-figure-gap: var(--basis-space-row-md);
  --ams-figure-caption-font-size: var(--basis-text-font-size-md);
  --ams-figure-caption-line-height: var(--basis-text-line-height-md);
  --ams-figure-caption-inverse-color: var(--basis-color-default-inverse-color-document);
  --ams-file-input-padding-block: var(--basis-space-block-xl);
  --ams-file-input-padding-inline: var(--basis-space-inline-xl);
  --ams-file-input-button-background-color: var(--basis-color-transparent);
  --ams-file-input-button-border-width: var(--basis-border-width-sm);
  --ams-file-input-button-line-height: var(--basis-text-line-height-md);
  --ams-file-input-button-margin-inline-end: var(--basis-space-inline-xl); /** [code-only] */
  --ams-file-input-button-padding-block: var(--basis-space-block-lg);
  --ams-file-input-button-padding-inline: var(--basis-space-inline-xl);
  --ams-heading-inverse-color: var(--basis-color-default-inverse-color-document);
  --ams-heading-level-1-font-size: var(--basis-text-font-size-3xl);
  --ams-heading-level-1-line-height: var(--basis-text-line-height-3xl);
  --ams-heading-level-2-font-size: var(--basis-text-font-size-2xl);
  --ams-heading-level-2-line-height: var(--basis-text-line-height-2xl);
  --ams-heading-level-3-font-size: var(--basis-text-font-size-xl);
  --ams-heading-level-3-line-height: var(--basis-text-line-height-xl);
  --ams-heading-level-4-font-size: var(--basis-text-font-size-lg);
  --ams-heading-level-4-line-height: var(--basis-text-line-height-lg);
  --ams-heading-level-5-font-size: var(--basis-text-font-size-md);
  --ams-heading-level-5-line-height: var(--basis-text-line-height-md);
  --ams-heading-level-6-font-size: var(--basis-text-font-size-sm);
  --ams-heading-level-6-line-height: var(--basis-text-line-height-sm);
  --ams-password-input-invalid-hover-border-color: var(--basis-color-negative-border-hover);
  --ams-password-input-invalid-hover-box-shadow: inset 0 0 0 var(--basis-form-control-hover-border-width) var(--basis-color-negative-border-hover);
  --ams-page-header-padding-block: var(--basis-space-block-3xl);
  --ams-page-header-padding-inline: var(--basis-space-inline-xl);
  --ams-page-header-medium-padding-inline: var(--basis-space-inline-5xl);
  --ams-page-header-brand-name-font-size: var(--basis-text-font-size-xl);
  --ams-page-header-logo-link-column-gap: var(--basis-space-column-xl);
  --ams-page-header-menu-column-gap: var(--basis-space-column-3xl);
  --ams-page-header-menu-row-gap: var(--basis-space-row-3xl);
  --ams-page-header-menu-item-column-gap: var(--basis-space-text-xs);
  --ams-page-header-menu-item-font-size: var(--basis-text-font-size-md);
  --ams-page-header-menu-item-line-height: var(--basis-text-line-height-md);
  --ams-page-header-menu-item-padding-block: var(--basis-space-block-lg);
  --ams-page-header-navigation-column-gap: var(--basis-space-column-4xl);
  --ams-page-header-navigation-row-gap: var(--basis-space-row-xl);
  --ams-tabs-gap: var(--basis-space-row-3xl);
  --ams-tabs-button-font-size: var(--basis-text-font-size-md);
  --ams-tabs-button-line-height: var(--basis-text-line-height-md);
  --ams-tabs-button-padding-block: var(--basis-space-block-lg);
  --ams-tabs-button-padding-inline: var(--basis-space-inline-xl);
  --ams-page-footer-menu-column-gap: var(--basis-space-column-4xl);
  --ams-page-footer-menu-padding-block: var(--basis-space-block-xl);
  --ams-page-footer-menu-padding-inline: var(--basis-space-inline-xl);
  --ams-page-footer-menu-row-gap: var(--basis-space-row-md);
  --ams-page-footer-menu-medium-padding-inline: var(--basis-space-inline-5xl);
  --ams-page-footer-menu-link-font-size: var(--basis-text-font-size-md);
  --ams-page-footer-menu-link-line-height: var(--basis-text-line-height-md);
  --nl-button-border-radius: var(--basis-border-radius-md);
  --nl-button-column-gap: var(--basis-space-text-xs);
  --nl-button-min-block-size: var(--basis-pointer-target-min-block-size);
  --nl-button-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --nl-button-padding-block-end: var(--basis-space-block-md);
  --nl-button-padding-block-start: var(--basis-space-block-md);
  --nl-button-padding-inline-end: var(--basis-space-inline-xl);
  --nl-button-padding-inline-start: var(--basis-space-inline-xl);
  --nl-button-focus-border-color: var(--basis-color-transparent);
  --nl-button-icon-size: var(--basis-size-icon-md);
  --nl-button-icon-only-padding-block-end: var(--basis-space-block-md);
  --nl-button-icon-only-padding-block-start: var(--basis-space-block-md);
  --nl-button-icon-only-padding-inline-end: var(--basis-space-inline-md);
  --nl-button-icon-only-padding-inline-start: var(--basis-space-inline-md);
  --nl-button-default-border-width: var(--basis-border-width-sm);
  --nl-button-default-font-size: var(--basis-text-font-size-md);
  --nl-button-default-line-height: var(--basis-text-line-height-md);
  --nl-button-default-pressed-background-color: var(--basis-color-default-inverse-bg-default);
  --nl-button-default-pressed-border-color: var(--basis-color-transparent);
  --nl-button-default-pressed-color: var(--basis-color-default-inverse-color-default);
  --nl-button-default-pressed-active-background-color: var(--basis-color-default-inverse-bg-active);
  --nl-button-default-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-default-pressed-active-color: var(--basis-color-default-inverse-color-active);
  --nl-button-default-pressed-disabled-border-color: var(--basis-color-transparent);
  --nl-button-default-pressed-hover-background-color: var(--basis-color-default-inverse-bg-hover);
  --nl-button-default-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-default-pressed-hover-color: var(--basis-color-default-inverse-color-hover);
  --nl-button-primary-border-color: var(--basis-color-transparent);
  --nl-button-primary-active-border-color: var(--basis-color-transparent);
  --nl-button-primary-hover-border-color: var(--basis-color-transparent);
  --nl-button-primary-pressed-background-color: var(--basis-color-transparent);
  --nl-button-primary-negative-background-color: var(--basis-color-negative-inverse-bg-default);
  --nl-button-primary-negative-border-color: var(--basis-color-transparent);
  --nl-button-primary-negative-color: var(--basis-color-negative-inverse-color-default);
  --nl-button-primary-negative-active-background-color: var(--basis-color-negative-inverse-bg-active);
  --nl-button-primary-negative-active-border-color: var(--basis-color-transparent);
  --nl-button-primary-negative-active-color: var(--basis-color-negative-inverse-color-active);
  --nl-button-primary-negative-hover-background-color: var(--basis-color-negative-inverse-bg-hover);
  --nl-button-primary-negative-hover-border-color: var(--basis-color-transparent);
  --nl-button-primary-negative-hover-color: var(--basis-color-negative-inverse-color-hover);
  --nl-button-primary-negative-pressed-background-color: var(--basis-color-transparent);
  --nl-button-primary-negative-pressed-border-color: var(--basis-color-negative-border-default);
  --nl-button-primary-negative-pressed-color: var(--basis-color-negative-color-default);
  --nl-button-primary-negative-pressed-active-background-color: var(--basis-color-negative-bg-active);
  --nl-button-primary-negative-pressed-active-border-color: var(--basis-color-negative-border-active);
  --nl-button-primary-negative-pressed-active-color: var(--basis-color-negative-color-active);
  --nl-button-primary-negative-pressed-hover-background-color: var(--basis-color-negative-bg-hover);
  --nl-button-primary-negative-pressed-hover-border-color: var(--basis-color-negative-border-hover);
  --nl-button-primary-negative-pressed-hover-color: var(--basis-color-negative-color-hover);
  --nl-button-primary-positive-background-color: var(--basis-color-positive-inverse-bg-default);
  --nl-button-primary-positive-border-color: var(--basis-color-transparent);
  --nl-button-primary-positive-color: var(--basis-color-positive-inverse-color-default);
  --nl-button-primary-positive-active-background-color: var(--basis-color-positive-inverse-bg-active);
  --nl-button-primary-positive-active-border-color: var(--basis-color-transparent);
  --nl-button-primary-positive-active-color: var(--basis-color-positive-inverse-color-active);
  --nl-button-primary-positive-hover-background-color: var(--basis-color-positive-inverse-bg-hover);
  --nl-button-primary-positive-hover-border-color: var(--basis-color-transparent);
  --nl-button-primary-positive-hover-color: var(--basis-color-positive-inverse-color-hover);
  --nl-button-primary-positive-pressed-background-color: var(--basis-color-transparent);
  --nl-button-primary-positive-pressed-border-color: var(--basis-color-positive-border-default);
  --nl-button-primary-positive-pressed-color: var(--basis-color-positive-color-default);
  --nl-button-primary-positive-pressed-active-background-color: var(--basis-color-positive-bg-active);
  --nl-button-primary-positive-pressed-active-border-color: var(--basis-color-positive-border-active);
  --nl-button-primary-positive-pressed-active-color: var(--basis-color-positive-color-active);
  --nl-button-primary-positive-pressed-hover-background-color: var(--basis-color-positive-bg-hover);
  --nl-button-primary-positive-pressed-hover-border-color: var(--basis-color-positive-border-hover);
  --nl-button-primary-positive-pressed-hover-color: var(--basis-color-positive-color-hover);
  --nl-button-secondary-background-color: var(--basis-color-transparent);
  --nl-button-secondary-pressed-border-color: var(--basis-color-transparent);
  --nl-button-secondary-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-secondary-pressed-disabled-border-color: var(--basis-color-transparent);
  --nl-button-secondary-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-background-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-border-color: var(--basis-color-negative-border-default);
  --nl-button-secondary-negative-color: var(--basis-color-negative-color-default);
  --nl-button-secondary-negative-active-background-color: var(--basis-color-negative-bg-active);
  --nl-button-secondary-negative-active-border-color: var(--basis-color-negative-border-active);
  --nl-button-secondary-negative-active-color: var(--basis-color-negative-color-active);
  --nl-button-secondary-negative-hover-background-color: var(--basis-color-negative-bg-hover);
  --nl-button-secondary-negative-hover-border-color: var(--basis-color-negative-border-hover);
  --nl-button-secondary-negative-hover-color: var(--basis-color-negative-color-hover);
  --nl-button-secondary-negative-pressed-background-color: var(--basis-color-negative-inverse-bg-default);
  --nl-button-secondary-negative-pressed-border-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-pressed-color: var(--basis-color-negative-inverse-color-default);
  --nl-button-secondary-negative-pressed-active-background-color: var(--basis-color-negative-inverse-bg-active);
  --nl-button-secondary-negative-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-pressed-active-color: var(--basis-color-negative-inverse-color-active);
  --nl-button-secondary-negative-pressed-hover-background-color: var(--basis-color-negative-inverse-bg-hover);
  --nl-button-secondary-negative-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-pressed-hover-color: var(--basis-color-negative-inverse-color-hover);
  --nl-button-secondary-positive-background-color: var(--basis-color-transparent);
  --nl-button-secondary-positive-border-color: var(--basis-color-positive-border-default);
  --nl-button-secondary-positive-color: var(--basis-color-positive-color-default);
  --nl-button-secondary-positive-active-background-color: var(--basis-color-positive-bg-active);
  --nl-button-secondary-positive-active-border-color: var(--basis-color-positive-border-active);
  --nl-button-secondary-positive-active-color: var(--basis-color-positive-color-active);
  --nl-button-secondary-positive-hover-background-color: var(--basis-color-positive-bg-hover);
  --nl-button-secondary-positive-hover-border-color: var(--basis-color-positive-border-hover);
  --nl-button-secondary-positive-hover-color: var(--basis-color-positive-color-hover);
  --nl-button-secondary-positive-pressed-background-color: var(--basis-color-positive-inverse-bg-default);
  --nl-button-secondary-positive-pressed-border-color: var(--basis-color-transparent);
  --nl-button-secondary-positive-pressed-color: var(--basis-color-positive-inverse-color-default);
  --nl-button-secondary-positive-pressed-active-background-color: var(--basis-color-positive-inverse-bg-active);
  --nl-button-secondary-positive-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-secondary-positive-pressed-active-color: var(--basis-color-positive-inverse-color-active);
  --nl-button-secondary-positive-pressed-hover-background-color: var(--basis-color-positive-inverse-bg-hover);
  --nl-button-secondary-positive-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-secondary-positive-pressed-hover-color: var(--basis-color-positive-inverse-color-hover);
  --nl-button-subtle-background-color: var(--basis-color-transparent);
  --nl-button-subtle-border-color: var(--basis-color-transparent);
  --nl-button-subtle-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-disabled-background-color: var(--basis-color-transparent);
  --nl-button-subtle-disabled-border-color: var(--basis-color-transparent);
  --nl-button-subtle-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-pressed-border-color: var(--basis-color-transparent);
  --nl-button-subtle-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-pressed-disabled-border-color: var(--basis-color-transparent);
  --nl-button-subtle-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-background-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-color: var(--basis-color-negative-color-default);
  --nl-button-subtle-negative-active-background-color: var(--basis-color-negative-bg-active);
  --nl-button-subtle-negative-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-active-color: var(--basis-color-negative-color-active);
  --nl-button-subtle-negative-hover-background-color: var(--basis-color-negative-bg-hover);
  --nl-button-subtle-negative-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-hover-color: var(--basis-color-negative-color-hover);
  --nl-button-subtle-negative-pressed-background-color: var(--basis-color-negative-inverse-bg-default);
  --nl-button-subtle-negative-pressed-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-pressed-color: var(--basis-color-negative-inverse-color-default);
  --nl-button-subtle-negative-pressed-active-background-color: var(--basis-color-negative-inverse-bg-active);
  --nl-button-subtle-negative-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-pressed-active-color: var(--basis-color-negative-inverse-color-active);
  --nl-button-subtle-negative-pressed-hover-background-color: var(--basis-color-negative-inverse-bg-hover);
  --nl-button-subtle-negative-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-pressed-hover-color: var(--basis-color-negative-inverse-color-hover);
  --nl-button-subtle-positive-background-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-color: var(--basis-color-positive-color-default);
  --nl-button-subtle-positive-active-background-color: var(--basis-color-positive-bg-active);
  --nl-button-subtle-positive-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-active-color: var(--basis-color-positive-color-active);
  --nl-button-subtle-positive-hover-background-color: var(--basis-color-positive-bg-hover);
  --nl-button-subtle-positive-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-hover-color: var(--basis-color-positive-color-hover);
  --nl-button-subtle-positive-pressed-background-color: var(--basis-color-positive-inverse-bg-default);
  --nl-button-subtle-positive-pressed-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-pressed-color: var(--basis-color-positive-inverse-color-default);
  --nl-button-subtle-positive-pressed-active-background-color: var(--basis-color-positive-inverse-bg-active);
  --nl-button-subtle-positive-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-pressed-active-color: var(--basis-color-positive-inverse-color-active);
  --nl-button-subtle-positive-pressed-hover-background-color: var(--basis-color-positive-inverse-bg-hover);
  --nl-button-subtle-positive-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-pressed-hover-color: var(--basis-color-positive-inverse-color-hover);
  --nl-code-font-size: var(--basis-text-font-size-md);
  --nl-code-block-border-radius: var(--basis-border-radius-sm);
  --nl-code-block-font-size: var(--basis-text-font-size-md);
  --nl-code-block-line-height: var(--basis-text-line-height-more-space);
  --nl-code-block-padding-block: var(--basis-space-block-xl);
  --nl-code-block-padding-inline: var(--basis-space-inline-xl);
  --nl-color-sample-border-width: var(--basis-border-width-sm);
  --nl-color-sample-block-size: var(--basis-size-sm);
  --nl-color-sample-inline-size: var(--basis-size-sm);
  --nl-data-badge-border-color: var(--basis-color-transparent);
  --nl-data-badge-border-radius: var(--basis-border-radius-sm);
  --nl-data-badge-border-width: var(--basis-border-width-sm);
  --nl-data-badge-font-size: var(--basis-text-font-size-md);
  --nl-data-badge-line-height: var(--basis-text-line-height-md);
  --nl-data-badge-min-block-size: var(--basis-size-xs);
  --nl-data-badge-min-inline-size: var(--basis-size-sm);
  --nl-data-badge-padding-inline: var(--basis-space-inline-sm);
  --nl-heading-level-1-font-size: var(--basis-text-font-size-3xl);
  --nl-heading-level-1-line-height: var(--basis-text-line-height-3xl);
  --nl-heading-level-2-font-size: var(--basis-text-font-size-2xl);
  --nl-heading-level-2-line-height: var(--basis-text-line-height-2xl);
  --nl-heading-level-3-font-size: var(--basis-text-font-size-xl);
  --nl-heading-level-3-line-height: var(--basis-text-line-height-xl);
  --nl-heading-level-4-font-size: var(--basis-text-font-size-lg);
  --nl-heading-level-4-line-height: var(--basis-text-line-height-lg);
  --nl-heading-level-5-font-size: var(--basis-text-font-size-md);
  --nl-heading-level-5-line-height: var(--basis-text-line-height-md);
  --nl-heading-level-6-font-size: var(--basis-text-font-size-sm);
  --nl-heading-level-6-line-height: var(--basis-text-line-height-sm);
  --nl-mark-background-color: var(--basis-color-highlight-inverse-bg-default);
  --nl-mark-color: var(--basis-color-highlight-inverse-color-default);
  --nl-number-badge-border-color: var(--basis-color-transparent);
  --nl-number-badge-border-radius: var(--basis-border-radius-round);
  --nl-number-badge-border-width: var(--basis-border-width-sm);
  --nl-number-badge-font-size: var(--basis-text-font-size-md);
  --nl-number-badge-min-block-size: var(--basis-size-xs);
  --nl-number-badge-min-inline-size: var(--basis-size-xs);
  --nl-number-badge-padding-block: var(--basis-space-block-sm);
  --nl-number-badge-padding-inline: var(--basis-space-inline-sm);
  --nl-paragraph-font-size: var(--basis-text-font-size-md);
  --nl-paragraph-line-height: var(--basis-text-line-height-md);
  --nl-paragraph-lead-font-size: var(--basis-text-font-size-lg);
  --nl-paragraph-lead-line-height: var(--basis-text-line-height-more-space);
  --nl-skip-link-font-size: var(--basis-text-font-size-md);
  --nl-skip-link-line-height: var(--basis-text-line-height-md);
  --nl-skip-link-padding-block: var(--basis-space-block-lg);
  --nl-skip-link-padding-inline: var(--basis-space-inline-xl);
  --nl-skip-link-min-block-size: var(--basis-pointer-target-min-block-size);
  --nl-skip-link-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --denhaag-contact-timeline-step-padding-block-end: var(--basis-space-block-4xl);
  --denhaag-contact-timeline-step-details-mobile-margin-inline-start: var(--basis-space-inline-4xl);
  --denhaag-contact-timeline-step-details-file-margin-block-end: var(--basis-space-block-3xl);
  --denhaag-contact-timeline-step-details-file-margin-block-start: var(--basis-space-block-3xl);
  --denhaag-contact-timeline-step-details-file-mobile-margin-block-end: var(--basis-space-block-4xl);
  --denhaag-contact-timeline-step-details-sender-font-size: var(--basis-text-font-size-md);
  --denhaag-contact-timeline-step-details-sender-margin-block-start: var(--basis-space-block-xl);
  --denhaag-contact-timeline-step-header-font-size: var(--basis-text-font-size-md);
  --denhaag-contact-timeline-step-header-line-height: var(--basis-text-line-height-md);
  --denhaag-contact-timeline-step-header-toggle-gap: var(--basis-space-text-xs);
  --denhaag-contact-timeline-step-meta-gap: var(--basis-space-text-md);
  --denhaag-contact-timeline-step-meta-marker-size: var(--basis-size-4xs);
  --denhaag-description-list-font-size: var(--basis-text-font-size-md);
  --denhaag-description-list-line-height: var(--basis-text-line-height-md);
  --denhaag-description-list-caption-line-height: var(--basis-text-line-height-xl);
  --denhaag-description-list-caption-font-size: var(--basis-text-font-size-xl);
  --denhaag-description-list-caption-margin-block-end: var(--basis-space-row-xl);
  --denhaag-description-list-detail-padding-block-end: var(--basis-space-block-lg);
  --denhaag-description-list-detail-padding-block-start: var(--basis-space-block-sm);
  --denhaag-description-list-title-padding-block-end: var(--basis-space-block-sm);
  --denhaag-description-list-title-padding-block-start: var(--basis-space-block-lg);
  --denhaag-description-list-lg-padding-inline-end: var(--basis-space-inline-xl);
  --denhaag-description-list-lg-padding-inline-start: var(--basis-space-inline-xl);
  --denhaag-description-list-lg-detail-padding-block-end: var(--basis-space-block-lg);
  --denhaag-description-list-lg-detail-padding-block-start: var(--basis-space-block-lg);
  --denhaag-description-list-lg-title-padding-block-end: var(--basis-space-block-lg);
  --denhaag-description-list-lg-title-padding-block-start: var(--basis-space-block-lg);
  --denhaag-file-border-width: var(--basis-border-width-sm);
  --denhaag-file-left-padding-inline-end: var(--basis-space-inline-xl);
  --denhaag-file-left-padding-inline-start: var(--basis-space-inline-xl);
  --denhaag-file-link-gap: var(--basis-space-text-xs);
  --denhaag-file-link-icon-width: var(--basis-size-icon-md);
  --denhaag-file-right-gap: var(--basis-space-row-md);
  --denhaag-file-right-padding-block-end: var(--basis-space-block-lg);
  --denhaag-file-right-padding-block-start: var(--basis-space-block-lg);
  --denhaag-file-right-padding-inline-end: var(--basis-space-inline-xl);
  --denhaag-file-right-padding-inline-start: var(--basis-space-inline-xl);
  --denhaag-process-steps-font-size: var(--basis-text-font-size-md);
  --denhaag-process-steps-line-height: var(--basis-text-line-height-md);
  --denhaag-process-steps-step-description-font-size: var(--basis-text-font-size-md);
  --denhaag-process-steps-step-heading-font-size: var(--basis-text-font-size-lg);
  --denhaag-process-steps-step-heading-line-height: var(--basis-text-line-height-lg);
  --denhaag-process-steps-step-line-stroke-width: var(--basis-border-width-sm);
  --denhaag-process-steps-step-line-checked-color: var(--basis-color-positive-border-default);
  --denhaag-process-steps-step-line-warning-color: var(--basis-color-warning-border-default);
  --denhaag-process-steps-step-marker-border-width: var(--basis-border-width-md);
  --denhaag-process-steps-step-marker-checked-background-color: var(--basis-color-positive-inverse-bg-default);
  --denhaag-process-steps-step-marker-checked-border-color: var(--basis-color-transparent);
  --denhaag-process-steps-step-marker-checked-border-width: var(--basis-border-width-md);
  --denhaag-process-steps-step-marker-checked-color: var(--basis-color-positive-inverse-color-default);
  --denhaag-process-steps-step-marker-current-background-color: var(--basis-color-default-inverse-bg-default);
  --denhaag-process-steps-step-marker-current-border-color: var(--basis-color-transparent);
  --denhaag-process-steps-step-marker-current-border-width: var(--basis-border-width-md);
  --denhaag-process-steps-step-marker-current-color: var(--basis-color-default-inverse-color-default);
  --denhaag-process-steps-step-marker-warning-background-color: var(--basis-color-warning-inverse-bg-default);
  --denhaag-process-steps-step-marker-warning-border-color: var(--basis-color-transparent);
  --denhaag-process-steps-step-marker-warning-color: var(--basis-color-warning-inverse-color-default);
  --denhaag-process-steps-step-metaddata-font-size: var(--basis-text-font-size-md);
  --denhaag-process-steps-sub-step-heading-font-size: var(--basis-text-font-size-md);
  --denhaag-process-steps-sub-step-marker-checked-border-color: var(--basis-color-positive-border-default);
  --denhaag-process-steps-sub-step-marker-warning-border-color: var(--basis-color-warning-border-default);
  --denhaag-side-navigation-row-gap: var(--basis-space-row-3xl);
  --denhaag-side-navigation-item-font-size: var(--basis-text-font-size-md);
  --denhaag-side-navigation-item-line-height: var(--basis-text-line-height-md);
  --denhaag-side-navigation-link-column-gap: var(--basis-space-column-max-md);
  --denhaag-side-navigation-link-padding-block-end: var(--basis-space-block-lg);
  --denhaag-side-navigation-link-padding-block-start: var(--basis-space-block-lg);
  --denhaag-step-marker-border-width: var(--basis-border-width-md);
  --denhaag-step-marker-font-size: var(--basis-text-font-size-md);
  --denhaag-step-marker-padding: var(--basis-space-block-lg);
  --denhaag-step-marker-size: var(--basis-size-sm);
  --denhaag-step-marker-icon-size: var(--basis-size-icon-md);
  --denhaag-step-marker-current-background-color: var(--basis-color-default-inverse-bg-default);
  --denhaag-step-marker-current-border-color: var(--basis-color-transparent);
  --denhaag-step-marker-current-color: var(--basis-color-default-inverse-color-default);
  --denhaag-step-marker-current-nested-color: var(--basis-color-default-inverse-color-default);
  --denhaag-step-marker-checked-background-color: var(--basis-color-positive-inverse-bg-default);
  --denhaag-step-marker-checked-border-color: var(--basis-color-transparent);
  --denhaag-step-marker-checked-color: var(--basis-color-positive-inverse-color-default);
  --denhaag-step-marker-default-background-color: var(--basis-color-default-inverse-bg-default);
  --denhaag-step-marker-default-border-color: var(--basis-color-transparent);
  --denhaag-step-marker-default-color: var(--basis-color-default-inverse-color-default);
  --denhaag-step-marker-error-background-color: var(--basis-color-negative-inverse-bg-default);
  --denhaag-step-marker-error-border-color: var(--basis-color-transparent);
  --denhaag-step-marker-error-color: var(--basis-color-negative-inverse-color-default);
  --denhaag-step-marker-warning-background-color: var(--basis-color-warning-inverse-bg-default);
  --denhaag-step-marker-warning-border-color: var(--basis-color-transparent);
  --denhaag-step-marker-warning-color: var(--basis-color-warning-inverse-color-default);
  --denhaag-step-marker-nested-size: var(--basis-size-2xs);
  --denhaag-step-marker-connector-outline-width: var(--basis-border-width-sm);
  --denhaag-step-marker-connector-checked-outline-color: var(--basis-color-positive-border-default);
  --denhaag-step-marker-connector-error-outline-color: var(--basis-color-negative-border-default);
  --denhaag-step-marker-connector-warning-outline-color: var(--basis-color-warning-border-default);
  --denhaag-action-background-color: var(--basis-color-transparent);
  --denhaag-action-border-width: var(--basis-border-width-sm);
  --denhaag-action-gap: var(--basis-space-row-md);
  --denhaag-action-padding-block-end: var(--basis-space-block-xl);
  --denhaag-action-padding-block-start: var(--basis-space-block-xl);
  --denhaag-action-padding-inline-end: var(--basis-space-inline-xl);
  --denhaag-action-padding-inline-start: var(--basis-space-inline-xl);
  --denhaag-action-lg-gap: var(--basis-space-column-xl);
  --denhaag-action-lg-padding-block-end: var(--basis-space-block-xl);
  --denhaag-action-lg-padding-block-start: var(--basis-space-block-xl);
  --denhaag-action-actions-gap: var(--basis-space-row-md);
  --denhaag-action-context-gap: var(--basis-space-row-md);
  --denhaag-action-context-lg-gap: var(--basis-space-column-xl);
  --denhaag-action-date-gap: var(--basis-space-column-md);
  --denhaag-action-date-warning-color: var(--basis-color-negative-color-default);
  --denhaag-action-date-warning-gap: var(--basis-space-column-md);
  --denhaag-action-details-gap: var(--basis-space-row-md);
  --denhaag-action-details-lg-gap: var(--basis-space-column-xl);
  --denhaag-action-link-icon-width: var(--basis-size-icon-md);
  --denhaag-action-warning-icon-color: var(--basis-color-negative-color-default);
  --denhaag-action-warning-icon-width: var(--basis-size-icon-md);
  --denhaag-action-single-padding-block-end: var(--basis-space-block-lg);
  --denhaag-action-single-padding-block-start: var(--basis-space-block-lg);
  --denhaag-action-single-padding-inline-end: var(--basis-space-inline-xl);
  --denhaag-action-single-padding-inline-start: var(--basis-space-inline-xl);
  --denhaag-action-single-details-gap: var(--basis-space-column-md);
  --denhaag-action-single-details-lg-gap: var(--basis-space-column-xl);
  --denhaag-tabs-border-width: var(--basis-border-width-sm);
  --denhaag-tabs-tab-background-color: var(--basis-color-transparent);
  --denhaag-tabs-tab-font-size: var(--basis-text-font-size-md);
  --denhaag-tabs-tab-line-height: var(--basis-text-line-height-md);
  --denhaag-tabs-tab-padding-block-end: var(--basis-space-block-lg);
  --denhaag-tabs-tab-padding-block-start: var(--basis-space-block-lg);
  --denhaag-tabs-tab-padding-inline-end: var(--basis-space-inline-xl);
  --denhaag-tabs-tab-padding-inline-start: var(--basis-space-inline-xl);
  --denhaag-tabs-tab-indicator-border-width: var(--basis-border-width-lg);
  --denhaag-tabs-tab-panel-padding-block-end: var(--basis-space-block-3xl);
  --denhaag-tabs-tab-panel-padding-block-start: var(--basis-space-block-3xl);
  --rhc-dot-badge-block-size: var(--basis-size-3xs);
  --rhc-dot-badge-border-radius: var(--basis-border-radius-round);
  --rhc-dot-badge-inline-size: var(--basis-size-3xs);
  --rhc-navigation-list-item-background-color: var(--basis-color-transparent);
  --rhc-navigation-list-item-border-width: var(--basis-border-width-sm);
  --rhc-navigation-list-item-column-gap: var(--basis-space-column-xl);
  --rhc-navigation-list-item-min-height: var(--basis-pointer-target-min-block-size);
  --rhc-navigation-list-item-padding-block: var(--basis-space-block-lg);
  --rhc-navigation-list-item-padding-inline: var(--basis-space-inline-xl);
  --rhc-navigation-list-item-focus-background-color: var(--basis-color-transparent);
  --rhc-navigation-list-item-content-column-gap: var(--basis-space-column-md); /** [code-only] */
  --rhc-navigation-list-item-content-row-gap: var(--basis-space-row-sm); /** [code-only] */
  --rhc-navigation-list-item-description-font-size: var(--basis-text-font-size-md);
  --rhc-navigation-list-item-description-line-height: var(--basis-text-line-height-md);
  --rhc-navigation-list-item-icon-start-border-radius: var(--basis-border-radius-round);
  --rhc-navigation-list-item-icon-start-padding-block: var(--basis-space-block-md);
  --rhc-navigation-list-item-icon-start-padding-inline: var(--basis-space-inline-md);
  --rhc-navigation-list-item-icon-start-size: var(--basis-size-icon-md);
  --rhc-navigation-list-item-label-font-size: var(--basis-text-font-size-md);
  --rhc-navigation-list-item-label-line-height: var(--basis-text-line-height-md);
  --lux-login-link-background-color: var(--basis-color-transparent);
  --lux-login-link-border-radius: var(--basis-border-radius-md);
  --lux-login-link-border-width: var(--basis-border-width-sm);
  --lux-login-link-column-gap: var(--basis-space-text-lg);
  --lux-login-link-font-size: var(--basis-text-font-size-md);
  --lux-login-link-line-height: var(--basis-text-line-height-md);
  --lux-login-link-min-block-size: var(--basis-pointer-target-min-block-size);
  --lux-login-link-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --lux-login-link-padding-block-end: var(--basis-space-block-md);
  --lux-login-link-padding-block-start: var(--basis-space-block-md);
  --lux-login-link-padding-inline-end: var(--basis-space-inline-md);
  --lux-login-link-padding-inline-start: var(--basis-space-inline-md);
  --lux-login-link-icon-size: var(--basis-size-icon-4xl);
  --of-list-gap: var(--basis-space-row-2xl);
  --of-field-border-color: var(--basis-color-default-inverse-border-default);
  --of-color-danger: var(--basis-color-negative-color-default);
  --of-color-bg: var(--basis-color-default-inverse-color-document);
  --of-utrecht-form-field-description-errors-line-height: var(--basis-text-line-height-md);
  --of-utrecht-form-label-checkbox-padding-block-start: var(--basis-space-block-lg);
  --of-utrecht-form-label-radio-padding-block-start: var(--basis-space-block-lg);
  --of-utrecht-page-footer-mobile-padding-block-end: var(--basis-space-block-xl);
  --of-utrecht-page-footer-mobile-padding-block-start: var(--basis-space-block-xl);
  --of-utrecht-page-footer-mobile-padding-inline-start: var(--basis-space-inline-xl);
  --of-utrecht-page-footer-mobile-padding-inline-end: var(--basis-space-inline-xl);
  --of-utrecht-page-footer-tablet-padding-block-end: var(--basis-space-block-xl);
  --of-utrecht-page-footer-tablet-padding-block-start: var(--basis-space-block-xl);
  --of-utrecht-page-footer-tablet-padding-inline-start: var(--basis-space-inline-xl);
  --of-utrecht-page-footer-tablet-padding-inline-end: var(--basis-space-inline-xl);
  --of-utrecht-page-footer-laptop-padding-block-end: var(--basis-space-block-xl);
  --of-utrecht-page-footer-laptop-padding-block-start: var(--basis-space-block-xl);
  --of-utrecht-page-footer-laptop-padding-inline-start: var(--basis-space-inline-xl);
  --of-utrecht-page-footer-laptop-padding-inline-end: var(--basis-space-inline-xl);
  --of-utrecht-page-header-mobile-padding-block-end: var(--basis-space-block-xl);
  --of-utrecht-page-header-mobile-padding-block-start: var(--basis-space-block-xl);
  --of-utrecht-page-header-mobile-padding-inline-start: var(--basis-space-inline-xl);
  --of-utrecht-page-header-mobile-padding-inline-end: var(--basis-space-inline-xl);
  --of-utrecht-page-header-tablet-padding-block-end: var(--basis-space-block-xl);
  --of-utrecht-page-header-tablet-padding-block-start: var(--basis-space-block-xl);
  --of-utrecht-page-header-tablet-padding-inline-start: var(--basis-space-inline-xl);
  --of-utrecht-page-header-tablet-padding-inline-end: var(--basis-space-inline-xl);
  --of-utrecht-page-header-laptop-padding-block-end: var(--basis-space-block-xl);
  --of-utrecht-page-header-laptop-padding-block-start: var(--basis-space-block-xl);
  --of-utrecht-page-header-laptop-padding-inline-start: var(--basis-space-inline-xl);
  --of-utrecht-page-header-laptop-padding-inline-end: var(--basis-space-inline-xl);
  --of-checkbox-bg: var(--basis-color-transparent);
  --of-editgrid-line-height: var(--basis-text-line-height-md);
  --of-editgrid-gap: var(--basis-space-column-4xl);
  --of-editgrid-item-padding-block-end: var(--basis-space-block-xl);
  --of-editgrid-item-padding-block-start: var(--basis-space-block-xl);
  --of-editgrid-item-padding-inline-end: var(--basis-space-block-xl);
  --of-editgrid-item-padding-inline-start: var(--basis-space-block-xl);
  --of-progress-indicator-background-color: var(--basis-color-default-inverse-color-document);
  --of-card-background-color: var(--basis-color-default-inverse-color-document);
  --of-form-field-container-gap: var(--basis-space-column-4xl);
  --of-language-selection-in-app-padding-block-end: var(--basis-space-block-sm);
  --leiden-button-small-font-weight: var(--basis-text-font-weight-default);
  --leiden-upload-bg-color: var(--basis-color-default-bg-default);
  --leiden-upload-border-color: var(--basis-color-default-border-default);
  --leiden-upload-active-bg-color: var(--basis-color-default-bg-active);
  --leiden-upload-active-border-color: var(--basis-color-default-border-active);
  --leiden-upload-hover-bg-color: var(--basis-color-default-bg-hover);
  --leiden-upload-hover-border-color: var(--basis-color-default-border-hover);
  --leiden-upload-focus-visible-bg-color: var(--basis-focus-background-color);
  --leiden-upload-pressed-bg-color: var(--basis-color-default-bg-active);
  --leiden-upload-pressed-border-color: var(--basis-color-default-border-active);
  --leiden-icon-color: var(--basis-color-accent-2-border-default);
  --basis-color-accent-3-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-accent-3-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-accent-3-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-accent-3-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-accent-3-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-accent-3-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-accent-3-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-accent-3-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-accent-3-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-accent-3-color-default: var(--basis-color-accent-1-color-default);
  --basis-color-accent-3-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-accent-3-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-accent-3-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-accent-3-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-action-1-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-action-1-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-action-1-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-action-1-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-action-1-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-action-1-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-action-1-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-action-1-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-action-1-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-action-1-color-default: var(--basis-color-accent-1-color-default);
  --basis-color-action-1-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-action-1-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-action-1-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-action-1-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-action-2-bg-document: var(--basis-color-accent-2-bg-document);
  --basis-color-action-2-bg-subtle: var(--basis-color-accent-2-bg-subtle);
  --basis-color-action-2-bg-default: var(--basis-color-accent-2-bg-default);
  --basis-color-action-2-bg-hover: var(--basis-color-accent-2-bg-hover);
  --basis-color-action-2-bg-active: var(--basis-color-accent-2-bg-active);
  --basis-color-action-2-border-subtle: var(--basis-color-accent-2-border-subtle);
  --basis-color-action-2-border-default: var(--basis-color-accent-2-border-default);
  --basis-color-action-2-border-hover: var(--basis-color-accent-2-border-hover);
  --basis-color-action-2-border-active: var(--basis-color-accent-2-border-active);
  --basis-color-action-2-color-default: var(--basis-color-accent-2-color-default);
  --basis-color-action-2-color-hover: var(--basis-color-accent-2-color-hover);
  --basis-color-action-2-color-active: var(--basis-color-accent-2-color-active);
  --basis-color-action-2-color-subtle: var(--basis-color-accent-2-color-subtle);
  --basis-color-action-2-color-document: var(--basis-color-accent-2-color-document);
  --basis-color-disabled-bg-default: var(--basis-color-default-bg-default);
  --basis-color-disabled-border-subtle: var(--basis-color-default-border-subtle);
  --basis-color-disabled-color-default: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-hover: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-active: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-subtle: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-document: var(--basis-color-default-color-subtle);
  --basis-color-selected-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-selected-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-selected-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-selected-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-selected-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-selected-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-selected-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-selected-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-selected-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-selected-color-default: var(--basis-color-accent-1-color-default);
  --basis-color-selected-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-selected-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-selected-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-selected-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-accent-2-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-accent-2-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-accent-2-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-accent-2-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-accent-3-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-accent-3-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-accent-3-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-accent-3-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-accent-3-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-accent-3-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-accent-3-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-accent-3-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-accent-3-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-accent-3-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-accent-3-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-accent-3-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-accent-3-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-accent-3-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-action-1-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-action-1-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-action-1-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-action-1-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-action-1-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-action-1-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-action-1-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-action-1-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-action-1-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-action-1-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-action-1-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-action-1-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-action-1-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-action-1-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-action-2-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-action-2-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-action-2-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-action-2-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-disabled-inverse-bg-document: var(--basis-color-disabled-inverse-bg-default);
  --basis-color-disabled-inverse-bg-subtle: var(--basis-color-disabled-inverse-bg-default);
  --basis-color-disabled-inverse-bg-hover: var(--basis-color-disabled-inverse-bg-default);
  --basis-color-disabled-inverse-bg-active: var(--basis-color-disabled-inverse-bg-default);
  --basis-color-disabled-inverse-border-default: var(--basis-color-disabled-inverse-border-subtle);
  --basis-color-disabled-inverse-border-hover: var(--basis-color-disabled-inverse-border-subtle);
  --basis-color-disabled-inverse-border-active: var(--basis-color-disabled-inverse-border-subtle);
  --basis-color-disabled-inverse-color-default: var(--basis-color-disabled-inverse-color-subtle);
  --basis-color-disabled-inverse-color-hover: var(--basis-color-disabled-inverse-color-subtle);
  --basis-color-disabled-inverse-color-active: var(--basis-color-disabled-inverse-color-subtle);
  --basis-color-disabled-inverse-color-document: var(--basis-color-disabled-inverse-color-subtle);
  --basis-color-selected-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-selected-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-selected-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-selected-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-selected-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-selected-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-selected-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-selected-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-selected-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-selected-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-selected-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-selected-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-selected-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-selected-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-form-control-border-color: var(--basis-color-default-border-default);
  --basis-form-control-color: var(--basis-color-default-color-document);
  --basis-form-control-placeholder-color: var(--basis-color-default-color-subtle);
  --basis-form-control-active-background-color: var(--basis-color-default-bg-active);
  --basis-form-control-active-border-color: var(--basis-color-default-border-active);
  --basis-form-control-focus-background-color: var(--basis-form-control-background-color);
  --basis-form-control-focus-border-color: var(--basis-color-default-border-active);
  --basis-form-control-hover-background-color: var(--basis-color-default-bg-hover);
  --basis-form-control-hover-border-color: var(--basis-color-default-border-hover);
  --basis-form-control-read-only-color: var(--basis-color-default-color-document);
  --basis-heading-color: var(--basis-color-default-color-document);
  --utrecht-accordion-button-background-color: var(--basis-color-default-bg-default);
  --utrecht-accordion-button-active-background-color: var(--basis-color-default-bg-active);
  --utrecht-accordion-button-focus-visible-background-color: var(--basis-focus-background-color);
  --utrecht-accordion-button-focus-visible-color: var(--basis-focus-color);
  --utrecht-accordion-button-hover-background-color: var(--basis-color-default-bg-hover);
  --utrecht-accordion-section-border-color: var(--basis-color-default-border-subtle);
  --utrecht-accordion-section-hover-border-color: var(--basis-color-default-border-subtle);
  --utrecht-blockquote-color: var(--basis-color-default-color-document);
  --utrecht-blockquote-font-family: var(--basis-text-font-family-default);
  --utrecht-blockquote-attribution-color: var(--basis-color-default-color-subtle);
  --utrecht-blockquote-content-color: var(--basis-color-default-color-document);
  --utrecht-breadcrumb-nav-font-family: var(--basis-text-font-family-default);
  --utrecht-breadcrumb-nav-link-current-font-weight: var(--basis-text-font-weight-default);
  --utrecht-breadcrumb-nav-link-focus-background-color: var(--basis-focus-background-color);
  --utrecht-breadcrumb-nav-link-focus-color: var(--basis-focus-color);
  --utrecht-breadcrumb-nav-separator-color: var(--basis-color-default-color-subtle);
  --utrecht-button-border-color: var(--basis-color-default-border-default);
  --utrecht-button-color: var(--basis-color-default-color-default);
  --utrecht-button-font-family: var(--basis-text-font-family-default);
  --utrecht-button-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-active-background-color: var(--basis-color-default-bg-active);
  --utrecht-button-active-border-color: var(--basis-color-default-border-active);
  --utrecht-button-active-color: var(--basis-color-default-color-active);
  --utrecht-button-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-focus-color: var(--basis-focus-color);
  --utrecht-button-hover-background-color: var(--basis-color-default-bg-hover);
  --utrecht-button-hover-border-color: var(--basis-color-default-border-hover);
  --utrecht-button-hover-color: var(--basis-color-default-color-hover);
  --utrecht-button-pressed-background-color: var(--basis-color-default-bg-active);
  --utrecht-button-pressed-border-color: var(--basis-color-default-border-active);
  --utrecht-button-pressed-color: var(--basis-color-default-color-active);
  --utrecht-button-primary-action-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-primary-action-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-primary-action-focus-color: var(--basis-focus-color);
  --utrecht-button-secondary-action-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-secondary-action-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-secondary-action-focus-color: var(--basis-focus-color);
  --utrecht-button-subtle-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-subtle-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-subtle-focus-color: var(--basis-focus-color);
  --utrecht-calendar-background-color: var(--basis-color-default-bg-document);
  --utrecht-calendar-navigation-label-color: var(--basis-color-default-color-document);
  --utrecht-calendar-table-days-item-day-emphasis-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-calendar-table-days-item-day-focus-background-color: var(--basis-focus-background-color);
  --utrecht-calendar-table-days-item-day-focus-color: var(--basis-focus-color);
  --utrecht-calendar-table-days-item-day-is-today-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-calendar-table-days-item-day-selected-background-color: var(--basis-color-action-2-inverse-bg-default);
  --utrecht-calendar-table-days-item-day-selected-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-checkbox-background-color: var(--basis-form-control-background-color);
  --utrecht-checkbox-border-width: var(--basis-form-control-border-width);
  --utrecht-checkbox-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-checkbox-focus-border-width: var(--basis-form-control-focus-border-width);
  --utrecht-checkbox-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-checkbox-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-checkbox-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-checkbox-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-checkbox-checked-border-width: var(--basis-form-control-border-width);
  --utrecht-checkbox-checked-color: var(--basis-color-default-bg-document);
  --utrecht-checkbox-indeterminate-border-width: var(--basis-form-control-border-width);
  --utrecht-checkbox-indeterminate-color: var(--basis-color-default-bg-document);
  --utrecht-code-background-color: var(--basis-color-default-bg-default);
  --utrecht-code-color: var(--basis-color-default-color-document);
  --utrecht-code-font-family: var(--basis-text-font-family-monospace);
  --utrecht-code-block-background-color: var(--basis-color-default-bg-default);
  --utrecht-code-block-color: var(--basis-color-default-color-document);
  --utrecht-code-block-font-family: var(--basis-text-font-family-monospace);
  --utrecht-color-sample-border-width: var(--nl-color-sample-border-width);
  --utrecht-color-sample-block-size: var(--nl-color-sample-block-size);
  --utrecht-color-sample-inline-size: var(--nl-color-sample-inline-size);
  --utrecht-data-badge-background-color: var(--basis-color-default-bg-default);
  --utrecht-data-badge-color: var(--basis-color-default-color-default);
  --utrecht-data-badge-font-family: var(--basis-text-font-family-default);
  --utrecht-data-badge-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-drawer-background-color: var(--basis-color-default-bg-document);
  --utrecht-drawer-border-color: var(--basis-color-default-border-subtle);
  --utrecht-drawer-color: var(--basis-color-default-color-document);
  --utrecht-form-fieldset-legend-color: var(--basis-color-default-color-document);
  --utrecht-form-fieldset-legend-font-family: var(--basis-text-font-family-default);
  --utrecht-form-fieldset-legend-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-form-fieldset-section-color: var(--basis-color-default-color-document);
  --utrecht-figure-caption-color: var(--basis-color-default-color-document);
  --utrecht-form-field-description-color: var(--basis-color-default-color-subtle);
  --utrecht-form-field-description-font-family: var(--basis-text-font-family-default);
  --utrecht-form-field-error-message-font-family: var(--basis-text-font-family-default);
  --utrecht-form-field-error-message-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-label-color: var(--basis-color-default-color-document);
  --utrecht-form-label-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-form-label-checkbox-color: var(--basis-color-default-color-document);
  --utrecht-form-label-checkbox-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-label-checked-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-label-radio-color: var(--basis-color-default-color-document);
  --utrecht-form-label-radio-font-weight: var(--basis-text-font-weight-default);
  --utrecht-heading-1-font-family: var(--basis-heading-font-family);
  --utrecht-heading-1-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-2-font-family: var(--basis-heading-font-family);
  --utrecht-heading-2-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-3-font-family: var(--basis-heading-font-family);
  --utrecht-heading-3-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-4-font-family: var(--basis-heading-font-family);
  --utrecht-heading-4-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-5-font-family: var(--basis-heading-font-family);
  --utrecht-heading-5-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-6-font-family: var(--basis-heading-font-family);
  --utrecht-heading-6-font-weight: var(--basis-heading-font-weight);
  --utrecht-icon-color: var(--basis-color-default-color-document);
  --utrecht-link-focus-background-color: var(--basis-focus-background-color);
  --utrecht-link-focus-color: var(--basis-focus-color);
  --utrecht-link-list-link-font-weight: var(--basis-text-font-weight-default);
  --utrecht-nav-bar-background-color: var(--basis-color-default-bg-subtle);
  --utrecht-nav-bar-color: var(--basis-color-default-color-document);
  --utrecht-nav-bar-content-background-color: var(--basis-color-default-bg-subtle);
  --utrecht-nav-bar-content-color: var(--basis-color-default-color-document);
  --utrecht-spotlight-section-background-color: var(--basis-color-default-bg-default);
  --utrecht-spotlight-section-border-color: var(--basis-color-default-border-default);
  --utrecht-spotlight-section-color: var(--basis-color-default-color-document);
  --utrecht-number-badge-background-color: var(--basis-color-default-bg-default);
  --utrecht-number-badge-color: var(--basis-color-default-color-default);
  --utrecht-number-badge-font-family: var(--basis-text-font-family-default);
  --utrecht-number-badge-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-pagination-font-family: var(--basis-text-font-family-default);
  --utrecht-pagination-page-link-font-weight: var(--basis-text-font-weight-default);
  --utrecht-pagination-page-link-current-background-color: var(--basis-color-default-bg-active);
  --utrecht-pagination-page-link-current-color: var(--basis-color-default-color-document);
  --utrecht-pagination-page-link-hover-background-color: var(--basis-color-default-bg-hover);
  --utrecht-pagination-relative-link-font-weight: var(--basis-text-font-weight-default);
  --utrecht-pagination-relative-link-hover-background-color: var(--basis-color-default-bg-hover);
  --utrecht-paragraph-color: var(--basis-color-default-color-document);
  --utrecht-paragraph-font-family: var(--basis-text-font-family-default);
  --utrecht-paragraph-font-weight: var(--basis-text-font-weight-default);
  --utrecht-paragraph-lead-color: var(--basis-color-default-color-document);
  --utrecht-paragraph-lead-font-weight: var(--basis-text-font-weight-default);
  --utrecht-paragraph-small-color: var(--basis-color-default-color-document);
  --utrecht-paragraph-small-font-weight: var(--basis-text-font-weight-default);
  --utrecht-pre-heading-color: var(--basis-color-default-color-document);
  --utrecht-pre-heading-font-family: var(--basis-text-font-family-default);
  --utrecht-pre-heading-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-radio-button-background-color: var(--basis-form-control-background-color);
  --utrecht-radio-button-border-width: var(--basis-form-control-border-width);
  --utrecht-radio-button-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-radio-button-focus-border-width: var(--basis-form-control-focus-border-width);
  --utrecht-radio-button-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-radio-button-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-radio-button-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-radio-button-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-radio-button-checked-border-width: var(--basis-form-control-border-width);
  --utrecht-radio-button-checked-color: var(--basis-color-default-bg-document);
  --utrecht-radio-button-checked-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-radio-button-checked-active-color: var(--basis-color-default-bg-document);
  --utrecht-radio-button-checked-focus-border-width: var(--basis-form-control-focus-border-width);
  --utrecht-radio-button-checked-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-radio-button-checked-hover-color: var(--basis-color-default-bg-document);
  --utrecht-select-background-color: var(--basis-form-control-background-color);
  --utrecht-select-border-width: var(--basis-form-control-border-width);
  --utrecht-select-font-family: var(--basis-form-control-font-family);
  --utrecht-select-font-size: var(--basis-form-control-font-size);
  --utrecht-select-font-weight: var(--basis-form-control-font-weight);
  --utrecht-select-line-height: var(--basis-form-control-line-height);
  --utrecht-select-padding-block-end: var(--basis-form-control-padding-block-end);
  --utrecht-select-padding-block-start: var(--basis-form-control-padding-block-start);
  --utrecht-select-padding-inline-end: var(--basis-form-control-padding-inline-end);
  --utrecht-select-padding-inline-start: var(--basis-form-control-padding-inline-start);
  --utrecht-select-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-select-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-select-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-separator-color: var(--basis-color-default-border-default);
  --utrecht-skip-link-focus-background-color: var(--basis-focus-background-color);
  --utrecht-skip-link-focus-color: var(--basis-focus-color);
  --utrecht-status-badge-background-color: var(--basis-color-default-bg-default);
  --utrecht-status-badge-color: var(--basis-color-default-color-default);
  --utrecht-status-badge-font-family: var(--basis-text-font-family-default);
  --utrecht-status-badge-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-status-badge-inactive-background-color: var(--basis-color-default-bg-default);
  --utrecht-status-badge-inactive-color: var(--basis-color-default-color-default);
  --utrecht-form-toggle-background-color: var(--utrecht-form-toggle-accent-color);
  --utrecht-form-toggle-color: var(--basis-color-default-color-document);
  --utrecht-form-toggle-hover-color: var(--basis-color-default-color-document);
  --utrecht-form-toggle-thumb-background-color: var(--basis-color-default-bg-default);
  --utrecht-form-toggle-thumb-box-shadow: var(--basis-box-shadow-sm);
  --utrecht-form-toggle-thumb-disabled-box-shadow: var(--basis-box-shadow-sm);
  --utrecht-form-toggle-track-disabled-background-color: var(--basis-color-disabled-inverse-color-subtle);
  --utrecht-table-font-family: var(--basis-text-font-family-default);
  --utrecht-table-caption-color: var(--basis-color-default-color-document);
  --utrecht-table-caption-font-family: var(--basis-heading-font-family);
  --utrecht-table-caption-font-weight: var(--basis-heading-font-weight);
  --utrecht-table-footer-color: var(--basis-color-default-color-document);
  --utrecht-table-header-border-block-end-color: var(--basis-color-default-border-subtle);
  --utrecht-table-header-color: var(--basis-color-default-color-document);
  --utrecht-table-header-cell-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-table-row-border-block-end-color: var(--basis-color-default-border-subtle);
  --utrecht-textarea-background-color: var(--basis-form-control-background-color);
  --utrecht-textarea-border-width: var(--basis-form-control-border-width);
  --utrecht-textarea-font-family: var(--basis-form-control-font-family);
  --utrecht-textarea-font-size: var(--basis-form-control-font-size);
  --utrecht-textarea-font-weight: var(--basis-form-control-font-weight);
  --utrecht-textarea-line-height: var(--basis-form-control-line-height);
  --utrecht-textarea-padding-block-end: var(--basis-form-control-padding-block-end);
  --utrecht-textarea-padding-block-start: var(--basis-form-control-padding-block-start);
  --utrecht-textarea-padding-inline-end: var(--basis-form-control-padding-inline-end);
  --utrecht-textarea-padding-inline-start: var(--basis-form-control-padding-inline-start);
  --utrecht-textarea-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-textarea-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-textarea-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-textbox-background-color: var(--basis-form-control-background-color);
  --utrecht-textbox-border-width: var(--basis-form-control-border-width);
  --utrecht-textbox-font-family: var(--basis-form-control-font-family);
  --utrecht-textbox-font-size: var(--basis-form-control-font-size);
  --utrecht-textbox-font-weight: var(--basis-form-control-font-weight);
  --utrecht-textbox-line-height: var(--basis-form-control-line-height);
  --utrecht-textbox-padding-block-end: var(--basis-form-control-padding-block-end);
  --utrecht-textbox-padding-block-start: var(--basis-form-control-padding-block-start);
  --utrecht-textbox-padding-inline-end: var(--basis-form-control-padding-inline-end);
  --utrecht-textbox-padding-inline-start: var(--basis-form-control-padding-inline-start);
  --utrecht-textbox-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-textbox-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-textbox-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-unordered-list-marker-color: var(--basis-color-default-color-document);
  --utrecht-root-background-color: var(--basis-color-default-bg-document);
  --utrecht-root-color: var(--basis-color-default-color-document);
  --utrecht-root-font-family: var(--basis-text-font-family-default);
  --utrecht-body-background-color: var(--basis-color-default-bg-document);
  --utrecht-body-color: var(--basis-color-default-color-document);
  --utrecht-body-font-weight: var(--basis-text-font-weight-default);
  --utrecht-page-header-background-color: var(--basis-color-default-color-document);
  --utrecht-page-body-background-color: var(--basis-color-default-bg-document);
  --utrecht-page-body-color: var(--basis-color-default-color-document);
  --utrecht-page-footer-background-color: var(--basis-color-accent-1-bg-default);
  --utrecht-page-footer-color: var(--basis-color-default-color-document);
  --utrecht-listbox-background-color: var(--basis-form-control-background-color);
  --utrecht-listbox-border-width: var(--basis-form-control-border-width);
  --utrecht-document-font-family: var(--basis-text-font-family-default);
  --utrecht-page-color: var(--basis-color-default-color-document);
  --todo-accordion-button-font-family: var(--basis-text-font-family-default);
  --todo-accordion-button-font-weight: var(--basis-text-font-weight-bold);
  --todo-breadcrumb-nav-font-family: var(--basis-text-font-family-default);
  --todo-breadcrumb-nav-font-weight: var(--basis-text-font-weight-default);
  --todo-breadcrumb-nav-link-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-breadcrumb-nav-link-focus-visible-color: var(--basis-focus-color);
  --todo-breadcrumb-nav-separator-color: var(--basis-color-default-color-subtle);
  --todo-calendar-table-days-item-day-disabled-font-weight: var(--basis-text-font-weight-default);
  --todo-case-card-color: var(--basis-color-default-color-document);
  --todo-case-card-description-color: var(--basis-color-default-color-document);
  --todo-case-card-description-font-family: var(--basis-text-font-family-default);
  --todo-case-card-description-font-weight: var(--basis-text-font-weight-default);
  --todo-case-card-heading-font-family: var(--basis-heading-font-family);
  --todo-case-card-heading-font-weight: var(--basis-heading-font-weight);
  --todo-case-card-metadata-color: var(--basis-color-default-color-document);
  --todo-case-card-metadata-font-family: var(--basis-text-font-family-default);
  --todo-case-card-metadata-font-weight: var(--basis-text-font-weight-default);
  --todo-case-card-focus-background-color: var(--basis-focus-background-color);
  --todo-case-card-focus-color: var(--basis-focus-color);
  --todo-case-card-decoration-folder-focus-background-color: var(--basis-focus-background-color);
  --todo-case-card-archived-background-color: var(--basis-color-default-bg-default);
  --todo-case-card-archived-color: var(--basis-color-default-color-document);
  --todo-case-card-archived-description-color: var(--basis-color-default-color-document);
  --todo-case-card-archived-metadata-color: var(--basis-color-default-color-document);
  --todo-case-card-archived-active-background-color: var(--basis-color-default-bg-active);
  --todo-case-card-archived-hover-background-color: var(--basis-color-default-bg-hover);
  --todo-case-card-archived-decoration-folder-background-color: var(--basis-color-default-bg-active);
  --todo-case-card-archived-decoration-folder-active-background-color: var(--basis-color-default-bg-active);
  --todo-case-card-archived-decoration-folder-hover-background-color: var(--basis-color-default-bg-active);
  --todo-checkbox-checked-active-border-width: var(--basis-form-control-active-border-width);
  --todo-checkbox-checked-active-color: var(--basis-color-default-bg-document);
  --todo-checkbox-checked-focus-visible-border-width: var(--basis-form-control-focus-border-width);
  --todo-checkbox-checked-hover-border-width: var(--basis-form-control-hover-border-width);
  --todo-checkbox-checked-hover-color: var(--basis-color-default-bg-document);
  --todo-checkbox-indeterminate-active-border-width: var(--basis-form-control-active-border-width);
  --todo-checkbox-indeterminate-active-color: var(--basis-color-default-bg-document);
  --todo-checkbox-indeterminate-focus-visible-border-width: var(--basis-form-control-focus-border-width);
  --todo-checkbox-indeterminate-hover-border-width: var(--basis-form-control-hover-border-width);
  --todo-checkbox-indeterminate-hover-color: var(--basis-color-default-bg-document);
  --todo-contact-timeline-step-header-toggle-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-drawer-background-color: var(--basis-color-default-bg-document);
  --todo-drawer-border-color: var(--basis-color-default-border-subtle);
  --todo-drawer-box-shadow: var(--basis-box-shadow-lg);
  --todo-drawer-color: var(--basis-color-default-color-document);
  --todo-drawer-header-border-color: var(--basis-color-default-border-subtle);
  --todo-drawer-header-label-color: var(--basis-color-default-color-document);
  --todo-drawer-header-label-font-family: var(--basis-text-font-family-default);
  --todo-drawer-header-label-font-weight: var(--basis-text-font-weight-bold);
  --todo-drawer-footer-border-color: var(--basis-color-default-border-subtle);
  --todo-form-field-label-suffix-color: var(--basis-color-default-color-document);
  --todo-form-field-label-suffix-font-family: var(--basis-text-font-family-default);
  --todo-form-field-label-suffix-font-weight: var(--basis-text-font-weight-default);
  --todo-form-summary-font-family: var(--basis-text-font-family-default);
  --todo-form-summary-item-border-color: var(--basis-color-default-border-subtle);
  --todo-form-summary-item-color: var(--basis-color-default-color-document);
  --todo-form-summary-item-key-font-weight: var(--basis-text-font-weight-bold);
  --todo-form-summary-item-value-font-weight: var(--basis-text-font-weight-default);
  --todo-login-link-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-login-link-focus-visible-color: var(--basis-focus-color);
  --todo-modal-dialog-background-color: var(--basis-color-default-bg-document);
  --todo-modal-dialog-border-color: var(--basis-color-default-border-subtle);
  --todo-modal-dialog-box-shadow: var(--basis-box-shadow-lg);
  --todo-modal-dialog-color: var(--basis-color-default-color-document);
  --todo-modal-dialog-header-border-color: var(--basis-color-default-border-subtle);
  --todo-modal-dialog-header-label-color: var(--basis-color-default-color-document);
  --todo-modal-dialog-header-label-font-family: var(--basis-text-font-family-default);
  --todo-modal-dialog-header-label-font-weight: var(--basis-text-font-weight-bold);
  --todo-pagination-font-family: var(--basis-text-font-family-default);
  --todo-pagination-ellipses-color: var(--basis-color-default-color-subtle);
  --todo-pagination-ellipses-font-weight: var(--basis-text-font-weight-default);
  --todo-pagination-description-color: var(--basis-color-default-color-document);
  --todo-pagination-description-font-weight: var(--basis-text-font-weight-default);
  --todo-pagination-relative-link-font-weight: var(--basis-text-font-weight-default);
  --todo-pagination-relative-link-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-pagination-relative-link-focus-visible-color: var(--basis-focus-color);
  --todo-pagination-page-link-font-weight: var(--basis-text-font-weight-default);
  --todo-pagination-page-link-current-background-color: var(--basis-color-default-bg-active);
  --todo-pagination-page-link-current-color: var(--basis-color-default-color-document);
  --todo-pagination-page-link-current-font-weight: var(--basis-text-font-weight-bold);
  --todo-pagination-page-link-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-pagination-page-link-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-icon-checked-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-icon-current-color: var(--basis-color-default-color-document);
  --todo-progress-list-button-icon-current-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-icon-error-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-icon-warning-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-checked-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-progress-list-button-checked-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-current-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-progress-list-button-current-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-error-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-progress-list-button-error-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-warning-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-progress-list-button-warning-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-connector-not-checked-border-color: var(--basis-color-default-border-default);
  --todo-progress-list-step-heading-font-family: var(--basis-text-font-family-default);
  --todo-progress-list-step-heading-font-weight: var(--basis-text-font-weight-bold);
  --todo-progress-list-step-heading-current-color: var(--basis-color-default-color-document);
  --todo-progress-list-step-heading-not-checked-color: var(--basis-color-default-color-subtle);
  --todo-progress-list-step-marker-font-family: var(--basis-text-font-family-default);
  --todo-progress-list-step-marker-font-weight: var(--basis-text-font-weight-bold);
  --todo-progress-list-step-marker-not-checked-background-color: var(--basis-color-default-bg-document);
  --todo-progress-list-step-marker-not-checked-border-color: var(--basis-color-default-border-default);
  --todo-skip-link-font-weight: var(--basis-text-font-weight-bold);
  --todo-status-badge-background-color: var(--basis-color-default-bg-default);
  --todo-status-badge-color: var(--basis-color-default-color-default);
  --todo-status-badge-font-family: var(--basis-text-font-family-default);
  --todo-status-badge-font-weight: var(--basis-text-font-weight-bold);
  --todo-table-container-box-inline-end-shadow: var(--basis-box-shadow-md);
  --todo-table-container-box-inline-start-shadow: var(--basis-box-shadow-md);
  --todo-table-footer-border-block-start-color: var(--basis-color-default-border-subtle);
  --todo-table-footer-font-weight: var(--basis-text-font-weight-bold);
  --todo-task-list-color: var(--basis-color-default-color-document);
  --todo-task-list-font-family: var(--basis-text-font-family-default);
  --todo-task-list-font-weight: var(--basis-text-font-weight-default);
  --ams-avatar-background-color: var(--basis-color-accent-2-inverse-bg-default);
  --ams-avatar-font-family: var(--basis-text-font-family-default);
  --ams-breadcrumb-font-family: var(--basis-text-font-family-default);
  --ams-breadcrumb-font-weight: var(--basis-text-font-weight-default);
  --ams-date-input-background-color: var(--basis-form-control-background-color);
  --ams-date-input-border-width: var(--basis-form-control-border-width);
  --ams-date-input-font-size: var(--basis-form-control-font-size);
  --ams-date-input-font-family: var(--basis-form-control-font-family);
  --ams-date-input-font-weight: var(--basis-form-control-font-weight);
  --ams-date-input-line-height: var(--basis-form-control-line-height);
  --ams-date-input-padding-block: var(--basis-form-control-padding-block-start);
  --ams-date-input-padding-inline: var(--basis-form-control-padding-inline-start);
  --ams-date-input-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --ams-figure-caption-color: var(--basis-color-default-color-document);
  --ams-figure-caption-font-family: var(--basis-text-font-family-default);
  --ams-figure-caption-font-weight: var(--basis-text-font-weight-default);
  --ams-file-input-background-color: var(--basis-form-control-background-color);
  --ams-file-input-border-width: var(--basis-form-control-border-width);
  --ams-file-input-font-family: var(--basis-form-control-font-family);
  --ams-file-input-font-size: var(--basis-form-control-font-size);
  --ams-file-input-font-weight: var(--basis-form-control-font-weight);
  --ams-file-input-line-height: var(--basis-form-control-line-height);
  --ams-heading-font-family: var(--basis-heading-font-family);
  --ams-heading-font-weight: var(--basis-heading-font-weight);
  --ams-password-input-background-color: var(--basis-form-control-background-color);
  --ams-password-input-border-width: var(--basis-form-control-border-width);
  --ams-password-input-font-family: var(--basis-form-control-font-family);
  --ams-password-input-font-size: var(--basis-form-control-font-size);
  --ams-password-input-font-weight: var(--basis-form-control-font-weight);
  --ams-password-input-line-height: var(--basis-form-control-line-height);
  --ams-password-input-padding-block: var(--basis-form-control-padding-block-start);
  --ams-password-input-padding-inline: var(--basis-form-control-padding-inline-start);
  --ams-password-input-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --ams-page-header-font-family: var(--basis-text-font-family-default);
  --ams-page-header-brand-name-color: var(--basis-color-accent-1-color-document);
  --ams-page-header-brand-name-font-weight: var(--basis-heading-font-weight);
  --ams-page-header-mega-menu-button-label-open-font-weight: var(--basis-text-font-weight-bold);
  --ams-page-header-menu-item-font-weight: var(--basis-text-font-weight-default);
  --ams-tabs-button-font-family: var(--basis-text-font-family-default);
  --ams-tabs-button-font-weight: var(--basis-text-font-weight-default);
  --ams-tabs-button-selected-font-weight: var(--basis-text-font-weight-bold);
  --ams-tabs-list-box-shadow: inset 0 -0.0625rem 0 0 var(--basis-color-default-border-subtle);
  --ams-page-footer-menu-link-font-family: var(--basis-text-font-family-default);
  --ams-page-footer-menu-link-font-weight: var(--basis-text-font-weight-default);
  --ams-page-footer-spotlight-background-color: var(--basis-color-accent-1-inverse-bg-default);
  --nl-button-font-family: var(--basis-text-font-family-default);
  --nl-button-focus-background-color: var(--basis-focus-background-color);
  --nl-button-focus-color: var(--basis-focus-color);
  --nl-button-default-background-color: var(--basis-color-default-bg-default);
  --nl-button-default-border-color: var(--basis-color-default-border-default);
  --nl-button-default-color: var(--basis-color-default-color-default);
  --nl-button-default-font-weight: var(--basis-text-font-weight-bold);
  --nl-button-default-active-background-color: var(--basis-color-default-bg-active);
  --nl-button-default-active-border-color: var(--basis-color-default-border-active);
  --nl-button-default-active-color: var(--basis-color-default-color-active);
  --nl-button-default-hover-background-color: var(--basis-color-default-bg-hover);
  --nl-button-default-hover-border-color: var(--basis-color-default-border-hover);
  --nl-button-default-hover-color: var(--basis-color-default-color-hover);
  --nl-button-default-pressed-disabled-background-color: var(--basis-color-disabled-inverse-bg-default);
  --nl-button-default-pressed-disabled-color: var(--basis-color-disabled-inverse-color-subtle);
  --nl-button-primary-border-width: var(--nl-button-default-border-width);
  --nl-button-primary-font-size: var(--nl-button-default-font-size);
  --nl-button-primary-line-height: var(--nl-button-default-line-height);
  --nl-button-secondary-border-width: var(--nl-button-default-border-width);
  --nl-button-secondary-font-size: var(--nl-button-default-font-size);
  --nl-button-secondary-line-height: var(--nl-button-default-line-height);
  --nl-button-secondary-pressed-background-color: var(--basis-color-action-2-inverse-bg-default);
  --nl-button-secondary-pressed-active-background-color: var(--basis-color-action-2-inverse-bg-active);
  --nl-button-secondary-pressed-disabled-background-color: var(--basis-color-disabled-inverse-bg-default);
  --nl-button-secondary-pressed-disabled-color: var(--basis-color-disabled-inverse-color-subtle);
  --nl-button-secondary-pressed-hover-background-color: var(--basis-color-action-2-inverse-bg-hover);
  --nl-button-subtle-font-size: var(--nl-button-default-font-size);
  --nl-button-subtle-line-height: var(--nl-button-default-line-height);
  --nl-button-subtle-pressed-background-color: var(--basis-color-action-2-inverse-bg-default);
  --nl-button-subtle-pressed-active-background-color: var(--basis-color-action-2-inverse-bg-active);
  --nl-button-subtle-pressed-disabled-background-color: var(--basis-color-disabled-inverse-bg-default);
  --nl-button-subtle-pressed-disabled-color: var(--basis-color-disabled-inverse-color-subtle);
  --nl-button-subtle-pressed-hover-background-color: var(--basis-color-action-2-inverse-bg-hover);
  --nl-code-background-color: var(--basis-color-default-bg-default);
  --nl-code-color: var(--basis-color-default-color-document);
  --nl-code-font-family: var(--basis-text-font-family-monospace);
  --nl-code-block-background-color: var(--basis-color-default-bg-default);
  --nl-code-block-color: var(--basis-color-default-color-document);
  --nl-code-block-font-family: var(--basis-text-font-family-monospace);
  --nl-data-badge-background-color: var(--basis-color-default-bg-default);
  --nl-data-badge-color: var(--basis-color-default-color-default);
  --nl-data-badge-font-family: var(--basis-text-font-family-default);
  --nl-data-badge-font-weight: var(--basis-text-font-weight-bold);
  --nl-heading-level-1-font-family: var(--basis-heading-font-family);
  --nl-heading-level-1-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-2-font-family: var(--basis-heading-font-family);
  --nl-heading-level-2-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-3-font-family: var(--basis-heading-font-family);
  --nl-heading-level-3-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-4-font-family: var(--basis-heading-font-family);
  --nl-heading-level-4-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-5-font-family: var(--basis-heading-font-family);
  --nl-heading-level-5-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-6-font-family: var(--basis-heading-font-family);
  --nl-heading-level-6-font-weight: var(--basis-heading-font-weight);
  --nl-number-badge-background-color: var(--basis-color-default-bg-default);
  --nl-number-badge-color: var(--basis-color-default-color-default);
  --nl-number-badge-font-family: var(--basis-text-font-family-default);
  --nl-number-badge-font-weight: var(--basis-text-font-weight-bold);
  --nl-paragraph-color: var(--basis-color-default-color-document);
  --nl-paragraph-font-family: var(--basis-text-font-family-default);
  --nl-paragraph-font-weight: var(--basis-text-font-weight-default);
  --nl-paragraph-lead-font-weight: var(--basis-text-font-weight-default);
  --nl-skip-link-background-color: var(--basis-focus-background-color);
  --nl-skip-link-color: var(--basis-focus-color);
  --denhaag-contact-timeline-step-details-sender-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-contact-timeline-step-header-toggle-focus-color: var(--basis-focus-color);
  --denhaag-contact-timeline-step-meta-marker-color: var(--basis-color-default-color-document);
  --denhaag-description-list-border-color: var(--basis-color-default-border-subtle);
  --denhaag-description-list-color: var(--basis-color-default-color-document);
  --denhaag-description-list-font-family: var(--basis-text-font-family-default);
  --denhaag-description-list-font-weight: var(--basis-text-font-weight-default);
  --denhaag-description-list-caption-font-family: var(--basis-heading-font-family);
  --denhaag-description-list-caption-font-weight: var(--basis-heading-font-weight);
  --denhaag-description-list-title-color: var(--basis-color-default-color-document);
  --denhaag-description-list-title-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-file-border-color: var(--basis-color-default-border-subtle);
  --denhaag-file-left-background-color: var(--basis-color-default-bg-default);
  --denhaag-process-steps-font-familiy: var(--basis-text-font-family-default);
  --denhaag-process-steps-step-description-color: var(--basis-color-default-color-subtle);
  --denhaag-process-steps-step-heading-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-heading-font-familiy: var(--basis-text-font-family-default);
  --denhaag-process-steps-step-heading-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-process-steps-step-heading-checked-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-heading-current-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-heading-warning-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-line-color: var(--basis-color-default-border-default);
  --denhaag-process-steps-step-marker-background-color: var(--basis-color-default-bg-document);
  --denhaag-process-steps-step-marker-border-color: var(--basis-color-default-border-default);
  --denhaag-process-steps-step-marker-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-marker-font-family: var(--basis-text-font-family-default);
  --denhaag-process-steps-step-marker-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-process-steps-step-metaddata-color: var(--basis-color-default-color-subtle);
  --denhaag-process-steps-sub-step-heading-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-sub-step-heading-font-familiy: var(--basis-text-font-family-default);
  --denhaag-process-steps-sub-step-heading-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-process-steps-sub-step-marker-border-color: var(--basis-color-default-border-default);
  --denhaag-process-steps-sub-step-marker-current-border-color: var(--basis-color-default-border-default);
  --denhaag-side-navigation-item-font-family: var(--basis-text-font-family-default);
  --denhaag-side-navigation-item-font-weight: var(--basis-text-font-weight-default);
  --denhaag-side-navigation-link-active-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-side-navigation-link-current-color: var(--basis-color-default-color-document);
  --denhaag-side-navigation-link-current-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-step-marker-font-family: var(--basis-text-font-family-default);
  --denhaag-step-marker-default-nested-color: var(--basis-color-default-color-document);
  --denhaag-step-marker-warning-nested-background-color: var(--denhaag-step-marker-warning-background-color);
  --denhaag-step-marker-warning-nested-border-color: var(--denhaag-step-marker-warning-border-color);
  --denhaag-step-marker-connector-default-outline-color: var(--basis-color-default-border-default);
  --denhaag-action-border-color: var(--basis-color-default-border-subtle);
  --denhaag-action-color: var(--basis-color-default-color-document);
  --denhaag-action-content-bold-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-action-date-color: var(--basis-color-default-color-document);
  --denhaag-action-date-font-weight: var(--basis-text-font-weight-default);
  --denhaag-action-date-warning-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-action-single-hover-background-color: var(--basis-color-default-bg-hover);
  --denhaag-tabs-border-color: var(--basis-color-default-border-subtle);
  --denhaag-tabs-tab-font-family: var(--basis-text-font-family-default);
  --denhaag-tabs-tab-font-weight: var(--basis-text-font-weight-default);
  --denhaag-tabs-tab-focus-color: var(--basis-focus-color);
  --denhaag-tabs-tab-selected-color: var(--basis-color-default-color-document);
  --denhaag-tabs-tab-selected-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-tabs-tab-indicator-border-color: var(--basis-color-default-border-active);
  --rhc-dot-badge-color: var(--basis-color-accent-1-inverse-bg-default);
  --rhc-navigation-list-item-border-color: var(--basis-color-default-border-subtle);
  --rhc-navigation-list-item-active-background-color: var(--basis-color-default-bg-active);
  --rhc-navigation-list-item-hover-background-color: var(--basis-color-default-bg-hover);
  --rhc-navigation-list-item-description-color: var(--basis-color-default-color-subtle);
  --rhc-navigation-list-item-icon-start-background-color: var(--basis-color-accent-2-inverse-bg-default);
  --rhc-navigation-list-item-label-font-family: var(--basis-text-font-family-default);
  --rhc-navigation-list-item-label-font-weight: var(--basis-text-font-weight-bold);
  --lux-login-link-border-color: var(--basis-color-default-border-default);
  --lux-login-link-font-family: var(--basis-text-font-family-default);
  --lux-login-link-font-weight: var(--basis-text-font-weight-bold);
  --lux-login-link-active-background-color: var(--basis-color-default-bg-active);
  --lux-login-link-active-border-color: var(--basis-color-default-border-active);
  --lux-login-link-hover-background-color: var(--basis-color-default-bg-hover);
  --lux-login-link-hover-border-color: var(--basis-color-default-border-hover);
  --of-typography-sans-serif-font-family: var(--basis-text-font-family-default);
  --of-header-logo-width: var(--basis-logo-width);
  --of-header-logo-height: var(--basis-logo-height);
  --of-color-fg: var(--basis-color-default-color-document);
  --of-fieldset-legend-color: var(--basis-color-default-color-document);
  --of-file-upload-drop-area-padding: var(--basis-form-control-padding-block-start);
  --of-color-primary: var(--basis-form-control-background-color);
  --of-color-fg-muted: var(--basis-color-default-color-subtle);
  --of-utrecht-form-field-description-errors-font-weight: var(--basis-text-font-weight-bold);
  --of-utrecht-page-footer-max-inline-size: var(--utrecht-page-max-inline-size);
  --of-select-highlighted-bg: var(--basis-color-accent-2-inverse-bg-active);
  --leiden-upload-color: var(--basis-heading-color);
  --leiden-upload-disabled-bg-color: var(--basis-color-disabled-bg-default);
  --leiden-upload-disabled-color: var(--basis-color-disabled-color-default);
  --basis-color-disabled-bg-document: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-bg-subtle: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-bg-hover: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-bg-active: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-border-default: var(--basis-color-disabled-border-subtle);
  --basis-color-disabled-border-hover: var(--basis-color-disabled-border-subtle);
  --basis-color-disabled-border-active: var(--basis-color-disabled-border-subtle);
  --basis-form-control-accent-color: var(--basis-color-action-2-border-default);
  --basis-form-control-active-accent-color: var(--basis-color-action-2-color-active);
  --basis-form-control-active-color: var(--basis-form-control-color);
  --basis-form-control-disabled-accent-color: var(--basis-color-disabled-bg-default);
  --basis-form-control-disabled-background-color: var(--basis-color-disabled-bg-default);
  --basis-form-control-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --basis-form-control-disabled-color: var(--basis-color-disabled-color-subtle);
  --basis-form-control-focus-color: var(--basis-form-control-color);
  --basis-form-control-hover-accent-color: var(--basis-color-action-2-color-hover);
  --basis-form-control-hover-color: var(--basis-form-control-color);
  --basis-form-control-read-only-background-color: var(--basis-color-disabled-bg-default);
  --basis-form-control-read-only-border-color: var(--basis-color-disabled-border-subtle);
  --utrecht-accordion-button-color: var(--basis-color-action-2-color-default);
  --utrecht-accordion-button-active-color: var(--basis-color-action-2-color-active);
  --utrecht-accordion-button-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-breadcrumb-nav-link-color: var(--basis-color-action-2-color-default);
  --utrecht-breadcrumb-nav-link-active-color: var(--basis-color-action-2-color-active);
  --utrecht-breadcrumb-nav-link-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-breadcrumb-nav-link-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-button-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-button-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --utrecht-button-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-primary-action-background-color: var(--basis-color-action-1-inverse-bg-default);
  --utrecht-button-primary-action-color: var(--basis-color-action-1-inverse-color-default);
  --utrecht-button-primary-action-active-background-color: var(--basis-color-action-1-inverse-bg-active);
  --utrecht-button-primary-action-active-color: var(--basis-color-action-1-inverse-color-active);
  --utrecht-button-primary-action-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-button-primary-action-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --utrecht-button-primary-action-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-primary-action-hover-background-color: var(--basis-color-action-1-inverse-bg-hover);
  --utrecht-button-primary-action-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --utrecht-button-primary-action-pressed-background-color: var(--basis-color-action-1-inverse-bg-active);
  --utrecht-button-primary-action-pressed-color: var(--basis-color-action-1-inverse-color-active);
  --utrecht-button-secondary-action-border-color: var(--basis-color-action-2-border-default);
  --utrecht-button-secondary-action-color: var(--basis-color-action-2-color-default);
  --utrecht-button-secondary-action-active-background-color: var(--basis-color-action-2-bg-active);
  --utrecht-button-secondary-action-active-border-color: var(--basis-color-action-2-border-active);
  --utrecht-button-secondary-action-active-color: var(--basis-color-action-2-color-active);
  --utrecht-button-secondary-action-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-button-secondary-action-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --utrecht-button-secondary-action-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-secondary-action-hover-background-color: var(--basis-color-action-2-bg-hover);
  --utrecht-button-secondary-action-hover-border-color: var(--basis-color-action-2-border-hover);
  --utrecht-button-secondary-action-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-button-secondary-action-pressed-background-color: var(--basis-color-action-2-bg-active);
  --utrecht-button-secondary-action-pressed-border-color: var(--basis-color-action-2-border-default);
  --utrecht-button-secondary-action-pressed-color: var(--basis-color-action-2-color-active);
  --utrecht-button-subtle-color: var(--basis-color-action-2-color-default);
  --utrecht-button-subtle-active-background-color: var(--basis-color-action-2-bg-active);
  --utrecht-button-subtle-active-color: var(--basis-color-action-2-color-active);
  --utrecht-button-subtle-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-subtle-hover-background-color: var(--basis-color-action-2-bg-hover);
  --utrecht-button-subtle-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-button-subtle-pressed-background-color: var(--basis-color-action-2-bg-active);
  --utrecht-button-subtle-pressed-color: var(--basis-color-action-2-color-active);
  --utrecht-calendar-navigation-color: var(--basis-color-action-2-color-default);
  --utrecht-calendar-table-days-item-day-color: var(--basis-color-action-2-color-default);
  --utrecht-calendar-table-days-item-day-active-background-color: var(--basis-color-action-2-bg-active);
  --utrecht-calendar-table-days-item-day-active-color: var(--basis-color-action-2-color-active);
  --utrecht-calendar-table-days-item-day-disabled-color: var(--basis-color-disabled-color-default);
  --utrecht-calendar-table-days-item-day-hover-background-color: var(--basis-color-action-2-bg-hover);
  --utrecht-calendar-table-days-item-day-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-calendar-table-days-item-day-is-today-border-color: var(--basis-color-action-2-border-default);
  --utrecht-calendar-table-days-item-day-is-today-color: var(--basis-color-action-2-color-default);
  --utrecht-calendar-table-days-item-day-out-of-the-month-color: var(--basis-color-disabled-color-subtle);
  --utrecht-calendar-table-days-item-day-selected-color: var(--basis-color-action-2-inverse-color-default);
  --utrecht-checkbox-border-color: var(--basis-form-control-border-color);
  --utrecht-checkbox-active-background-color: var(--basis-form-control-active-background-color);
  --utrecht-checkbox-active-border-color: var(--basis-form-control-active-border-color);
  --utrecht-checkbox-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-checkbox-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-checkbox-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-checkbox-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-form-fieldset-legend-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-form-label-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-heading-1-color: var(--basis-heading-color);
  --utrecht-heading-2-color: var(--basis-heading-color);
  --utrecht-heading-3-color: var(--basis-heading-color);
  --utrecht-heading-4-color: var(--basis-heading-color);
  --utrecht-heading-5-color: var(--basis-heading-color);
  --utrecht-heading-6-color: var(--basis-heading-color);
  --utrecht-link-color: var(--basis-color-action-2-color-default);
  --utrecht-link-text-decoration-color: var(--basis-color-action-2-color-default); /** [code-only] */
  --utrecht-link-active-color: var(--basis-color-action-2-color-active);
  --utrecht-link-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-link-visited-color: var(--basis-color-action-2-color-default);
  --utrecht-pagination-page-link-color: var(--basis-color-action-2-color-default);
  --utrecht-pagination-page-link-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-pagination-relative-link-color: var(--basis-color-action-2-color-default);
  --utrecht-pagination-relative-link-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-pagination-relative-link-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-radio-button-border-color: var(--basis-form-control-border-color);
  --utrecht-radio-button-active-background-color: var(--basis-form-control-active-background-color);
  --utrecht-radio-button-active-border-color: var(--basis-form-control-active-border-color);
  --utrecht-radio-button-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-radio-button-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-radio-button-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-radio-button-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-radio-button-invalid-color: var(--utrecht-radio-button-invalid-border-color);
  --utrecht-radio-button-checked-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-radio-button-checked-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-select-border-block-end-width: var(--utrecht-select-border-width);
  --utrecht-select-border-color: var(--basis-form-control-border-color);
  --utrecht-select-color: var(--basis-form-control-color);
  --utrecht-select-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-select-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-select-invalid-border-block-end-width: var(--utrecht-select-invalid-border-width);
  --utrecht-select-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-select-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-form-toggle-disabled-color: var(--basis-color-disabled-color-document);
  --utrecht-form-toggle-thumb-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-textarea-border-block-end-width: var(--utrecht-textarea-border-width);
  --utrecht-textarea-border-color: var(--basis-form-control-border-color);
  --utrecht-textarea-color: var(--basis-form-control-color);
  --utrecht-textarea-placeholder-color: var(--basis-form-control-placeholder-color);
  --utrecht-textarea-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-textarea-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-textarea-invalid-border-block-end-width: var(--utrecht-textarea-invalid-border-width);
  --utrecht-textarea-invalid-color: var(--basis-form-control-color);
  --utrecht-textarea-read-only-color: var(--basis-form-control-read-only-color);
  --utrecht-textbox-border-block-end-width: var(--utrecht-textbox-border-width);
  --utrecht-textbox-border-color: var(--basis-form-control-border-color);
  --utrecht-textbox-color: var(--basis-form-control-color);
  --utrecht-textbox-placeholder-color: var(--basis-form-control-placeholder-color);
  --utrecht-textbox-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-textbox-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-textbox-invalid-border-block-end-width: var(--utrecht-textbox-invalid-border-width);
  --utrecht-textbox-invalid-color: var(--basis-form-control-color);
  --utrecht-textbox-read-only-color: var(--basis-form-control-read-only-color);
  --utrecht-listbox-border-color: var(--basis-form-control-border-color);
  --utrecht-listbox-color: var(--basis-form-control-color);
  --utrecht-listbox-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-listbox-option-is-active-background-color: var(--basis-color-selected-inverse-bg-default);
  --utrecht-listbox-option-is-active-color: var(--basis-color-selected-inverse-color-default);
  --utrecht-listbox-option-active-background-color: var(--basis-color-selected-inverse-bg-active);
  --utrecht-listbox-option-active-color: var(--basis-color-selected-inverse-color-active);
  --utrecht-listbox-option-selected-background-color: var(--basis-color-selected-inverse-bg-default);
  --utrecht-listbox-option-selected-color: var(--basis-color-selected-inverse-color-default);
  --utrecht-listbox-option-selected-hover-background-color: var(--basis-color-selected-inverse-bg-hover);
  --utrecht-listbox-option-selected-hover-color: var(--basis-color-selected-inverse-color-hover);
  --todo-breadcrumb-nav-current-color: var(--basis-color-disabled-color-subtle);
  --todo-breadcrumb-nav-link-color: var(--basis-color-action-2-color-default);
  --todo-breadcrumb-nav-link-active-color: var(--basis-color-action-2-color-active);
  --todo-breadcrumb-nav-link-hover-color: var(--basis-color-action-2-color-hover);
  --todo-case-card-background-color: var(--basis-color-action-2-bg-default);
  --todo-case-card-heading-color: var(--basis-heading-color);
  --todo-case-card-icon-color: var(--basis-color-action-2-color-default);
  --todo-case-card-active-background-color: var(--basis-color-action-2-bg-active);
  --todo-case-card-hover-background-color: var(--basis-color-action-2-bg-hover);
  --todo-case-card-decoration-folder-background-color: var(--basis-color-action-2-bg-active);
  --todo-case-card-decoration-folder-active-background-color: var(--basis-color-action-2-bg-active);
  --todo-case-card-decoration-folder-hover-background-color: var(--basis-color-action-2-bg-active);
  --todo-case-card-archived-heading-color: var(--basis-heading-color);
  --todo-checkbox-checked-focus-visible-background-color: var(--basis-form-control-focus-background-color);
  --todo-checkbox-checked-focus-visible-border-color: var(--basis-form-control-focus-border-color);
  --todo-checkbox-indeterminate-focus-visible-background-color: var(--basis-form-control-focus-background-color);
  --todo-checkbox-indeterminate-focus-visible-border-color: var(--basis-form-control-focus-border-color);
  --todo-pagination-relative-link-color: var(--basis-color-action-2-color-default);
  --todo-pagination-relative-link-active-color: var(--basis-color-action-2-color-active);
  --todo-pagination-relative-link-disabled-color: var(--basis-color-disabled-color-subtle);
  --todo-pagination-relative-link-hover-color: var(--basis-color-action-2-color-hover);
  --todo-pagination-page-link-color: var(--basis-color-action-2-color-default);
  --todo-pagination-page-link-active-color: var(--basis-color-action-2-color-active);
  --todo-pagination-page-link-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-icon-checked-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-icon-checked-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-icon-current-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-icon-current-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-icon-error-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-icon-error-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-icon-warning-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-icon-warning-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-checked-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-checked-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-current-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-current-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-error-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-error-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-warning-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-warning-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-step-marker-not-checked-color: var(--basis-color-disabled-color-subtle);
  --todo-textarea-hover-background-color: var(--basis-form-control-hover-background-color);
  --todo-textarea-hover-border-color: var(--basis-form-control-hover-border-color);
  --todo-textbox-hover-background-color: var(--basis-form-control-hover-background-color);
  --todo-textbox-hover-border-color: var(--basis-form-control-hover-border-color);
  --ams-avatar-color: var(--basis-color-accent-2-inverse-color-default);
  --ams-breadcrumb-link-color: var(--basis-color-action-2-color-default);
  --ams-breadcrumb-link-hover-color: var(--basis-color-action-2-color-hover);
  --ams-date-input-border-color: var(--basis-form-control-border-color);
  --ams-date-input-color: var(--basis-form-control-color);
  --ams-file-input-border-color: var(--basis-form-control-border-color);
  --ams-file-input-color: var(--basis-form-control-color);
  --ams-file-input-button-border-color: var(--basis-color-action-2-border-default);
  --ams-file-input-button-color: var(--basis-color-action-2-color-default);
  --ams-file-input-button-disabled-color: var(--basis-color-disabled-color-subtle);
  --ams-file-input-button-hover-color: var(--basis-color-action-2-color-hover);
  --ams-heading-color: var(--basis-heading-color);
  --ams-password-input-border-color: var(--basis-form-control-border-color);
  --ams-password-input-color: var(--basis-form-control-color);
  --ams-password-input-placeholder-color: var(--basis-form-control-placeholder-color);
  --ams-password-input-hover-box-shadow: inset 0 0 0 var(--basis-form-control-hover-border-width) var(--basis-form-control-hover-border-color);
  --ams-page-header-menu-item-color: var(--basis-color-action-1-color-default);
  --ams-page-header-menu-item-hover-color: var(--basis-color-action-1-color-hover);
  --ams-tabs-button-color: var(--basis-color-action-2-color-default);
  --ams-tabs-button-hover-color: var(--basis-color-action-2-color-hover);
  --ams-tabs-button-disabled-color: var(--basis-color-disabled-color-subtle);
  --ams-page-footer-menu-link-color: var(--basis-color-action-1-color-default);
  --ams-page-footer-menu-link-hover-color: var(--basis-color-action-1-color-hover);
  --nl-button-default-disabled-background-color: var(--basis-color-disabled-bg-default);
  --nl-button-default-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --nl-button-default-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-primary-background-color: var(--basis-color-action-1-inverse-bg-default);
  --nl-button-primary-color: var(--basis-color-action-1-inverse-color-default);
  --nl-button-primary-font-weight: var(--nl-button-default-font-weight);
  --nl-button-primary-active-background-color: var(--basis-color-action-1-inverse-bg-active);
  --nl-button-primary-active-color: var(--basis-color-action-1-inverse-color-active);
  --nl-button-primary-disabled-background-color: var(--basis-color-disabled-bg-default);
  --nl-button-primary-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --nl-button-primary-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-primary-hover-background-color: var(--basis-color-action-1-inverse-bg-hover);
  --nl-button-primary-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --nl-button-primary-pressed-border-color: var(--basis-color-action-1-border-default);
  --nl-button-primary-pressed-color: var(--basis-color-action-1-color-default);
  --nl-button-primary-pressed-active-background-color: var(--basis-color-action-1-bg-active);
  --nl-button-primary-pressed-active-border-color: var(--basis-color-action-1-border-active);
  --nl-button-primary-pressed-active-color: var(--basis-color-action-1-color-active);
  --nl-button-primary-pressed-disabled-background-color: var(--basis-color-disabled-bg-default);
  --nl-button-primary-pressed-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --nl-button-primary-pressed-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-primary-pressed-hover-background-color: var(--basis-color-action-1-bg-hover);
  --nl-button-primary-pressed-hover-border-color: var(--basis-color-action-1-border-hover);
  --nl-button-primary-pressed-hover-color: var(--basis-color-action-1-color-hover);
  --nl-button-secondary-border-color: var(--basis-color-action-2-border-default);
  --nl-button-secondary-color: var(--basis-color-action-2-color-default);
  --nl-button-secondary-font-weight: var(--nl-button-default-font-weight);
  --nl-button-secondary-active-background-color: var(--basis-color-action-2-bg-active);
  --nl-button-secondary-active-border-color: var(--basis-color-action-2-border-active);
  --nl-button-secondary-active-color: var(--basis-color-action-2-color-active);
  --nl-button-secondary-disabled-background-color: var(--basis-color-disabled-bg-default);
  --nl-button-secondary-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --nl-button-secondary-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-secondary-hover-background-color: var(--basis-color-action-2-bg-hover);
  --nl-button-secondary-hover-border-color: var(--basis-color-action-2-border-hover);
  --nl-button-secondary-hover-color: var(--basis-color-action-2-color-hover);
  --nl-button-secondary-pressed-color: var(--basis-color-action-2-inverse-color-default);
  --nl-button-secondary-pressed-active-color: var(--basis-color-action-2-inverse-color-active);
  --nl-button-secondary-pressed-hover-color: var(--basis-color-action-2-inverse-color-hover);
  --nl-button-subtle-color: var(--basis-color-action-2-color-default);
  --nl-button-subtle-font-weight: var(--nl-button-default-font-weight);
  --nl-button-subtle-active-background-color: var(--basis-color-action-2-bg-active);
  --nl-button-subtle-active-color: var(--basis-color-action-2-color-active);
  --nl-button-subtle-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-subtle-hover-background-color: var(--basis-color-action-2-bg-hover);
  --nl-button-subtle-hover-color: var(--basis-color-action-2-color-hover);
  --nl-button-subtle-pressed-color: var(--basis-color-action-2-inverse-color-default);
  --nl-button-subtle-pressed-active-color: var(--basis-color-action-2-inverse-color-active);
  --nl-button-subtle-pressed-hover-color: var(--basis-color-action-2-inverse-color-hover);
  --nl-heading-level-1-color: var(--basis-heading-color);
  --nl-heading-level-2-color: var(--basis-heading-color);
  --nl-heading-level-3-color: var(--basis-heading-color);
  --nl-heading-level-4-color: var(--basis-heading-color);
  --nl-heading-level-5-color: var(--basis-heading-color);
  --nl-heading-level-6-color: var(--basis-heading-color);
  --nl-link-color: var(--basis-color-action-2-color-default);
  --nl-link-text-decoration-color: var(--basis-color-action-2-color-default); /** [code-only] */
  --nl-link-active-color: var(--basis-color-action-2-color-active);
  --nl-link-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-link-hover-color: var(--basis-color-action-2-color-hover);
  --denhaag-contact-timeline-step-header-toggle-active-color: var(--basis-color-action-2-color-active);
  --denhaag-contact-timeline-step-header-toggle-hover-color: var(--basis-color-action-2-color-hover);
  --denhaag-description-list-caption-color: var(--basis-heading-color);
  --denhaag-file-link-color: var(--basis-color-action-2-color-default);
  --denhaag-file-link-hover-color: var(--basis-color-action-2-color-hover);
  --denhaag-process-steps-step-heading-not-checked-color: var(--basis-color-disabled-color-document);
  --denhaag-side-navigation-link-color: var(--basis-color-action-2-color-default);
  --denhaag-side-navigation-link-active-color: var(--basis-color-action-2-color-active);
  --denhaag-side-navigation-link-hover-color: var(--basis-color-action-2-color-hover);
  --denhaag-step-marker-disabled-background-color: var(--basis-color-disabled-bg-default);
  --denhaag-step-marker-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --denhaag-step-marker-disabled-color: var(--basis-color-disabled-color-subtle);
  --denhaag-step-marker-not-checked-color: var(--basis-color-disabled-color-document);
  --denhaag-action-link-icon-color: var(--basis-color-action-2-color-default);
  --denhaag-tabs-tab-color: var(--basis-color-action-2-color-default);
  --denhaag-tabs-tab-hover-color: var(--basis-color-action-2-color-hover);
  --rhc-navigation-list-item-icon-end-color: var(--basis-color-action-2-color-default);
  --rhc-navigation-list-item-icon-start-color: var(--basis-color-accent-2-inverse-color-default);
  --rhc-navigation-list-item-label-color: var(--basis-heading-color);
  --lux-login-link-color: var(--basis-color-action-2-color-default);
  --lux-login-link-active-color: var(--basis-color-action-2-color-active);
  --lux-login-link-hover-color: var(--basis-color-action-2-color-hover);
  --leiden-upload-disabled-border-color: var(--basis-color-disabled-border-default);
  --utrecht-checkbox-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-checkbox-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-checkbox-checked-background-color: var(--basis-form-control-accent-color);
  --utrecht-checkbox-indeterminate-background-color: var(--basis-form-control-accent-color);
  --utrecht-radio-button-color: var(--utrecht-radio-button-border-color);
  --utrecht-radio-button-active-color: var(--utrecht-radio-button-active-border-color);
  --utrecht-radio-button-focus-color: var(--utrecht-radio-button-focus-border-color);
  --utrecht-radio-button-hover-color: var(--utrecht-radio-button-hover-border-color);
  --utrecht-radio-button-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-radio-button-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-radio-button-checked-background-color: var(--basis-form-control-accent-color);
  --utrecht-radio-button-checked-active-background-color: var(--basis-form-control-active-accent-color);
  --utrecht-radio-button-checked-focus-color: var(--basis-form-control-focus-color);
  --utrecht-radio-button-checked-hover-background-color: var(--basis-form-control-hover-accent-color);
  --utrecht-select-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-select-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-select-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-select-focus-color: var(--basis-form-control-focus-color);
  --utrecht-select-hover-color: var(--basis-form-control-hover-color);
  --utrecht-textarea-focus-color: var(--basis-form-control-focus-color);
  --utrecht-textarea-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-textarea-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-textarea-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-textarea-read-only-background-color: var(--basis-form-control-read-only-background-color);
  --utrecht-textarea-read-only-border-color: var(--basis-form-control-read-only-border-color);
  --utrecht-textbox-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-textbox-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-textbox-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-textbox-focus-color: var(--basis-form-control-focus-color);
  --utrecht-textbox-read-only-background-color: var(--basis-form-control-read-only-background-color);
  --utrecht-textbox-read-only-border-color: var(--basis-form-control-read-only-border-color);
  --utrecht-listbox-hover-color: var(--basis-form-control-hover-color);
  --utrecht-listbox-option-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-listbox-option-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-listbox-option-selected-disabled-background-color: var(--basis-form-control-disabled-color);
  --utrecht-listbox-option-selected-disabled-color: var(--basis-form-control-disabled-background-color);
  --todo-checkbox-checked-active-background-color: var(--basis-form-control-active-accent-color);
  --todo-checkbox-checked-disabled-background-color: var(--basis-form-control-disabled-accent-color);
  --todo-checkbox-checked-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --todo-checkbox-checked-disabled-color: var(--basis-form-control-disabled-color);
  --todo-checkbox-checked-focus-visible-color: var(--basis-form-control-focus-color);
  --todo-checkbox-checked-hover-background-color: var(--basis-form-control-hover-accent-color);
  --todo-checkbox-indeterminate-active-background-color: var(--basis-form-control-active-accent-color);
  --todo-checkbox-indeterminate-disabled-background-color: var(--basis-form-control-disabled-accent-color);
  --todo-checkbox-indeterminate-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --todo-checkbox-indeterminate-disabled-color: var(--basis-form-control-disabled-color);
  --todo-checkbox-indeterminate-focus-visible-color: var(--basis-form-control-focus-color);
  --todo-checkbox-indeterminate-hover-background-color: var(--basis-form-control-hover-accent-color);
  --todo-radio-button-checked-disabled-background-color: var(--basis-form-control-disabled-accent-color);
  --todo-radio-button-checked-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --todo-radio-button-checked-disabled-color: var(--basis-form-control-disabled-color);
  --todo-textarea-hover-color: var(--basis-form-control-hover-color);
  --todo-textbox-hover-color: var(--basis-form-control-hover-color);
  --ams-date-input-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --ams-date-input-disabled-color: var(--basis-form-control-disabled-color);
  --ams-file-input-disabled-color: var(--basis-form-control-disabled-color);
  --ams-password-input-disabled-color: var(--basis-form-control-disabled-color);
  --ams-tabs-button-hover-box-shadow: inset 0 -0.25rem 0 0 var(--ams-tabs-button-color);
  --ams-tabs-button-selected-box-shadow: inset 0 -0.25rem 0 0 var(--ams-tabs-button-color);
  --denhaag-process-steps-sub-step-marker-not-checked-border-color: var(--basis-color-disabled-border-default);
  --denhaag-step-marker-not-checked-background-color: var(--basis-color-disabled-bg-document);
  --denhaag-step-marker-not-checked-border-color: var(--basis-color-disabled-border-default);
  --denhaag-step-marker-connector-not-checked-outline-color: var(--basis-color-disabled-border-default);
  --utrecht-radio-button-disabled-color: var(--utrecht-radio-button-disabled-border-color);
  /*
   * CUSTOM OVERRIDE
   * Reason: Wrong icon on the save form link; missing feature in NLDS or OF.
   * Related Component: openforms-form-navigation-save-button
   * Safe to remove when: OF changed the default icon
   * Last verified: 2025-11-19 (OF 3.3.4)
   */
  --of-form-navigation-save-button-fa-icon: "";
  /*
   * CUSTOM OVERRIDE
   * Reason: Reset to 100% to fix columns issue.
   * Related Component: fields
   * Safe to remove when: design token is changed in our set.
   * Last verified: 2026-03-03 (OF 3.3.4)
   */
  /*
   * CUSTOM OVERRIDE
   * Reason: Set max inline size for multifield fields to prevent them from being too wide and makes icon stay next to field; missing feature in NLDS or OF.
   * Related Component: openforms-multifield-field textbox / utrecht-textbox
   * Safe to remove when: added as a token in our set
   * Last verified: 2026-03-03 (OF 3.3.4)
   */
  /*
   * CUSTOM OVERRIDE
   * Reason: Set border color for uploaded file errors to match our design; missing feature in NLDS or OF.
   * Related Component: openforms-uploaded-file--errors
   * Safe to remove when: added as a token in our set
   * Last verified: 2026-03-03 (OF 3.4.4)
   */
  --of-uploaded-file-errors-border-color: var(--basis-color-negative-color-default);
  /*
   * CUSTOM OVERRIDE
   * Reason: Set max inline size for fields to prevent them from being too wide.
   * Related Component: fields textbox selects
   * Safe to remove when: added as a token in our set
   * Last verified: 2026-03-25 (OF 3.4.6)
   */
  --of-multifield-field-max-inline-size: 25rem;
  --utrecht-form-control-max-inline-size: 25rem;
  --_utrecht-textbox-max-inline-size: 25rem;
  /*
   * CUSTOM OVERRIDE
   * Reason: Set justify content to flex-start to align the buttons to the left.
   * Related Component: utrecht-button-group--openforms-editgrid
   * Safe to remove when: added as a token in our set
   * Last verified: 2026-03-25 (OF 3.4.6)
   */
  --of-button-group-editgrid-justify-content: flex-start;
  /*
   * CUSTOM OVERRIDE
   * Reason: Set font family, font size, line height and margin for the edit grid item heading to match our design.
   * Related Component: openforms-editgrid-item-heading
   * Safe to remove when: added as a token in our set
   * Last verified: 2026-03-25 (OF 3.4.6)
   */
  --of-editgrid-item-heading-font-family: var(--basis-heading-font-family);
  --of-editgrid-item-heading-font-size: var(--basis-text-font-size-lg);
  --of-editgrid-item-heading-line-height: var(--basis-text-line-height-lg);
  --of-editgrid-item-heading-margin-block-end: var(--basis-space-block-md);
  /*
   * CUSTOM OVERRIDE
   * Reason: Set padding for the select value in the multi select to match our design.
   * Related Component: rs-value rs-value--multi sdk-react-select-x2yrli-multiValue
   * Safe to remove when: added as a token in our set
   * Last verified: 2026-03-25 (OF 3.4.6)
   */
  --of-select-value-multi-padding-inline-start: 8px;
  --of-select-value-multi-padding-inline-end: 8px;
}

/*
 * CUSTOM OVERRIDE
 * Reason: Set max inline size for the datepicker textbox to prevent it from being too wide; missing feature in NLDS or OF.
 * Related Component: openforms-datepicker-textbox / utrecht-textbox
 * Safe to remove when: added as a token in our set
 * Last verified: 2026-03-25 (OF 3.4.6)
 */
.openforms-datepicker-textbox {
  max-inline-size: 25rem;
}

/*
 * CUSTOM OVERRIDE
 * Reason: Skip to link is not styled; missing feature in NLDS or OF.
 * Related Component: skiplink / utrecht-link
 * Safe to remove when: OF includes centered left-aligned logo slot OR alignment token.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
a.skiplink.utrecht-link {
  margin-block-start: var(--basis-space-block-lg);
  margin-block-end: var(--basis-space-block-lg);
  margin-inline-start: var(--basis-space-inline-lg);
  margin-inline-end: var(--basis-space-inline-lg);
  padding-block-start: var(--basis-space-block-lg);
  padding-block-end: var(--basis-space-block-lg);
  padding-inline-start: var(--basis-space-inline-lg);
  padding-inline-end: var(--basis-space-inline-lg);
  background: var(--basis-focus-background-color);
  border-color: var(--basis-focus-background-color);
  border-radius: var(--basis-border-radius-md);
  border-style: solid;
  border-width: var(--basis-border-width-lg);
  box-sizing: border-box;
  text-decoration: none;
  color: var(--basis-focus-color);
  font-weight: var(--basis-text-font-weight-bold);
}

/*
 * CUSTOM OVERRIDE
 * Reason: Center the Open Forms logo inside the header and add missing tokens for alignment; missing feature in NLDS or OF.
 * Related Component: utrecht-page-header / logo alignment
 * Safe to remove when: OF includes centered left-aligned logo slot OR alignment token.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.utrecht-page-header--openforms-with-logo {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  max-inline-size: var(--basis-page-max-inline-size);
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: auto;
  margin-inline-end: auto;
  box-sizing: border-box;
}

.utrecht-page-header {
  --of-utrecht-page-header-mobile-padding-block-end: var(--basis-space-block-3xl);
  --of-utrecht-page-header-mobile-padding-block-start: var(--basis-space-block-3xl);
  --of-utrecht-page-header-mobile-padding-inline-end: var(--basis-space-inline-3xl);
  --of-utrecht-page-header-mobile-padding-inline-start: var(--basis-space-inline-3xl);
  --of-utrecht-page-header-tablet-padding-block-end: var(--basis-space-block-3xl);
  --of-utrecht-page-header-tablet-padding-block-start: var(--basis-space-block-3xl);
  --of-utrecht-page-header-tablet-padding-inline-end: var(--basis-space-inline-3xl);
  --of-utrecht-page-header-tablet-padding-inline-start: var(--basis-space-inline-3xl);
  --of-utrecht-page-header-laptop-padding-block-end: var(--basis-space-block-3xl);
  --of-utrecht-page-header-laptop-padding-block-start: var(--basis-space-block-3xl);
  --of-utrecht-page-header-laptop-padding-inline-end: var(--basis-space-inline-3xl);
  --of-utrecht-page-header-laptop-padding-inline-start: var(--basis-space-inline-3xl);
}

/*
 * CUSTOM OVERRIDE
 * Reason: Repositioning of the SVG with two color variations so working with a white logo shows a colored logo for print.
 * Related Component: utrecht-page-header__openforms-return-url
 * Safe to remove when: there is an option to set different logo for PDF or print.
 * Last verified: 2026-04-23 (OF 3.4.8)
 */
.utrecht-page-header.utrecht-page-header--openforms-with-logo .utrecht-page-header__openforms-return-url {
  background-size: 200% 100%;
  background-position: right center;
}

/*
 * CUSTOM OVERRIDE
 * Reason: Change spinner color to match our design; missing feature in NLDS or OF.
 * Related Component: openforms-loading
 * Safe to remove when: OF includes tokens for the loading spinner.
 * Last verified: 2025-12-10 (OF 3.3.8)
 */
.openforms-loading .openforms-loading__spinner {
  border: 6px solid var(--basis-color-action-2-color-hover);
  border-top: 6px solid var(--of-color-primary);
}

/*
 * CUSTOM OVERRIDE
 * Reason: Center the Open Forms content containers; missing feature in NLDS or OF.
 * Related Component: utrecht-page / utrecht-page-content / openforms-app-body / alignment
 * Safe to remove when: OF includes alignment tokens.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
body.utrecht-page {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
  max-inline-size: 100%;
  overflow-x: hidden;
  background-color: var(--basis-color-default-color-document);
  padding-inline-end: 0;
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

.utrecht-page__content.utrecht-page-content {
  --of-utrecht-page-content-mobile-padding-block-end: 0;
  --of-utrecht-page-content-mobile-padding-block-start: 0;
  --of-utrecht-page-mobile-padding-inline-end: 0;
  --of-utrecht-page-mobile-padding-inline-start: 0;
  background-color: var(--basis-color-default-bg-default);
  max-inline-size: 100%;
  flex: 1 0 auto;
}

.utrecht-page-content__main {
  max-inline-size: var(--basis-page-max-inline-size);
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

@media (width <= 1165px) {
  .openforms-app {
    padding-inline-end: var(--basis-space-inline-xl);
    padding-inline-start: var(--basis-space-inline-xl);
  }
}
.openforms-app__body {
  background: var(--basis-color-default-inverse-color-document);
}

.a11y-toolbar {
  max-inline-size: var(--basis-page-max-inline-size);
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

@media (width <= 991px) {
  .a11y-toolbar {
    padding-inline-start: var(--basis-space-inline-3xl);
    padding-inline-end: var(--basis-space-inline-3xl);
  }
}
@media (width <= 767px) {
  .a11y-toolbar {
    padding-inline-start: var(--basis-space-inline-4xl);
    padding-inline-end: var(--basis-space-inline-4xl);
  }
}
footer.utrecht-page-footer {
  flex-shrink: 0;
}

/*
  * CUSTOM OVERRIDE
  * Reason: No option to set font-size for the Open Forms titles when there is a subtitle; missing feature in NLDS or OF.
  * Related Component: openforms-title
  * Safe to remove when: OF includes a font-size token for the title component.
  * Last verified: 2026-03-25 (OF 3.4.6)
  */
.openforms-card > .openforms-card__header > h1.openforms-title {
  font-family: var(--basis-text-font-family-default);
  font-size: var(--basis-text-font-size-2xl);
  font-weight: var(--basis-text-font-weight-bold);
  margin-block-end: var(--basis-space-block-lg);
}

.openforms-card:has(.openforms-subtitle):not(:has(.openforms-card__body ul li .cookie-group)) > .openforms-card__header > h1.openforms-title {
  font-size: var(--basis-text-font-size-sm);
}

/*
  * CUSTOM OVERRIDE
  * Reason: Add border and spacing between title and subtitle and bottom border to match our design; missing feature in NLDS or OF.
  * Related Component: openforms-card / openforms-title / openforms-subtitle
  * Safe to remove when: OF includes spacing and border tokens for the card header when both title and subtitle are present.
  * Last verified: 2026-02-02 (OF 3.4.0-leiden.1)
  */
.openforms-card:not(:has(form),
:has(form > div.openforms-summary),
:has(.openforms-loading-indicator)) header.openforms-card__header:not(:has(.utrecht-heading-2.openforms-subtitle)) {
  padding-block-end: var(--basis-space-block-3xl);
  border-bottom: var(--basis-border-width-sm) solid var(--basis-color-default-border-default);
  margin-block-end: var(--basis-space-block-4xl);
}

.openforms-card:has(form .openforms-form-field-container > div,
.formio-form > div > .utrecht-form-fieldset,
> .openforms-card__body > .openforms-loading-indicator):not(:has(form .openforms-form-field-container > div fieldset.openforms-fieldset),
:has(.formio-form > div:first-child > .openforms-fieldset),
:has(.formio-form > .formio-component--hidden:first-child)) header.openforms-card__header:has(.utrecht-heading-2.openforms-subtitle) {
  padding-block-end: var(--basis-space-block-3xl);
  border-bottom: var(--basis-border-width-sm) solid var(--basis-color-default-border-default);
  margin-block-end: var(--basis-space-block-3xl);
}

form[data-testid=start-form] {
  padding-block-start: var(--basis-space-block-3xl);
  border-top: var(--basis-border-width-sm) solid var(--basis-color-default-border-default);
  margin-block-start: var(--basis-space-block-4xl);
}

.openforms-app__body > .openforms-card:has(form[data-testid=start-form]) header h1 {
  padding-block-end: var(--basis-space-block-3xl);
  border-bottom: var(--basis-border-width-sm) solid var(--basis-color-default-border-default);
  margin-block-end: var(--basis-space-block-3xl);
}

.openforms-app__body > .openforms-card :has(> .openforms-card__body > .openforms-loading-indicator) :not(:has(> .openforms-card__body > header .openforms-subtitle)) header h1 {
  padding-block-end: var(--basis-space-block-3xl);
  border-bottom: var(--basis-border-width-sm) solid var(--basis-color-default-border-default);
  margin-block-end: var(--basis-space-block-3xl);
}

/*
  * CUSTOM OVERRIDE
  * Reason: Change loading indicator colors and alignment to match our design; missing feature in NLDS or OF.
  * Related Component: openforms-loading-indicator
  * Safe to remove when: OF includes tokens for alignment.
  * Last verified: 2026-03-26 (OF 3.4.6)
  */
.openforms-loading-indicator.openforms-loading-indicator--color-normal {
  --_of-loading-indicator-bg-color: var(--basis-color-accent-2-color-default);
  --_of-loading-indicator-fg-color: var(--basis-color-accent-3-inverse-color-default);
  justify-content: flex-start;
}

/*
  * CUSTOM OVERRIDE
  * Reason: Add gap between input and suffix to match our design; missing feature in NLDS or OF.
  * Related Component: openforms-input-container
  * Safe to remove when: OF includes spacing token for the input container component.
  * Last verified: 2026-01-08 (OF 3.4.0-leiden.1)
  */
.openforms-input-container {
  gap: var(--basis-form-control-padding-inline-end);
}

/*
  * CUSTOM OVERRIDE
  * Reason: No option to set font-size and font-weight for the Open Forms subtitles; missing feature in NLDS or OF.
  * Related Component: openforms-subtitle
  * Safe to remove when: OF includes font-size and font-weight tokens for the subtitle component.
  * Last verified: 2026-01-08 (OF 3.4.0-leiden.1)
  */
.openforms-subtitle:not(.cookie-group__title) {
  font-size: var(--basis-text-font-size-3xl);
  font-weight: var(--basis-text-font-weight-bold);
}

/*
  * CUSTOM OVERRIDE
  * Reason: Remove top margin from card body to align with our design; missing feature in NLDS or OF.
  * Related Component: openforms-card
  * Safe to remove when: OF includes tokens for the card component.
  * Last verified: 2026-01-08 (OF 3.4.0-leiden.1)
  */
.openforms-card .openforms-card__body {
  margin-block-start: 0;
}

/*
  * CUSTOM OVERRIDE
  * Reason: Added line height to the subtle button variant to prevent the icon from being cut off, and added a token for the icon size to ensure it matches the design tokens
  * Related Component: utrecht-button--subtle
  * Safe to remove when: OF or NLDS includes tokens for the component
  * Last verified: 2026-03-04 (OF 3.4.4)
  */
.utrecht-button--subtle {
  /* --utrecht-icon-size: 1rem; */
  line-height: 1;
}

.utrecht-button--subtle .utrecht-icon {
  --utrecht-icon-size: 1rem;
}

/*
 * CUSTOM OVERRIDE
 * Reason: Style the form navigation to match our design; missing feature in NLDS or OF.
 * Related Component: openforms-form-navigation
 * Safe to remove when: OF includes tokens for the form navigation component.
 * Last verified: 2026-01-08 (OF 3.4.0-leiden.1)
 */
.openforms-form-navigation {
  margin-block: var(--basis-space-block-4xl);
  padding-block: var(--basis-space-block-4xl);
  border-top: var(--basis-border-width-sm) solid var(--basis-color-default-border-default);
  flex-direction: row;
  justify-content: space-between;
}

button.utrecht-button.utrecht-button--submit.utrecht-button--primary-action.openforms-form-navigation__next-button {
  order: 2;
  margin-inline-end: auto;
}

a.utrecht-link.openforms-previous-link.openforms-previous-link--end.utrecht-link--html-a.utrecht-link--openforms {
  order: 1;
}

button.utrecht-link-button.utrecht-link-button--html-button.openforms-form-navigation__save-button {
  order: 3;
}

button.utrecht-link-button.utrecht-link-button--html-button.openforms-abort-button {
  order: 4;
}

.openforms-form-navigation .openforms-previous-link,
.openforms-form-navigation .openforms-form-navigation__save-button,
.openforms-form-navigation .openforms-abort-button {
  color: var(--basis-color-action-2-color-default);
  font-weight: var(--basis-text-font-weight-default);
}

.openforms-form-navigation .openforms-previous-link .utrecht-icon,
.openforms-form-navigation .openforms-form-navigation__save-button .utrecht-icon,
.openforms-form-navigation .openforms-abort-button .utrecht-icon {
  color: var(--basis-color-action-2-color-default);
}

.openforms-form-navigation .openforms-previous-link:hover,
.openforms-form-navigation .openforms-form-navigation__save-button:hover,
.openforms-form-navigation .openforms-abort-button:hover,
.openforms-form-navigation .openforms-previous-link:hover .utrecht-icon,
.openforms-form-navigation .openforms-form-navigation__save-button:hover .utrecht-icon,
.openforms-form-navigation .openforms-abort-button:hover .utrecht-icon {
  color: var(--basis-color-action-2-color-hover);
}

/*
 * CUSTOM OVERRIDE
 * Reason: Change tooltip size
 * Related Component: utrecht-form-field__label--openforms-tooltip
 * Safe to remove when: added as a token
 * Last verified: 2026-03-03 (OF 3.4.4)
 */
.utrecht-form-field .utrecht-form-field__label.utrecht-form-field__label--openforms-tooltip .utrecht-icon,
.utrecht-form-fieldset .utrecht-form-fieldset__legend.utrecht-form-fieldset__legend--openforms-tooltip .utrecht-icon {
  --utrecht-icon-size: 1em;
}

/*
 * CUSTOM OVERRIDE
 * Reason: Change tooltip line height to align
 * Related Component: utrecht-form-field__label--openforms-tooltip
 * Safe to remove when: added as a token or fixed in OF
 * Last verified: 2026-03-03 (OF 3.4.4)
 */
.utrecht-form-field .utrecht-form-field__label.utrecht-form-field__label--openforms-tooltip,
.utrecht-form-fieldset .utrecht-form-fieldset__legend.utrecht-form-fieldset__legend--openforms-tooltip {
  line-height: 1;
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the icons in de button group form navigation; missing feature in NLDS or OF.
 * Related Component: openforms-form-navigation
 * Safe to remove when: OF or NLDS includes tokens for the component
 * Last verified: 2026-01-08 (OF 3.4.0-leiden.1)
 */
.openforms-form-navigation a.utrecht-link:focus,
.openforms-form-navigation .utrecht-link-button:focus,
.openforms-form-navigation .utrecht-link-button:focus .utrecht-icon,
.openforms-form-navigation a.utrecht-link:focus .utrecht-icon {
  color: var(--basis-focus-inverse-outline-color);
}

/*
 * CUSTOM OVERRIDE
 * Reason: The buttons submit variation doesn't set a color for the icon; missing feature in NLDS or OF.
 * Related Component: utrecht-button-submit
 * Safe to remove when: OF or NLDS includes a color for the icon.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-form-navigation button.utrecht-button--primary-action.utrecht-button--submit .utrecht-icon {
  color: currentcolor;
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the file upload input; missing feature in NLDS or OF.
 * Related Component: openforms-upload-input
 * Safe to remove when: OF includes tokens for the file upload input.
 * Last verified: 2026-03-03 (OF 3.4.4)
 */
.openforms-file-upload .openforms-upload-input {
  border-radius: var(--basis-form-control-border-radius);
  background: var(--basis-color-default-bg-default);
  border-color: var(--basis-color-default-border-default);
  border-width: var(--basis-border-width-md);
  padding-block: var(--basis-space-block-4xl);
  padding-inline: var(--basis-space-block-4xl);
}

.openforms-file-upload .openforms-upload-input:hover {
  background: var(--basis-color-default-bg-hover);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the uploaded file; missing feature in NLDS or OF.
 * Related Component: openforms-uploaded-file
 * Safe to remove when: OF includes tokens for the uploaded file component.
 * Last verified: 2026-03-25 (OF 3.4.6)
 */
.openforms-uploaded-file {
  border-width: var(--basis-border-width-md);
  border-color: var(--basis-color-accent-2-inverse-border-subtle);
  border-radius: var(--basis-border-radius-md);
  grid-template-columns: min-content 1fr min-content;
  grid-template-areas: "name metadata state";
}

.openforms-uploaded-file__name,
.openforms-uploaded-file__metadata {
  align-content: center;
}

.openforms-uploaded-file .openforms-uploaded-file__state .utrecht-button--danger > span {
  color: var(--basis-color-accent-2-color-default);
}

/*
 * CUSTOM OVERRIDE
 * Reason: Drop zone invalid state colors to match our design; missing feature in NLDS or OF.
 * Related Component: file-upload-drop-zone
 * Safe to remove when: OF includes tokens for the drop zone invalid state.
 * Last verified: 2026-02-02 (OF 3.4.0-leiden.1)
 */
.utrecht-form-field.utrecht-form-field--file .fileSelector {
  border-radius: var(--basis-form-control-border-radius);
  background: var(--basis-color-default-bg-default);
  border-color: var(--basis-color-default-border-default);
  border-width: var(--basis-border-width-md);
  padding-block: var(--basis-space-block-4xl);
  padding-inline: var(--basis-space-block-4xl);
  order: 2;
}

.formio-error-wrapper .utrecht-form-field.utrecht-form-field--file .fileSelector {
  border-color: var(--basis-form-control-invalid-border-color);
  background: var(--basis-form-control-invalid-background-color);
}

/*
 * CUSTOM OVERRIDE
 * Reason: Change the order of the elements inside the file upload error; missing feature in NLDS or OF.
 * Related Component: file-upload-error
 * Safe to remove when: OF includes tokens for the component.
 * Last verified: 2025-11-26 (OF 3.3.4)
 */
.utrecht-form-field.utrecht-form-field--file .file {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  font-size: var(--basis-text-font-size-md);
  order: 4;
}

.utrecht-form-field.utrecht-form-field--file .file > div.row:first-child {
  grid-column-start: 1;
  grid-column-end: 2;
}

.utrecht-form-field.utrecht-form-field--file .file > div.row:nth-child(2) {
  grid-column-start: 2;
  grid-column-end: 3;
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.utrecht-form-field.utrecht-form-field--file .file .fileSize {
  width: auto;
}

.utrecht-form-field--file .file.has-error {
  order: 5;
}

.utrecht-form-field.utrecht-form-field--file .file.has-error {
  color: var(--basis-color-negative-color-default);
}

.utrecht-form-field.utrecht-form-field--file .file.has-error .alert.alert-danger.bg-error {
  font-weight: var(--basis-text-font-weight-bold);
  grid-column-start: 1;
  grid-column-end: 3;
}

.utrecht-form-field.utrecht-form-field--file .file [ref=fileStatusRemove] {
  color: var(--utrecht-button-subtle-color);
  opacity: 100%;
}

.utrecht-form-field.utrecht-form-field--file .file [ref=fileStatusRemove]:hover {
  color: var(--utrecht-button-subtle-hover-color);
}

.utrecht-form-field--file .file:not(.has-error) {
  border-left: 4px solid var(--basis-color-info-color-active);
  padding-inline-start: var(--basis-space-inline-lg);
  box-sizing: border-box;
}

.utrecht-form-field.utrecht-form-field--file .fileSelector + .file:not(.has-error) {
  margin-block-start: 0;
}

.utrecht-form-field--file .openforms-loading {
  margin-block-end: 0;
  gap: var(--basis-space-column-sm);
}

.utrecht-form-field--file .openforms-loading .openforms-loading__spinner {
  border: 3px solid var(--basis-color-action-2-color-hover);
  border-top: 3px solid var(--of-color-primary);
  width: 10px;
  height: 10px;
}

.utrecht-form-field--file .list-group {
  display: none;
  order: 3;
}

.utrecht-form-field.utrecht-form-field--file .list-group:not(:last-child) {
  margin-block-end: 0;
}

.utrecht-form-field--file .list-group:has(> li.list-group-item:not(.list-group-header)) {
  display: block;
}

.utrecht-form-field--file {
  display: flex;
  flex-direction: column;
  gap: var(--basis-space-row-sm);
}

.utrecht-form-field--file .utrecht-form-field__label {
  order: 1;
}

.utrecht-form-field--file .utrecht-form-field-description {
  order: 6;
}

/* list group order */
.utrecht-form-field.utrecht-form-field--file .list-group-item .row .col-md-1 {
  order: 3;
}

/*
 * CUSTOM OVERRIDE
 * Reason: No token available to style the footer; missing feature in NLDS or OF.
 * Related Component: utrecht-link-list
 * Safe to remove when: OF or NLDS include tokens for the footer.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.utrecht-page-footer ul.utrecht-link-list {
  position: relative;
  z-index: 2;
  padding-inline-start: 0;
  column-gap: var(--basis-space-column-3xl);
}

@media (width >= 768px) {
  .utrecht-page-footer ul.utrecht-link-list {
    flex-direction: row;
  }
}
/*
 * CUSTOM OVERRIDE
 * Reason: No option to set font-family for the WYSIWYG content; missing feature in NLDS or OF.
 * Related Component: openforms-formio-content
 * Safe to remove when: OF or NLDS includes a token for the font-family on the WYSIWYG content component.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content {
  font-family: var(--basis-text-font-family-default);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to set font-family, font-size, line-height and font-weight for the WYSIWYG heading 2; missing feature in NLDS or OF.
 * Related Component: openforms-formio-heading-2
 * Safe to remove when: OF or NLDS includes a token for the font-family, font-size, line-height and font-weight on the WYSIWYG heading 2 component.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content h2 {
  font-family: var(--basis-heading-font-family);
  font-size: var(--basis-text-font-size-2xl);
  line-height: var(--basis-text-line-height-2xl);
  font-weight: var(--basis-heading-font-weight);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to set font-family, font-size, line-height and font-weight for the WYSIWYG heading 3; missing feature in NLDS or OF.
 * Related Component: openforms-formio-heading-3
 * Safe to remove when: OF or NLDS includes a token for the font-family, font-size, line-height and font-weight on the WYSIWYG heading 3 component.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content h3 {
  font-family: var(--basis-heading-font-family);
  font-size: var(--basis-text-font-size-xl);
  line-height: var(--basis-text-line-height-xl);
  font-weight: var(--basis-heading-font-weight);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to set font-family, font-size, line-height and font-weight for the WYSIWYG heading 4; missing feature in NLDS or OF.
 * Related Component: openforms-formio-heading-4
 * Safe to remove when: OF or NLDS includes tokens for the font-family, font-size, line-height and font-weight on the WYSIWYG heading 4 component.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content h4 {
  font-family: var(--basis-heading-font-family);
  font-size: var(--basis-text-font-size-lg);
  line-height: var(--basis-text-line-height-lg);
  font-weight: var(--basis-heading-font-weight);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to set font-family and font-size for the WYSIWYG paragraph; missing feature in NLDS or OF.
 * Related Component: openforms-formio-paragraph
 * Safe to remove when: OF or NLDS includes a token for the font-family and font-size on the WYSIWYG paragraph component.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content p {
  font-family: var(--basis-text-font-family-default);
  font-size: var(--basis-text-font-size-md);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the WYSIWYG link hovers; missing feature in NLDS or OF.
 * Related Component: openforms-formio-link
 * Safe to remove when: OF or NLDS include tokens for the WYSIWYG link component.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content a {
  color: var(--nl-link-color);
  text-decoration: var(--nl-link-text-decoration-line);
}

.openforms-formio-content a:hover {
  color: var(--nl-link-hover-color);
  text-decoration: none;
}

.openforms-formio-content a:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-visible-text-decoration,
    var(--utrecht-link-focus-text-decoration)
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-visible-text-decoration-thickness,
    var(--utrecht-link-focus-text-decoration-thickness)
  );
  z-index: var(--utrecht-stack-focus-z-index, 1);
}

.openforms-formio-content a:focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
  color: var(--basis-color-default-inverse-color-document);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the uploaded file errors; missing feature in NLDS or OF.
 * Related Component: openforms-uploaded-file--errors
 * Safe to remove when: OF includes tokens for the uploaded file error state.
 * Last verified: 2026-03-25 (OF 3.4.6)
 */
.openforms-uploaded-file--errors {
  grid-template-areas: "name metadata state" "desc desc desc";
  background-color: var(--basis-color-negative-bg-default);
  border-color: var(--basis-color-negative-color-default);
}

.openforms-uploaded-file--errors .openforms-uploaded-file__name a,
.openforms-uploaded-file--errors .openforms-uploaded-file__metadata {
  color: var(--basis-color-negative-color-default);
  text-decoration-color: currentcolor;
}

.openforms-uploaded-file--errors .openforms-uploaded-file__state .utrecht-button--danger:hover {
  background: var(--basis-color-negative-bg-hover);
}

.openforms-uploaded-file--errors .openforms-uploaded-file__state .utrecht-button--danger > span {
  color: var(--basis-color-accent-1-inverse-bg-default);
}

.openforms-uploaded-file__errors {
  grid-area: desc;
}

/*
  * CUSTOM OVERRIDE
  * Reason: No option to style the links; missing feature in NLDS or OF.
  * Related Component: openforms-formio-link
  * Safe to remove when: OF or NLDS include tokens for the WYSIWYG link component.
  * Last verified: 2026-04-21 (OF 3.4.8)
  */
.utrecht-link:hover,
.openforms-body.openforms-body--wysiwyg a:hover,
.utrecht-form-label.utrecht-form-label--openforms a:hover,
.utrecht-form-field.utrecht-form-field--file a:hover {
  color: var(--nl-link-hover-color);
  text-decoration: none;
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to set font-size for the WYSIWYG text tiny component; missing feature in NLDS or OF.
 * Related Component: openforms-formio-text-tiny
 * Safe to remove when: OF or NLDS includes a token for the font-size on the WYSIWYG text tiny component.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content span.text-tiny {
  font-size: calc(var(--basis-text-font-size-sm) - 0.125rem);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to set font-size for the WYSIWYG text small component; missing feature in NLDS or OF.
 * Related Component: openforms-formio-text-small
 * Safe to remove when: OF or NLDS includes a token for the font-size on the WYSIWYG text small component.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content span.text-small {
  font-size: var(--basis-text-font-size-sm);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to set font-size for the WYSIWYG text big component; missing feature in NLDS or OF.
 * Related Component: openforms-formio-text-big
 * Safe to remove when: OF or NLDS includes a token for the font-size on the WYSIWYG text big component.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content span.text-big {
  font-size: var(--basis-text-font-size-lg);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to set font-size for the WYSIWYG text huge component; missing feature in NLDS or OF.
 * Related Component: openforms-formio-text-huge
 * Safe to remove when: OF or NLDS includes a token for the font-size on the WYSIWYG text huge component.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content span.text-huge {
  font-size: var(--basis-text-font-size-xl);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to set font-family for the WYSIWYG (un)ordered lists; missing feature in NLDS or OF.
 * Related Component: openforms-formio-(un)ordered-lists
 * Safe to remove when: OF or NLDS includes a token for the font-family on the WYSIWYG (un)ordered lists.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content ul,
.openforms-formio-content ol {
  font-family: var(--basis-text-font-family-default);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the WYSIWYG figcaption; missing feature in NLDS or OF.
 * Related Component: openforms-formio-content-figcaption
 * Safe to remove when: OF or NLDS includes tokens on the WYSIWYG figcaption.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content figcaption {
  font-family: var(--basis-text-font-family-default);
  font-size: var(--basis-text-font-size-md);
  color: var(--basis-color-default-color-subtle);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the WYSIWYG blockquote; missing feature in NLDS or OF.
 * Related Component: openforms-formio-content-blockquote
 * Safe to remove when: OF or NLDS includes tokens on the WYSIWYG blockquote.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content blockquote {
  border-left: 4px solid var(--basis-color-info-color-active);
  padding-inline-start: var(--basis-space-inline-lg);
  margin-inline: 0;
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the WYSIWYG tables; missing feature in NLDS or OF.
 * Related Component: openforms-formio-content-table
 * Safe to remove when: OF or NLDS includes tokens on the WYSIWYG table.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content table {
  font-family: var(--basis-text-font-family-default);
  font-size: var(--basis-text-font-size-sm);
  width: 100%;
}

.openforms-formio-content figure.table {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

.openforms-formio-content table th {
  background-color: var(--basis-color-default-color-document);
  color: var(--basis-color-action-1-inverse-color-default);
  font-weight: var(--basis-text-font-weight-bold);
  padding-block-start: var(--basis-space-block-lg);
  padding-block-end: var(--basis-space-block-lg);
  padding-inline-start: var(--basis-space-block-lg);
  padding-inline-end: var(--basis-space-block-lg);
  border: 0;
}

.openforms-formio-content table tr {
  border: 0;
}

.openforms-formio-content table tr:nth-of-type(odd) {
  background-color: var(--basis-color-default-bg-default);
}

.openforms-formio-content table tr:last-child {
  border: 0;
}

.openforms-formio-content table td {
  padding-block-start: var(--basis-space-block-lg);
  padding-block-end: var(--basis-space-block-lg);
  padding-inline-start: var(--basis-space-block-lg);
  padding-inline-end: var(--basis-space-block-lg);
}

/*
  * CUSTOM OVERRIDE
  * Reason: Vertically align table cells to the middle to match the design tokens
  * Related Component: utrecht-table
  * Safe to remove when: OF or NLDS includes tokens for the component
  * Last verified: 2026-03-04 (OF 3.4.0-leiden.1)
  */
.utrecht-table--html-table > tr > td,
.utrecht-table--html-table > thead > tr > td,
.utrecht-table--html-table > tbody > tr > td,
.utrecht-table--html-table > tfoot > tr > td,
.utrecht-table__cell {
  vertical-align: middle;
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the WYSIWYG info; missing feature in NLDS or OF.
 * Related Component: openforms-formio-content-info
 * Safe to remove when: OF or NLDS includes tokens on the WYSIWYG info.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content.openforms-formio-content--info {
  border-inline-start-color: var(--basis-color-info-border-default);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the WYSIWYG warning; missing feature in NLDS or OF.
 * Related Component: openforms-formio-content-info
 * Safe to remove when: OF or NLDS includes tokens on the WYSIWYG warning.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content.openforms-formio-content--warning {
  border-inline-start-color: var(--basis-color-warning-border-default);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the WYSIWYG error; missing feature in NLDS or OF.
 * Related Component: openforms-formio-content-error
 * Safe to remove when: OF or NLDS includes tokens on the WYSIWYG error.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content.openforms-formio-content--error {
  border-inline-start-color: var(--basis-color-negative-border-default);
}

.openforms-formio-content.openforms-formio-content--error p,
.openforms-formio-content.openforms-formio-content--error ul,
.openforms-formio-content.openforms-formio-content--error ol {
  color: var(--basis-color-negative-color-default);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the WYSIWYG success; missing feature in NLDS or OF.
 * Related Component: openforms-formio-content-success
 * Safe to remove when: OF or NLDS includes tokens on the WYSIWYG success.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-formio-content.openforms-formio-content--success {
  border-inline-start-color: var(--basis-color-positive-border-default);
}

/* END WYSIWYG Editor */
/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the editgrid items; missing feature in NLDS or OF.
 * Related Component: openforms-editgrid-item / repeater
 * Safe to remove when: OF or NLDS includes tokens on the editgrid items component.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
.openforms-editgrid .openforms-editgrid__item {
  background: var(--leiden-colors-grey-20);
}

.openforms-editgrid .openforms-editgrid__item:not(:last-of-type) {
  margin-block-end: var(--basis-space-column-xl);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the fieldsets; missing feature in NLDS or OF.
 * Related Component: openforms-fieldset
 * Safe to remove when: OF or NLDS includes tokens on the fieldsets.
 * Last verified: 2025-11-19 (OF 3.3.4)
 */
fieldset.openforms-fieldset {
  border-width: 0;
}

.openforms-fieldset .openforms-fieldset__legend {
  margin-inline-start: 0;
  padding-block: var(--basis-space-block-xl);
  padding-inline: 0;
  border-top: var(--basis-border-width-sm) solid var(--basis-color-default-border-default);
  width: 100%;
  font-size: var(--basis-text-font-size-xl);
  font-weight: var(--basis-text-font-weight-bold);
  line-height: var(--basis-text-line-height-xl);
}

.openforms-form-field-container > fieldset.openforms-fieldset:first-child legend.openforms-fieldset__legend {
  border-top: 0;
  padding-block: 0;
}

/*
 * CUSTOM OVERRIDE
 * Reason: Interactive elements should have a border-radius; missing feature in NLDS or OF.
 * Related Component: openforms-leaflet-map
 * Safe to remove when: OF or NLDS includes a border-radius token on the leaflet map component.
 * Last verified: 2025-11-20 (OF 3.3.4)
 */
.openforms-leaflet-map {
  border-radius: var(--basis-form-control-border-radius);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the character count component; missing feature in NLDS or OF.
 * Related Component: openforms-charcount
 * Safe to remove when: OF or NLDS includes tokens for the character count component.
 * Last verified: 2026-03-25 (OF 3.4.6)
 */
.openforms-charcount {
  padding-block-start: 0;
  line-height: normal;
}

/*
 * CUSTOM OVERRIDE
 * Reason: Headings should be bold; missing feature in NLDS or OF.
 * Related Component: openforms-progress-indicator openforms-caption
 * Safe to remove when: OF or NLDS includes a font-weight token for the h2 inside the progress indicator component.
 * Last verified: 2025-11-20 (OF 3.3.4)
 */
.openforms-progress-indicator h2.openforms-caption {
  font-weight: var(--basis-heading-font-weight);
}

/*
 * CUSTOM OVERRIDE
 * Reason: Field blocks don't align with submit button; missing feature in NLDS or OF.
 * Related Component: openforms-multi-value-table
 * Safe to remove when: OF or NLDS includes a border-spacing token for this component.
 * Last verified: 2025-11-20 (OF 3.3.4)
 */
.openforms-multi-value-table {
  border-spacing: 0;
}

/*
 * CUSTOM OVERRIDE
 * Reason: Align remove field icon with the end of the field; missing feature in NLDS or OF.
 * Related Component: openforms-multi-value-row-input
 * Safe to remove when: OF or NLDS includes a token for this component.
 * Last verified: 2025-11-20 (OF 3.3.4)
 */
.openforms-multi-value-row__input {
  max-width: 25rem;
}

/*
 * CUSTOM OVERRIDE
 * Reason: Field blocks don't align with submit button; missing feature in NLDS or OF.
 * Related Component: openforms-multi-value-table
 * Safe to remove when: OF or NLDS includes a border-spacing token for this component.
 * Last verified: 2025-11-20 (OF 3.3.4)
 */
.openforms-progress-indicator .utrecht-link--placeholder {
  --_utrecht-link-state-color: var(--basis-form-control-disabled-color);
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the progress indicator numbers; missing feature in NLDS or OF.
 * Related Component: openforms-progress-indicator
 * Safe to remove when: OF or NLDS includes tokens for the progress indicator.
 * Last verified: 2025-12-10 (OF 3.3.8)
 */
.openforms-progress-indicator__nav .openforms-list {
  gap: 0;
}

.openforms-progress-indicator__nav .openforms-list > li.openforms-list__item {
  list-style: none;
  counter-increment: progress-indicator-counter;
}

.openforms-progress-indicator__nav .openforms-list > li.openforms-list__item:first-child {
  counter-reset: progress-indicator-counter;
}

.openforms-progress-indicator__nav .openforms-list > li.openforms-list__item:not(:first-child) {
  padding-block-start: var(--basis-space-block-lg);
}

.openforms-progress-indicator__nav .openforms-list > li.openforms-list__item:not(:last-child) {
  padding-block-end: var(--basis-space-block-lg);
  border-bottom: 1px solid var(--basis-color-default-bg-default);
}

.openforms-progress-indicator-item .openforms-progress-indicator-item__marker::before {
  content: counter(progress-indicator-counter);
  display: block;
  width: 1rem;
  height: 1rem;
  font-weight: var(--basis-text-font-weight-bold);
  background-color: var(--basis-color-transparent);
  color: var(--basis-color-default-color-document);
  text-align: center;
  border-radius: var(--basis-border-radius-round);
  line-height: 1rem;
  padding-block-start: var(--basis-space-block-md);
  padding-block-end: var(--basis-space-block-md);
  padding-inline-start: var(--basis-space-block-md);
  padding-inline-end: var(--basis-space-block-md);
}

.openforms-progress-indicator__nav .openforms-list > li.openforms-list__item:has(.fa-check) .openforms-progress-indicator-item__marker::before {
  display: none;
}

.openforms-progress-indicator__nav .openforms-list > li.openforms-list__item:has(a.utrecht-link--current) .openforms-progress-indicator-item__marker::before {
  background-color: var(--basis-color-default-color-document);
  color: var(--basis-color-default-inverse-color-document);
}

.openforms-progress-indicator__nav .openforms-list > li.openforms-list__item:has(a.utrecht-link[aria-disabled=true]) .openforms-progress-indicator-item__marker::before {
  background-color: var(--basis-color-transparent);
  color: var(--basis-form-control-disabled-color);
}

.openforms-progress-indicator-item .openforms-progress-indicator-item__marker {
  width: auto;
}

.openforms-progress-indicator-item .openforms-progress-indicator-item__marker i {
  border-radius: var(--basis-border-radius-round);
  padding-inline: var(--basis-space-inline-md);
  padding-block: var(--basis-space-block-md);
  color: var(--basis-color-positive-color-default);
  font-size: var(--basis-text-font-size-md);
}

.openforms-progress-indicator-item .openforms-progress-indicator-item__label {
  padding-inline-start: var(--basis-form-control-padding-inline-start);
  display: flex;
  align-items: center;
}

.openforms-progress-indicator__nav .openforms-list a.utrecht-link:not(:focus) {
  color: var(--basis-color-accent-2-border-default);
  text-decoration: underline;
}

.openforms-progress-indicator__nav .openforms-list a.utrecht-link:focus {
  color: var(--basis-color-default-inverse-color-document);
}

.openforms-progress-indicator__nav .openforms-list a.utrecht-link:hover {
  text-decoration: none;
}

.openforms-progress-indicator__nav .openforms-list a.utrecht-link[aria-disabled=true] {
  color: var(--basis-form-control-disabled-color);
  text-decoration: none;
}

.openforms-progress-indicator__nav .openforms-list a.utrecht-link.utrecht-link--current:not(:focus) {
  text-decoration: none;
  color: var(--of-color-fg);
}

.openforms-progress-indicator .openforms-progress-indicator__mobile-header,
.openforms-progress-indicator.openforms-progress-indicator--expanded .openforms-progress-indicator__nav {
  --of-progress-indicator-mobile-box-shadow: 0 3px 4px var(--basis-color-box-shadow);
}

/*
 * CUSTOM OVERRIDE
 * Reason: Choices button in a selection field missing style; missing feature in NLDS or OF.
 * Related Component: utrecht-form-field-select
 * Safe to remove when: OF or NLDS includes tokens or a fix for this component.
 * Last verified: 2025-11-20 (OF 3.3.4)
 */
[ref=component] > .utrecht-form-field.utrecht-form-field--select .selection .choices__item {
  background-color: var(--basis-form-control-accent-color);
  border-radius: var(--basis-form-control-border-radius);
  line-height: var(--basis-text-line-height-more-space);
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  border-left: 0;
  margin-inline-start: 0;
}

.utrecht-form-field--select .choices .choices__list .is-highlighted {
  color: var(--basis-color-action-1-inverse-color-default);
}

/*
 * CUSTOM OVERRIDE
 * Reason: Form field labels don't have margin-bottom; missing feature in NLDS or OF.
 * Related Component: utrecht-form-field__label--openforms and utrecht-form-fieldset__legend--openforms
 * Safe to remove when: OF or NLDS includes tokens for the margin-bottom on the form field labels and legends.
 * Last verified: 2026-03-04 (OF 3.3.4)
 */
.utrecht-form-fieldset .utrecht-form-fieldset__legend:has(.utrecht-form-label--openforms),
.utrecht-form-field__label {
  --utrecht-form-field-label-margin-block-end: var(--basis-space-block-md);
}

/*
  * CUSTOM OVERRIDE
  * Reason: Choices button in a multi selection field missing style; missing feature in NLDS or OF.
  * Related Component: utrecht-select
  * Safe to remove when: OF or NLDS includes tokens or a fix for this component.
  * Last verified: 2026-03-04 (OF 3.3.4)
  */
.utrecht-select.utrecht-select--openforms .rs-value--multi {
  background-color: var(--basis-form-control-accent-color);
  border-radius: var(--basis-form-control-border-radius);
  font-size: var(--basis-text-font-size-sm);
  line-height: var(--basis-text-line-height-sm);
  column-gap: var(--basis-space-column-sm);
}

.utrecht-select.utrecht-select--openforms .rs-value--multi :first-child::after {
  content: "";
  margin-inline-start: 0;
}

/*
 * CUSTOM OVERRIDE
 * Reason: Choices options in a selection field missing color on focus; missing feature in NLDS or OF.
 * Related Component: utrecht-select rs-menu__option
 * Safe to remove when: OF or NLDS includes tokens or a fix for this component.
 * Last verified: 2026-03-04 (OF 3.3.4)
 */
.utrecht-select.utrecht-select--openforms + .rs-menu .rs-menu__option--focus,
.utrecht-select.utrecht-select--openforms + .rs-menu .rs-menu__option--focus-visible {
  color: var(--basis-color-default-inverse-color-default);
}

/*
 * CUSTOM OVERRIDE
 * Reason: Datepicker is not styled; missing feature in NLDS or OF.
 * Related Component: flatpickr-calender
 * Safe to remove when: OF or NLDS has their own datepicker component or includes tokens for this component.
 * Last verified: 2025-12-09 (OF 3.3.4)
 */
.flatpickr-calendar {
  border-radius: var(--basis-border-radius-md);
  width: auto;
}

.flatpickr-calendar .flatpickr-months {
  position: relative;
  justify-content: center;
  align-items: center;
  padding-block-start: var(--basis-space-block-xl);
  padding-block-end: var(--basis-space-block-xl);
  padding-inline-start: var(--basis-space-block-xl);
  padding-inline-end: var(--basis-space-block-xl);
}

.flatpickr-calendar .flatpickr-current-month {
  position: relative;
  left: unset;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  font-size: 100%;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month {
  height: auto;
  justify-items: center;
}

.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  font-weight: 400;
  padding-inline: var(--basis-space-inline-lg);
  border: 1px solid var(--basis-color-default-border-default);
  border-radius: var(--basis-form-control-border-radius);
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  color: var(--basis-color-default-color-document);
  width: 100%;
  max-width: 100px;
  height: 48px;
  box-sizing: border-box;
  text-overflow: ellipsis;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
  width: 100%;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
  fill: var(--utrecht-button-secondary-action-color);
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg {
  fill: var(--utrecht-button-secondary-action-hover-color);
}

.flatpickr-calendar .flatpickr-weekday {
  text-transform: capitalize;
  color: var(--basis-color-accent-1-color-document);
}

.flatpickr-calendar .flatpickr-innerContainer {
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: var(--basis-space-block-sm);
  padding-inline-end: var(--basis-space-block-sm);
}

.flatpickr-calendar .flatpickr-day:not(.flatpickr-disabled) {
  color: var(--basis-form-control-accent-color);
  font-weight: 700;
  text-decoration: underline;
}

.flatpickr-calendar span.flatpickr-day:not(.flatpickr-disabled):hover {
  background: var(--basis-color-accent-2-color-hover);
  border-color: var(--basis-color-accent-2-color-hover);
  color: var(--basis-color-action-2-inverse-color-hover);
  text-decoration: none;
}

.flatpickr-calendar .flatpickr-day.nextMonthDay,
.flatpickr-calendar .flatpickr-day.prevMonthDay,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled {
  color: var(--basis-color-disabled-color-default);
  text-decoration: none;
  font-weight: 400;
}

.flatpickr-calendar .flatpickr-day.selected {
  color: var(--basis-color-accent-1-inverse-color-document);
  background: var(--basis-form-control-accent-color);
  border-color: var(--basis-form-control-accent-color);
  text-decoration: none;
}

.flatpickr-calendar .flatpickr-day.selected:hover {
  background: var(--basis-form-control-hover-accent-color);
  border-color: var(--basis-form-control-accent-color);
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: auto;
  max-height: unset;
  border-top: none;
  padding-block-start: var(--basis-space-block-xl);
  padding-block-end: var(--basis-space-block-xl);
  padding-inline-start: var(--basis-space-block-xl);
  padding-inline-end: var(--basis-space-block-xl);
  gap: 10px;
  justify-content: space-between;
}

.flatpickr-calendar.hasTime .flatpickr-time::after {
  content: unset;
}

.flatpickr-calendar .flatpickr-time input.flatpickr-hour,
.flatpickr-calendar .flatpickr-time input.flatpickr-minute {
  padding-block-end: var(--basis-form-control-padding-block-end);
  padding-block-start: var(--basis-form-control-padding-block-start);
  padding-inline-end: var(--basis-form-control-padding-inline-end);
  padding-inline-start: var(--basis-form-control-padding-inline-start);
  border: 1px solid var(--basis-color-default-border-default);
  border-radius: var(--basis-form-control-border-radius);
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  color: var(--basis-color-default-color-document);
  width: 100%;
  font-weight: 400;
}

/*
 * CUSTOM OVERRIDE
 * Reason: Radio button checked icon size is too big; missing feature in NLDS or OF.
 * Related Component: utrecht-radio-button--html-input:checked
 * Safe to remove when: OF or NLDS fixes the icon size.
 * Last verified: 2025-12-09 (OF 3.3.4)
 */
.utrecht-radio-button--html-input:checked {
  --utrecht-radio-button-icon-size: 4px;
}

/*
  * CUSTOM OVERRIDE
  * Reason: No option to style the card word-break; missing feature in NLDS or OF.
  * Related Component: openforms-card
  * Safe to remove when: OF or NLDS includes a token for the component
  * Last verified: 2026-03-03 (OF 3.4.4)
  */
.openforms-card {
  word-break: auto-phrase;
}

/*
  * CUSTOM OVERRIDE
  * Reason: No option to style the card min-height; missing feature in NLDS or OF.
  * Related Component: children openforms-card of openforms-app__body
  * Safe to remove when: OF or NLDS includes a token for the component or makes main always stretch between header and footer.
  * Last verified: 2026-03-26 (OF 3.4.6)
  */
.openforms-app__body > .openforms-card:not(:has(.utrecht-alert--info)) {
  min-height: 600px;
}

/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the card padding for different screen sizes; missing feature in NLDS or OF.
 * Related Component: openforms-card
 * Safe to remove when: OF or NLDS includes tokens for the component
 * Last verified: 2025-12-10 (OF 3.3.8)
 */
@media (width <= 767px) {
  .openforms-card {
    padding-block-start: var(--basis-space-block-xl);
    padding-block-end: var(--basis-space-block-xl);
    padding-inline-start: var(--basis-space-block-xl);
    padding-inline-end: var(--basis-space-block-xl);
  }
}
@media (768px <= width <= 991px) {
  .openforms-card {
    padding-block-end: var(--basis-space-block-3xl);
    padding-block-start: var(--basis-space-block-3xl);
    padding-inline-end: var(--basis-space-inline-3xl);
    padding-inline-start: var(--basis-space-inline-3xl);
  }
}
/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the progress indicator padding for different screen sizes; missing feature in NLDS or OF.
 * Related Component: openforms-progress-indicator
 * Safe to remove when: OF or NLDS includes tokens for the component
 * Last verified: 2025-12-10 (OF 3.3.8)
 */
@media (768px <= width <= 991px) {
  .openforms-progress-indicator {
    padding-block-end: var(--basis-space-block-3xl);
    padding-block-start: var(--basis-space-block-3xl);
    padding-inline-end: var(--basis-space-inline-3xl);
    padding-inline-start: var(--basis-space-inline-3xl);
  }
}
/*
 * CUSTOM OVERRIDE
 * Reason: No option to style the page footer; missing feature in NLDS or OF.
 * Related Component: utrecht-page-footer
 * Safe to remove when: OF or NLDS includes tokens for the component
 * Last verified: 2025-12-10 (OF 3.3.8)
 */
.utrecht-page-footer {
  --of-utrecht-page-footer-mobile-padding-block-end: var(--basis-space-block-3xl);
  --of-utrecht-page-footer-mobile-padding-block-start: var(--basis-space-block-3xl);
  --of-utrecht-page-footer-mobile-padding-inline-end: var(--basis-space-inline-3xl);
  --of-utrecht-page-footer-mobile-padding-inline-start: var(--basis-space-inline-3xl);
  --of-utrecht-page-footer-tablet-padding-block-end: var(--basis-space-block-3xl);
  --of-utrecht-page-footer-tablet-padding-block-start: var(--basis-space-block-3xl);
  --of-utrecht-page-footer-tablet-padding-inline-end: var(--basis-space-inline-3xl);
  --of-utrecht-page-footer-tablet-padding-inline-start: var(--basis-space-inline-3xl);
  --of-utrecht-page-footer-laptop-padding-block-end: var(--basis-space-block-3xl);
  --of-utrecht-page-footer-laptop-padding-block-start: var(--basis-space-block-3xl);
  --of-utrecht-page-footer-laptop-padding-inline-end: var(--basis-space-inline-3xl);
  --of-utrecht-page-footer-laptop-padding-inline-start: var(--basis-space-inline-3xl);
  position: relative;
  border-bottom: 8px solid var(--basis-color-default-inverse-color-document);
  background-color: var(--basis-color-default-color-document);
  color: var(--basis-color-default-inverse-color-document);
}

.utrecht-page-footer .utrecht-page-footer__navigation::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='371' height='46' viewBox='0 0 371 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 45.1696C1.70879 45.1978 1.50513 45.2194 1.51498 43.036C1.52798 40.166 1.54696 37.296 1.50296 34.426C1.48896 33.544 1.67496 33.115 2.67096 32.992C10.542 32.019 18.408 30.992 26.271 29.965C27.358 29.823 28.431 29.582 29.696 29.353L30.426 27.886C29.854 27.348 29.226 26.77 30.197 26.353C30.85 26.353 31.507 26.306 32.155 26.368C32.6134 26.4235 33.0594 26.5546 33.475 26.756C33.63 26.828 33.675 27.146 33.763 27.356C33.522 27.423 33.282 27.496 33.037 27.556C32.552 27.673 31.928 27.643 31.623 27.94C31.509 28.1383 31.4387 28.3586 31.4167 28.5862C31.3946 28.8138 31.4213 29.0435 31.495 29.26C31.544 29.441 32.139 29.57 32.481 29.56C33.326 29.536 34.167 29.419 35.002 29.341C34.702 28.804 34.475 28.385 34.245 27.967C34.9148 27.7573 35.6174 27.6719 36.318 27.715C36.654 27.797 36.798 28.662 37.108 29.351C40.381 29.351 43.952 29.279 47.52 29.364C59.0287 29.7639 70.4766 31.2176 81.72 33.707C83.076 33.992 84.903 34.007 85.608 34.871C86.313 35.735 85.908 37.517 85.927 38.898C85.958 40.931 85.935 42.966 85.935 45.084H104.075C103.919 42.801 103.767 40.584 103.612 38.314C102.845 38.13 102.095 37.914 101.33 37.786C101.043 37.738 100.551 37.805 100.454 37.986C100.356 38.3329 100.334 38.697 100.391 39.053C100.391 39.086 100.452 39.115 100.473 39.153C101.184 40.408 101.011 41.397 99.99 41.918C99.7769 42.0287 99.5431 42.094 99.3034 42.1096C99.0638 42.1252 98.8235 42.0908 98.5978 42.0086C98.3722 41.9265 98.1661 41.7983 97.9926 41.6322C97.8191 41.4662 97.682 41.2658 97.59 41.044C97.142 40.004 97.717 39.093 99.001 38.578C99.413 38.413 99.701 37.94 100.101 37.558L95.701 34.988C95.5113 35.5825 95.4013 36.1996 95.374 36.823C95.4315 37.0646 95.4379 37.3155 95.3928 37.5596C95.3477 37.8038 95.252 38.0359 95.1119 38.2409C94.9717 38.4459 94.7903 38.6193 94.5792 38.75C94.3681 38.8808 94.1319 38.9659 93.886 39C93.6484 39.0335 93.4065 39.0171 93.1756 38.9518C92.9448 38.8864 92.7301 38.7736 92.5453 38.6206C92.3606 38.4675 92.2098 38.2776 92.1026 38.063C91.9954 37.8483 91.9343 37.6137 91.923 37.374C91.9128 37.1237 91.9553 36.8741 92.0478 36.6413C92.1403 36.4085 92.2806 36.1978 92.4598 36.0227C92.6389 35.8476 92.8528 35.7121 93.0876 35.625C93.3225 35.5379 93.573 35.5011 93.823 35.517C94.4726 35.4052 95.1092 35.2276 95.723 34.987C94.932 34.087 94.41 33.521 93.923 32.928C93.457 32.362 93.023 31.765 92.323 30.849C91.9297 31.3751 91.6042 31.9486 91.354 32.556C91.3251 32.8042 91.2448 33.0436 91.1183 33.259C90.9918 33.4745 90.8218 33.6612 90.6192 33.8074C90.4166 33.9536 90.1858 34.056 89.9414 34.1081C89.6971 34.1602 89.4446 34.1608 89.2 34.11C88.9651 34.0632 88.7426 33.9674 88.5471 33.8289C88.3517 33.6904 88.1875 33.5123 88.0655 33.3062C87.9434 33.1001 87.8661 32.8706 87.8386 32.6326C87.8112 32.3946 87.8341 32.1535 87.906 31.925C87.983 31.6862 88.1089 31.466 88.2756 31.2784C88.4423 31.0908 88.6463 30.94 88.8744 30.8355C89.1026 30.731 89.35 30.6752 89.6009 30.6715C89.8519 30.6677 90.1008 30.7163 90.332 30.814C90.9668 30.9015 91.61 30.9106 92.247 30.841C91.638 29.123 91.147 27.741 90.633 26.294C90.4634 26.2411 90.285 26.2225 90.1082 26.2393C89.9314 26.256 89.7596 26.3078 89.603 26.3915C89.4464 26.4753 89.308 26.5894 89.1958 26.7272C89.0837 26.8649 89.0002 27.0236 88.95 27.194C88.8545 27.4279 88.7073 27.6372 88.5196 27.8063C88.3319 27.9753 88.1084 28.0999 87.8659 28.1705C87.6233 28.2412 87.368 28.2562 87.1188 28.2143C86.8697 28.1725 86.6332 28.075 86.427 27.929C86.2257 27.797 86.0538 27.6248 85.9221 27.4232C85.7904 27.2217 85.7017 26.9951 85.6616 26.7577C85.6215 26.5203 85.6309 26.2771 85.6891 26.0435C85.7473 25.8099 85.8532 25.5908 86 25.4C86.1572 25.2054 86.3527 25.0451 86.5742 24.9289C86.7958 24.8127 87.0388 24.7431 87.2882 24.7244C87.5377 24.7057 87.7884 24.7382 88.0248 24.82C88.2612 24.9018 88.4784 25.0311 88.663 25.2C89.1619 25.4366 89.6958 25.5913 90.244 25.658C90.3776 25.241 90.472 24.8125 90.526 24.378C90.567 23.296 90.54 22.212 90.54 21.097C90.4036 20.9781 90.2441 20.8887 90.0714 20.8345C89.8988 20.7803 89.7168 20.7624 89.537 20.7819C89.3571 20.8014 89.1832 20.858 89.0262 20.948C88.8693 21.0381 88.7327 21.1596 88.625 21.305C88.454 21.4907 88.2439 21.636 88.0098 21.7303C87.7758 21.8247 87.5236 21.8657 87.2717 21.8505C87.0198 21.8353 86.7744 21.7642 86.5534 21.6423C86.3324 21.5204 86.1413 21.3509 85.994 21.146C85.8493 20.9542 85.7463 20.7343 85.6914 20.5004C85.6364 20.2665 85.6309 20.0237 85.675 19.7876C85.7191 19.5514 85.812 19.327 85.9477 19.1288C86.0833 18.9305 86.2588 18.7627 86.463 18.636C86.68 18.5138 86.9193 18.4364 87.1667 18.4084C87.4142 18.3804 87.6647 18.4024 87.9035 18.473C88.1424 18.5435 88.3646 18.6614 88.557 18.8194C88.7495 18.9774 88.9083 19.1725 89.024 19.393C89.4717 19.8713 89.9796 20.2895 90.535 20.637L92.25 16.137C92.0157 15.8116 91.6649 15.5893 91.2707 15.5162C90.8764 15.4432 90.4693 15.5251 90.134 15.745C89.9115 15.8412 89.6704 15.8867 89.4282 15.8783C89.186 15.8698 88.9487 15.8075 88.7335 15.696C88.5183 15.5845 88.3306 15.4265 88.184 15.2335C88.0374 15.0405 87.9356 14.8172 87.886 14.58C87.7704 14.1342 87.8349 13.6608 88.0654 13.2621C88.2959 12.8634 88.674 12.5713 89.118 12.449C89.3617 12.3902 89.615 12.3822 89.8619 12.4254C90.1089 12.4686 90.3444 12.5621 90.5537 12.7002C90.763 12.8382 90.9417 13.0178 91.0787 13.2278C91.2157 13.4379 91.308 13.6738 91.35 13.921C91.6113 14.5859 91.9397 15.2226 92.33 15.821L95.549 12.062C95.123 11.375 94.781 10.808 93.734 10.995C93.4828 11.0219 93.2287 10.9908 92.9914 10.904C92.7541 10.8173 92.5398 10.6772 92.3652 10.4947C92.1905 10.3121 92.0601 10.0918 91.9839 9.85091C91.9078 9.60998 91.888 9.35479 91.926 9.105C91.9726 8.64464 92.1975 8.22079 92.5526 7.92405C92.9076 7.62731 93.3646 7.48122 93.826 7.517C94.0761 7.54127 94.318 7.61898 94.5355 7.74488C94.7529 7.87079 94.9408 8.04194 95.0863 8.24676C95.2319 8.45157 95.3317 8.68527 95.3791 8.93202C95.4265 9.17878 95.4203 9.43284 95.361 9.677C95.171 10.726 95.171 10.726 96.146 11.586L99.985 9.386C99.873 8.586 99.696 7.967 98.694 7.742C98.4478 7.6882 98.2174 7.57831 98.0206 7.42087C97.8239 7.26343 97.6662 7.0627 97.5597 6.83432C97.4533 6.60593 97.401 6.35606 97.4069 6.10415C97.4129 5.85225 97.4769 5.60511 97.594 5.382C97.6866 5.17281 97.8199 4.98413 97.9861 4.82694C98.1524 4.66976 98.3482 4.54721 98.5622 4.46643C98.7763 4.38565 99.0043 4.34826 99.2329 4.35642C99.4615 4.36459 99.6863 4.41816 99.894 4.514C100.128 4.60679 100.338 4.75184 100.508 4.93809C100.677 5.12435 100.802 5.34688 100.873 5.58872C100.943 5.83055 100.957 6.0853 100.915 6.33352C100.872 6.58174 100.773 6.81688 100.625 7.021C99.975 7.835 100.257 8.421 100.664 9.111C102.024 8.905 103.354 8.727 104.671 8.48C104.876 8.442 105.202 8.04 105.162 7.889C104.987 7.4146 104.781 6.95227 104.545 6.505C104.167 5.8876 103.928 5.19518 103.845 4.476C103.955 4.19074 104.137 3.93883 104.374 3.7447C104.61 3.55057 104.893 3.42081 105.194 3.368C105.537 3.37255 105.873 3.45799 106.176 3.61735C106.48 3.77671 106.741 4.00547 106.939 4.285C107.035 4.63304 107.043 4.99925 106.964 5.35135C106.884 5.70344 106.72 6.03061 106.484 6.304C106.154 6.51922 105.908 6.8416 105.787 7.21695C105.666 7.59229 105.679 7.99769 105.822 8.365L110.19 9.134C110.482 8.85677 110.652 8.47514 110.664 8.07259C110.675 7.67005 110.527 7.27936 110.251 6.986C110.11 6.78922 110.016 6.56362 109.973 6.32559C109.931 6.08756 109.942 5.84305 110.005 5.60982C110.069 5.37658 110.184 5.16047 110.342 4.97716C110.499 4.79384 110.696 4.64793 110.917 4.55C111.13 4.43988 111.363 4.37501 111.603 4.35945C111.842 4.3439 112.082 4.378 112.307 4.45962C112.532 4.54123 112.739 4.66859 112.912 4.8337C113.086 4.9988 113.224 5.19808 113.317 5.419C113.426 5.6352 113.485 5.87304 113.49 6.1151C113.495 6.35715 113.446 6.59726 113.346 6.81782C113.246 7.03839 113.098 7.2338 112.913 7.38974C112.728 7.54568 112.51 7.65818 112.276 7.719C111.88 7.772 111.52 7.97729 111.272 8.29132C111.025 8.60534 110.91 9.00338 110.951 9.401L114.769 11.61C115.136 11.4385 115.422 11.1305 115.565 10.7515C115.708 10.3724 115.698 9.95244 115.536 9.581C115.477 9.34659 115.47 9.10208 115.516 8.86476C115.562 8.62745 115.659 8.4031 115.802 8.20757C115.944 8.01205 116.127 7.85011 116.339 7.7332C116.55 7.6163 116.785 7.54727 117.026 7.531C117.267 7.50236 117.511 7.5237 117.743 7.59368C117.976 7.66366 118.191 7.78078 118.376 7.93772C118.561 8.09466 118.712 8.28806 118.819 8.50583C118.926 8.72361 118.986 8.96109 118.997 9.20345C119.009 9.44581 118.969 9.68783 118.883 9.91442C118.796 10.141 118.664 10.3473 118.494 10.5204C118.324 10.6935 118.12 10.8297 117.895 10.9204C117.67 11.0112 117.429 11.0546 117.186 11.048C116.048 11.074 116.048 11.074 115.365 12.081L118.26 15.481C118.96 15.221 119.625 15.034 119.645 13.965C119.645 13.723 119.7 13.4842 119.807 13.2669C119.913 13.0496 120.068 12.8595 120.259 12.7113C120.451 12.5632 120.674 12.4608 120.911 12.412C121.148 12.3632 121.393 12.3694 121.627 12.43C121.865 12.4709 122.091 12.5611 122.291 12.6947C122.492 12.8284 122.663 13.0025 122.792 13.2059C122.921 13.4094 123.006 13.6376 123.042 13.8759C123.078 14.1143 123.064 14.3575 123 14.59C122.952 14.827 122.852 15.0503 122.707 15.2436C122.561 15.437 122.375 15.5955 122.161 15.7075C121.946 15.8196 121.71 15.8825 121.468 15.8916C121.227 15.9007 120.986 15.8557 120.764 15.76C120.428 15.5484 120.026 15.4697 119.635 15.5392C119.245 15.6088 118.894 15.8216 118.652 16.136L120.194 20.265C120.372 20.3271 120.561 20.3518 120.749 20.3376C120.937 20.3233 121.12 20.2704 121.286 20.1822C121.453 20.0939 121.599 19.9722 121.717 19.8247C121.834 19.6772 121.919 19.5071 121.968 19.325C122.074 19.0961 122.231 18.894 122.426 18.7338C122.621 18.5736 122.849 18.4594 123.094 18.3996C123.339 18.3398 123.595 18.3361 123.842 18.3886C124.089 18.4411 124.32 18.5486 124.52 18.703C124.893 18.9758 125.143 19.3853 125.215 19.8419C125.286 20.2985 125.174 20.7649 124.903 21.139C124.744 21.3314 124.549 21.4903 124.328 21.6063C124.107 21.7222 123.865 21.793 123.617 21.8144C123.368 21.8358 123.118 21.8075 122.881 21.731C122.643 21.6545 122.423 21.5315 122.234 21.369C121.638 21.0504 121.009 20.7986 120.358 20.618C120.358 22.365 120.337 23.699 120.379 25.031C120.387 25.261 120.659 25.675 120.809 25.674C121.248 25.6365 121.68 25.5424 122.094 25.394C122.762 25.207 123.535 24.703 124.059 24.894C124.363 25.0554 124.623 25.2894 124.815 25.5754C125.007 25.8613 125.125 26.1903 125.159 26.533C125.099 26.8699 124.955 27.1861 124.739 27.4521C124.524 27.718 124.245 27.9251 123.928 28.054C123.337 28.163 122.573 27.638 121.963 27.262C121.407 26.8476 120.888 26.3866 120.411 25.884C119.887 27.348 119.482 28.395 119.145 29.464C119.056 29.8849 119.011 30.3139 119.011 30.744C119.502 30.8608 120.009 30.8923 120.511 30.837C120.758 30.7217 121.028 30.6646 121.301 30.67C121.573 30.6754 121.841 30.7432 122.084 30.8681C122.326 30.993 122.536 31.1718 122.699 31.3907C122.861 31.6096 122.972 31.8629 123.021 32.131C123.064 32.356 123.061 32.5873 123.012 32.8111C122.964 33.0349 122.87 33.2465 122.738 33.4333C122.605 33.6201 122.436 33.7782 122.241 33.8981C122.046 34.018 121.829 34.0972 121.602 34.131C121.378 34.1847 121.145 34.189 120.919 34.1436C120.693 34.0981 120.48 34.004 120.294 33.8679C120.108 33.7317 119.954 33.5567 119.843 33.355C119.731 33.1533 119.665 32.9298 119.649 32.7C119.666 32.5166 119.646 32.3317 119.591 32.156C119.536 31.9802 119.447 31.8172 119.328 31.6763C119.21 31.5355 119.064 31.4196 118.9 31.3354C118.736 31.2512 118.558 31.2005 118.374 31.186L115.505 34.623C115.545 34.7949 115.62 34.9566 115.726 35.0982C115.831 35.2398 115.964 35.3582 116.117 35.4461C116.27 35.534 116.44 35.5895 116.615 35.6091C116.791 35.6286 116.968 35.6119 117.137 35.56C117.377 35.5381 117.62 35.5677 117.848 35.6467C118.076 35.7258 118.284 35.8525 118.46 36.0184C118.635 36.1843 118.773 36.3857 118.864 36.6091C118.956 36.8325 118.999 37.0728 118.99 37.314C118.979 37.5533 118.919 37.7879 118.815 38.0036C118.71 38.2193 118.564 38.4117 118.383 38.5692C118.202 38.7267 117.992 38.8461 117.764 38.9201C117.536 38.9941 117.296 39.0213 117.057 39C116.808 38.973 116.568 38.8944 116.352 38.7694C116.135 38.6444 115.947 38.4757 115.799 38.274C115.652 38.0723 115.548 37.8421 115.494 37.5979C115.44 37.3538 115.438 37.1011 115.487 36.856C115.48 36.2128 115.407 35.572 115.268 34.944L111.024 37.4C111.049 38.081 111.199 38.6 112.109 38.8C112.358 38.8408 112.594 38.9385 112.798 39.0855C113.003 39.2325 113.171 39.4247 113.29 39.6473C113.408 39.8699 113.473 40.1169 113.48 40.3688C113.488 40.6208 113.436 40.871 113.331 41.1C113.241 41.3235 113.105 41.526 112.933 41.6949C112.761 41.8638 112.556 41.9955 112.331 42.0817C112.106 42.1679 111.865 42.2068 111.624 42.1961C111.384 42.1853 111.148 42.125 110.931 42.019C110.709 41.9033 110.513 41.7425 110.357 41.5469C110.2 41.3513 110.086 41.1251 110.022 40.8829C109.958 40.6408 109.945 40.3879 109.984 40.1404C110.024 39.893 110.114 39.6565 110.25 39.446C110.403 38.9646 110.483 38.4631 110.488 37.958C110.018 37.9109 109.545 37.8986 109.073 37.921C108.473 37.989 107.885 38.157 107.24 38.293C107.1 40.533 106.964 42.723 106.817 45.083C107.279 45.109 107.736 45.159 108.193 45.159C114.693 45.164 121.193 45.139 127.693 45.187C128.721 45.195 129.15 44.887 129.334 43.881C129.787 41.415 130.342 38.966 130.868 36.455C129.779 36.2497 128.714 35.9354 127.688 35.517C126.851 35.1288 126.175 34.4627 125.774 33.632C125.664 33.1087 125.751 32.5631 126.018 32.1001C126.286 31.6371 126.715 31.2894 127.224 31.124C128.531 30.5514 129.893 30.1138 131.289 29.818C132.028 29.649 132.389 29.442 132.546 28.65C132.96 26.52 133.528 24.419 133.934 22.288C133.957 22.0357 133.928 21.7815 133.849 21.5408C133.77 21.3001 133.643 21.078 133.475 20.888C133.333 20.7831 133.218 20.645 133.142 20.4857C133.065 20.3264 133.029 20.1508 133.036 19.9742C133.043 19.7976 133.093 19.6254 133.182 19.4726C133.271 19.3199 133.396 19.1913 133.546 19.098C134.379 18.414 135.301 17.837 136.34 17.103C135.251 16.527 134.225 16.003 133.215 15.447C131.915 14.734 130.662 13.937 129.331 13.29C127.607 12.452 127.402 11.037 127.573 9.2L140.533 16.2V14.846L138.764 14.638C138.396 11.338 138.025 7.994 137.641 4.538C138.205 4.60153 138.732 4.85302 139.136 5.25203C139.541 5.65105 139.799 6.17442 139.87 6.738C140.235 8.919 140.854 11.057 141.255 13.238C141.421 14.138 141.211 15.111 141.343 16.025C141.387 16.2679 141.484 16.4984 141.626 16.7007C141.767 16.9029 141.951 17.0722 142.164 17.197C144.751 18.309 147.341 19.441 150.011 20.323C151.051 20.667 151.038 21.248 151.199 22.201L141.882 18.179C141.856 18.4382 141.859 18.6993 141.889 18.958C142.867 22.429 143.825 25.906 144.875 29.358C145.139 29.9273 145.543 30.4204 146.049 30.791C146.727 31.397 147.555 31.844 148.188 32.491C149.141 33.459 149.069 34.383 147.888 35.067C146.617 35.7081 145.308 36.2728 143.97 36.758C144.043 37.443 144.12 38.372 144.246 39.293C144.475 40.971 144.703 42.652 145.009 44.317C145.067 44.632 145.473 45.125 145.727 45.129C148.554 45.188 151.383 45.166 154.411 45.166C154.411 43.572 154.482 42.103 154.387 40.645C154.302 40.1794 154.382 39.699 154.611 39.2852C154.841 38.8714 155.206 38.5498 155.646 38.375C156.897 37.7597 158.096 37.0433 159.231 36.233C159.469 36.0514 159.669 35.8243 159.819 35.5649C159.969 35.3056 160.066 35.0191 160.104 34.722C160.204 32.552 160.172 30.375 160.132 28.201C160.113 27.8848 160.187 27.5699 160.344 27.295C160.502 27.02 160.736 26.7969 161.018 26.653C162.491 25.653 163.857 24.505 165.302 23.466C165.704 23.1765 166.171 22.991 166.662 22.926C167.537 22.8734 168.415 22.8653 169.291 22.902C169.322 22.3427 169.319 21.7819 169.281 21.223C168.921 18.536 170.036 16.16 170.681 13.654C171.069 12.136 170.566 10.407 170.608 8.776C170.59 8.05763 170.829 7.35639 171.281 6.798C171.823 6.27859 172.204 5.61359 172.378 4.88291C172.552 4.15223 172.511 3.38694 172.26 2.679C172.095 2.20019 172.089 1.68104 172.243 1.1985C172.396 0.715959 172.701 0.295699 173.112 0C173.53 0.268279 173.846 0.668255 174.011 1.13663C174.176 1.60501 174.18 2.11504 174.023 2.586C173.933 3.21505 173.904 3.85138 173.937 4.486C173.933 4.93131 174.029 5.3718 174.218 5.77503C174.407 6.17827 174.684 6.53399 175.029 6.816C175.806 7.499 175.482 8.447 175.377 9.463C175.116 11.3467 175.322 13.2657 175.977 15.051C176.711 16.8536 177.045 18.7938 176.957 20.738C176.952 21.383 176.957 22.028 176.957 22.587C177.145 22.721 177.22 22.821 177.28 22.812C178.305 22.6516 179.354 22.7701 180.318 23.1551C181.281 23.5401 182.123 24.1774 182.755 25C182.954 25.2351 183.206 25.4189 183.491 25.536C185.891 26.423 186.409 28.184 186.159 30.55C185.979 32.256 185.666 34.311 186.419 35.65C187.145 36.937 189.126 37.569 190.626 38.358C191.064 38.5284 191.431 38.8438 191.665 39.2517C191.9 39.6596 191.987 40.1355 191.913 40.6C191.805 42.059 191.886 43.531 191.886 45.075H199.269V43.667C199.269 39.492 199.244 35.317 199.292 31.143C199.326 30.3285 199.495 29.5253 199.792 28.766C200.264 27.4571 200.809 26.176 201.426 24.929C202.538 22.9981 203.037 20.775 202.858 18.554C202.743 17.628 203.125 17.254 204.202 17.66V21.56H211.878L214.729 17.95L217.6 21.631C220.361 21.631 223.361 21.651 226.358 21.593C226.581 21.593 226.946 21.046 226.983 20.724C227.201 18.846 227.283 16.953 227.525 15.078C227.682 13.1234 228.027 11.1884 228.555 9.3C228.881 8.321 229.155 7.661 228.524 6.765C228.371 6.548 228.716 5.996 228.807 5.593C229.062 4.62778 229.26 3.64843 229.4 2.66C229.429 2.373 228.959 2.035 228.77 1.788L229.817 0.288L230.762 1.934C230.317 2.37087 230.034 2.94618 229.96 3.56524C229.886 4.1843 230.024 4.81023 230.353 5.34C230.937 6.084 231.238 6.713 230.372 7.466C230.212 7.606 230.289 8.066 230.323 8.366C230.629 11.089 230.955 13.808 231.264 16.531C231.448 18.148 231.611 19.768 231.81 21.64H233.681C235.337 21.5511 236.996 21.5655 238.65 21.683C240.55 21.923 241.406 20.85 242.53 19.643C243.094 19.1041 243.469 18.3973 243.598 17.628C244.585 18.91 245.545 20.159 246.617 21.551H254.283C254.283 20.46 254.234 19.387 254.314 18.324C254.337 18.024 254.738 17.757 254.966 17.475C255.194 17.718 255.644 17.992 255.615 18.201C255.104 21.962 257.287 24.937 258.463 28.209C258.875 29.2901 259.111 30.4302 259.163 31.586C259.246 35.672 259.226 39.76 259.175 43.848C259.162 44.875 259.475 45.212 260.507 45.176C262.548 45.106 264.591 45.155 266.772 45.155V38.735C267.542 38.5994 268.233 38.1807 268.71 37.5611C269.187 36.9415 269.414 36.1659 269.348 35.387C269.365 32.687 269.318 29.994 269.385 27.3C269.409 27.0468 269.486 26.8015 269.612 26.5804C269.738 26.3592 269.909 26.1672 270.114 26.017C272.568 24.517 275.063 23.088 277.575 21.688C278.07 21.4289 278.622 21.295 279.181 21.298C293.84 21.2773 308.501 21.2773 323.162 21.298C323.634 21.283 324.102 21.3905 324.521 21.61C327.021 23.12 329.484 24.68 331.849 26.154C331.662 26.6553 331.53 27.1758 331.458 27.706C331.421 30.271 331.398 32.838 331.465 35.406C331.522 36.2645 331.702 37.1104 331.999 37.918C332.083 38.177 332.54 38.412 332.862 38.472C333.422 38.5272 333.985 38.5353 334.546 38.496V45.055H339.89V43.647C339.89 40.472 339.979 37.294 339.859 34.124C339.892 31.969 340.317 29.8381 341.115 27.836C342.039 25.004 343.567 24.111 346.498 24.35C350.138 24.65 353.822 24.424 357.487 24.415C357.998 24.415 358.507 24.348 359.087 24.308C358.352 23.17 357.965 22.32 359.041 21.129C359.615 20.492 359.401 19.153 359.557 18.129C360.016 15.138 360.486 12.149 360.945 9.159C360.977 8.953 361.057 8.645 360.956 8.544C360.299 7.887 360.814 7.444 361.095 6.844C361.442 6.098 361.668 5.196 360.84 4.602C361.07 4.238 361.294 3.882 361.515 3.529C361.78 3.75676 361.947 4.07859 361.98 4.42679C362.013 4.77498 361.91 5.12242 361.692 5.396C361.625 5.55962 361.618 5.74129 361.67 5.91C362.317 9.018 362.156 12.21 362.691 15.335C362.937 16.771 362.955 18.245 363.077 19.703C363.137 20.42 362.902 21.09 363.734 21.741C364.184 22.093 364.304 23.431 363.27 24.417C364.403 24.4802 365.538 24.4708 366.67 24.389C368.247 24.184 369.07 24.803 369.789 26.189C370.577 27.5769 370.985 29.1481 370.972 30.744C370.872 35.003 370.94 39.266 370.94 43.528V45.01L0 45.1696ZM33.12 45.163H51.572C53.43 45.163 53.879 44.445 53.062 42.694C52.3973 41.0546 51.1292 39.7325 49.519 39C47.8551 38.2655 46.0899 37.7864 44.283 37.579C40.231 37.259 36.595 38.325 33.911 41.653C33.4983 42.1257 33.2099 42.6938 33.0718 43.3059C32.9337 43.918 32.9503 44.5549 33.12 45.159M306.544 37.48C306.766 36.8366 306.924 36.1726 307.015 35.498C307.082 33.763 306.999 32.022 307.053 30.286C307.081 29.379 306.769 29.086 305.853 29.093C301.974 29.136 298.094 29.108 294.215 29.117C293.95 29.128 293.685 29.1598 293.425 29.212V37.479L306.544 37.48ZM310.684 29.116C310.684 31.543 310.628 33.791 310.711 36.034C310.684 36.2559 310.711 36.481 310.789 36.6905C310.867 36.8999 310.994 37.0877 311.159 37.2381C311.324 37.3885 311.523 37.4971 311.739 37.5548C311.955 37.6126 312.182 37.6178 312.4 37.57C314.486 37.4369 316.578 37.4369 318.664 37.57C320.08 37.665 320.415 36.912 320.446 35.838C320.501 33.887 320.496 31.931 320.426 29.982C320.377 29.7887 320.28 29.611 320.144 29.4658C320.007 29.3205 319.836 29.2125 319.646 29.152C316.736 29.091 313.825 29.116 310.684 29.116ZM289.176 37.533C289.304 36.446 289.469 35.447 289.529 34.442C289.589 33.437 289.553 32.442 289.539 31.442C289.501 28.731 289.91 29.142 287.179 29.111C284.843 29.089 282.506 29.111 280.061 29.111C280.061 31.551 279.996 33.804 280.106 36.049C280.134 36.613 280.106 37.571 281.265 37.549C283.788 37.5 286.313 37.534 289.178 37.534M293.013 45.026H307.345C307.551 43.7088 307.259 42.3622 306.526 41.2483C305.794 40.1344 304.673 39.333 303.382 39C301.369 38.3863 299.221 38.3714 297.2 38.957C294.352 39.771 292.862 41.905 293.011 45.029M330.572 29.115H324.482C321.477 29.115 321.455 29.115 321.482 32.109C321.5 33.893 321.597 35.676 321.661 37.535C324.473 37.535 326.909 37.56 329.342 37.502C329.524 37.4566 329.691 37.3655 329.827 37.2374C329.964 37.1093 330.066 36.9484 330.123 36.77C330.315 34.289 330.423 31.802 330.569 29.115M278.504 37.539C279.495 34.893 278.886 32.239 278.987 29.639C278.994 29.476 278.594 29.153 278.381 29.15C275.743 29.116 273.106 29.128 270.361 29.128C270.361 31.559 270.305 33.809 270.388 36.054C270.363 36.2759 270.392 36.5006 270.471 36.7093C270.551 36.9179 270.679 37.1046 270.845 37.2535C271.012 37.4025 271.211 37.5095 271.428 37.5656C271.644 37.6217 271.87 37.6253 272.088 37.576C274.167 37.446 276.26 37.541 278.501 37.541M26.318 45.158C26.5814 44.6208 26.6291 44.0031 26.4513 43.4318C26.2735 42.8604 25.8837 42.3789 25.362 42.086C24.3331 41.3681 23.2475 40.735 22.116 40.193C18.242 38.61 14.81 40.335 12.511 42.653C12.111 43.06 12.211 44.013 12.191 44.715C12.191 44.856 12.697 45.137 12.971 45.139C17.404 45.165 21.837 45.158 26.318 45.158ZM75.318 45.091L75.688 44.772C75.4449 44.1444 75.1106 43.5561 74.696 43.026C70.849 39.403 66.051 39.326 61.996 42.71C61.6039 42.9487 61.313 43.3228 61.1781 43.7616C61.0432 44.2003 61.0738 44.6733 61.264 45.091H75.318ZM176.49 45.084C176.19 42.353 176.021 39.813 175.575 37.324C175.469 36.7528 175.157 36.2407 174.697 35.8857C174.237 35.5307 173.662 35.3578 173.083 35.4C172.532 35.4222 172.002 35.6171 171.569 35.957C171.135 36.2969 170.819 36.7646 170.665 37.294C169.631 39.843 170.209 42.474 170.101 45.083L176.49 45.084ZM320.29 45.068C320.39 41.837 318.399 39.712 315.455 39.825C314.808 39.8335 314.17 39.9826 313.586 40.2621C313.002 40.5415 312.486 40.9445 312.073 41.4433C311.661 41.942 311.362 42.5245 311.196 43.1504C311.031 43.7763 311.004 44.4306 311.117 45.068H320.29ZM289.367 45.082C289.294 41.537 287.338 39.565 284.338 39.836C283.709 39.8737 283.096 40.0446 282.539 40.3374C281.981 40.6302 281.493 41.0382 281.105 41.5343C280.717 42.0304 280.439 42.6033 280.29 43.2149C280.14 43.8266 280.123 44.463 280.238 45.082H289.367ZM105.13 12.525L102.03 13.103C103.02 15.803 103.937 18.303 104.854 20.803L105.131 20.703L105.13 12.525ZM101.43 33.55L104.23 25.777L103.866 25.61L98.58 31.887L101.428 33.55M114.841 29.021L107.458 24.789L107.289 25.039L112.729 31.517L114.842 29.017M107.058 25.628L106.658 25.78C107.576 28.303 108.492 30.826 109.477 33.532L112.312 31.895L107.054 25.628M98.14 31.535L103.618 25.023L103.405 24.78L96.087 28.992L98.14 31.535ZM94.714 25.452C95.108 26.552 95.434 27.462 95.814 28.511L103.155 24.281C103.112 24.186 103.069 24.092 103.026 23.997L94.717 25.452M94.729 24.891L102.907 23.432L102.878 23.114L94.73 21.684L94.729 24.891ZM108.035 24.039C107.996 24.155 107.958 24.27 107.918 24.386L115.102 28.524C115.478 27.443 115.795 26.535 116.172 25.452L108.035 24.039ZM107.763 22.272L107.842 22.588L116.152 21.104C115.709 20.004 115.352 19.117 114.96 18.136L107.76 22.272M116.186 21.677L107.944 23.135C107.944 23.235 107.944 23.335 107.939 23.435L116.186 24.887V21.677ZM95.9 18.131L94.8 21.131L103.056 22.578L103.151 22.284L95.901 18.131M96.187 17.646L103.446 21.793L103.624 21.553L98.287 15.21L96.187 17.646ZM109.4 13.291C108.409 16.007 107.483 18.545 106.557 21.083L106.809 21.236L112.192 14.847L109.4 13.291ZM112.609 15.217C110.742 17.437 109.029 19.474 107.314 21.51L107.563 21.748L114.7 17.621L112.609 15.221M98.733 14.881L104.039 21.161L104.31 20.991C103.388 18.468 102.465 15.946 101.486 13.268L98.734 14.881M105.795 20.729L106.083 20.764C106.983 18.264 107.889 15.764 108.858 13.081L105.795 12.567V20.729ZM308.049 29.273C308.049 31.379 307.985 33.455 308.086 35.521C308.237 36.2183 308.497 36.8872 308.857 37.503C309.219 36.8778 309.483 36.201 309.641 35.496C309.755 33.77 309.631 32.029 309.696 30.296C309.739 29.155 309.23 28.94 308.049 29.27M291.717 37.612C291.917 36.7367 292.064 35.8501 292.156 34.957C292.227 33.443 292.111 31.92 292.196 30.408C292.268 29.12 291.73 28.914 290.681 29.247C290.057 33.059 290.444 36.893 291.717 37.612ZM141.585 20.846L140.971 20.934C141.345 23.914 141.719 26.893 142.094 29.871H143.646C142.946 26.792 142.265 23.818 141.586 20.845M53.37 30.876C53.403 31.494 53.425 31.893 53.45 32.361L59.75 32.854L60.05 32.52C59.799 32.153 59.587 31.507 59.291 31.466C57.405 31.202 55.501 31.072 53.375 30.876M52.014 30.605C50.072 30.605 48.214 30.58 46.361 30.636C46.111 30.643 45.873 31.053 45.63 31.277C45.888 31.529 46.13 31.977 46.407 31.999C48.136 32.13 49.872 32.169 51.607 32.228C51.7498 32.1997 51.8872 32.1487 52.014 32.077V30.605ZM53.592 33.691C53.475 33.806 53.36 33.921 53.244 34.036C53.471 34.393 53.662 35.027 53.93 35.061C55.856 35.309 57.797 35.434 59.741 35.599C60.041 34.752 59.989 34.221 59.041 34.144C57.225 33.999 55.412 33.844 53.597 33.691M52 34.72C52.181 33.998 52.064 33.538 51.173 33.52C49.61 33.493 48.048 33.369 46.485 33.374C46.199 33.374 45.914 33.793 45.63 34.019C45.865 34.251 46.095 34.679 46.336 34.687C48.19 34.743 50.046 34.718 52.001 34.718M14.63 33.932C16.06 33.786 17.465 33.626 18.873 33.502C19.857 33.416 20.167 32.98 19.673 31.937C18.288 32.108 16.888 32.337 15.478 32.437C14.453 32.509 14.372 33.003 14.629 33.931M19.715 34.756C18.26 34.914 16.815 35.084 15.359 35.225C14.406 35.318 14.347 35.831 14.688 36.668C16.088 36.538 17.503 36.368 18.92 36.288C19.952 36.23 20.014 35.71 19.72 34.756M13.044 32.722C11.675 32.922 10.355 33.122 9.03296 33.301C7.99696 33.44 7.86896 33.969 8.30396 34.84C9.59496 34.671 10.837 34.458 12.087 34.362C13.087 34.285 13.387 33.84 13.044 32.722ZM21.344 35.922L26.298 35.433C26.176 34.413 25.798 34.014 24.826 34.202C23.929 34.3563 23.0219 34.4435 22.112 34.463C21.178 34.503 21.037 34.976 21.344 35.922ZM13.028 35.522C11.623 35.722 10.306 35.955 8.97998 36.094C8.03898 36.194 7.95797 36.661 8.25897 37.545C9.57397 37.364 10.88 37.129 12.197 37.022C13.165 36.943 13.36 36.522 13.028 35.522ZM2.22897 35.807C3.40197 35.616 4.61098 35.374 5.82898 35.235C6.79998 35.125 6.97197 34.661 6.62097 33.684C5.42697 33.884 4.24696 34.124 3.05396 34.258C2.16896 34.358 1.93398 34.775 2.22598 35.806M25.816 31.368C24.616 31.468 23.422 31.621 22.228 31.657C21.154 31.69 21.006 32.186 21.354 33.173C22.466 33.073 23.571 32.919 24.68 32.886C25.646 32.857 25.971 32.422 25.816 31.368ZM2.29196 38.508C3.53096 38.308 4.76596 38.115 5.99796 37.899C6.90396 37.74 6.95697 37.227 6.54697 36.469C5.34697 36.659 4.19898 36.863 3.03998 37.019C2.10998 37.143 1.86797 37.586 2.29297 38.507M76.503 35.353L76.839 35.099C76.647 34.699 76.53 34.035 76.25 33.959C74.991 33.615 73.685 33.44 72.437 33.21C72.082 34.231 72.352 34.656 73.191 34.781C74.299 34.946 75.4 35.16 76.503 35.353ZM65.398 33.553L65.736 33.27C65.474 32.87 65.277 32.191 64.936 32.112C63.7385 31.8877 62.5297 31.7288 61.315 31.636V33.046L65.394 33.552M92.404 29.628L92.784 29.639C93.184 28.366 93.584 27.092 94.066 25.558L91.187 26.103L92.404 29.628ZM98.129 32.387L96.3 34.656L99.529 36.581L99.743 36.307C99.238 35.091 98.733 33.876 98.118 32.399M91.161 21.075V24.806C91.241 24.851 91.32 24.895 91.401 24.939L94.001 21.578L91.166 21.078M91.449 19.746L91.761 20.035L95.328 17.785L92.784 16.385L91.448 19.747M95.494 29.361L92.978 30.832C93.841 31.887 94.584 32.796 95.494 33.907V29.361ZM105.2 11.813C105.253 11.1538 105.242 10.491 105.166 9.834C105.098 9.539 104.666 9.097 104.427 9.112C103.462 9.172 102.506 9.385 101.547 9.541C101.524 9.654 101.501 9.767 101.479 9.88L105.199 11.814M97.081 11.669L97.192 12.076L101.209 12.566C100.852 11.593 100.579 10.844 100.242 9.923L97.081 11.669ZM95.948 12.498L93.529 15.311L93.775 15.587L97.814 14.676L95.951 12.5M72.009 35.938C72.341 36.663 72.442 37.291 72.688 37.353C73.968 37.675 75.288 37.853 76.588 38.08L76.839 37.754C76.639 37.398 76.508 36.798 76.239 36.728C74.995 36.409 73.712 36.238 72.012 35.938M60.912 34.373C61.329 35.088 61.495 35.748 61.787 35.809C62.96 36.053 64.174 36.109 65.354 36.238C65.78 35.29 65.561 34.858 64.579 34.79C63.511 34.717 62.451 34.553 60.912 34.373ZM109.751 34.265C110.13 35.278 110.395 35.986 110.734 36.892L113.853 35.133L113.721 34.791L109.751 34.265ZM106.58 9.031C106.52 9.144 106.459 9.257 106.398 9.37L109.116 12.346L110.082 9.727L106.582 9.027M119.682 25.536V21.648L117.123 25L119.684 25.536M78.141 34.284C77.986 35.827 78.48 36.084 81.726 36.336C82.118 35.547 81.956 35.036 81.019 34.862C80.082 34.688 79.156 34.489 78.141 34.284ZM70.629 34.337L71.102 34.111C70.863 33.702 70.702 33.025 70.373 32.934C69.294 32.6889 68.2009 32.5105 67.1 32.4C66.741 33.409 66.958 33.849 67.925 33.924C68.831 33.994 69.725 34.195 70.625 34.338M118.479 17.206L118.109 17.216L116.922 20.955L119.65 20.475C119.217 19.265 118.85 18.236 118.479 17.207M112.679 14.244C113.344 13.435 113.84 12.833 114.443 12.1L111.413 10.3L111.172 10.547L112.679 14.24M117.343 31.607L117.143 31.265L113.253 32.131L115.066 34.202L117.346 31.602M118.193 30.262C118.654 29.085 119.066 28.032 119.478 26.98L119.199 26.766L115.827 28.898L118.193 30.262ZM117.813 15.82C116.952 14.82 116.23 13.986 115.506 13.15L115.195 13.35C115.272 14.565 115.35 15.779 115.438 17.171L117.813 15.817M66.633 35.168C66.993 35.8 67.143 36.433 67.433 36.505C68.545 36.78 69.702 36.875 70.855 37.04C70.941 35.513 70.941 35.513 66.634 35.169M103.642 37.715C103.808 36.005 102.513 35.515 101.718 34.406L100.734 37.036L103.642 37.715ZM107.269 34.089L108.94 33.663C108.378 32.152 107.859 30.756 107.34 29.363L107.04 29.452C107.115 30.952 107.191 32.452 107.273 34.09M40.525 30.642C40.925 32.162 41.482 32.336 44.218 31.842V30.642H40.525ZM78.157 37.062C77.848 37.995 77.98 38.498 78.896 38.555C79.625 38.601 80.354 38.712 81.081 38.699C81.342 38.694 81.597 38.407 81.856 38.248C81.656 38.064 81.489 37.769 81.256 37.711C80.256 37.463 79.243 37.283 78.156 37.062M103.7 34.111V29.431L103.521 29.393L101.966 33.666L103.7 34.111ZM44.428 34.646C44.241 34.075 44.146 33.405 43.996 33.392C43.0928 33.3034 42.1821 33.3276 41.285 33.464C41.066 33.5 40.953 34.173 40.752 34.646H44.428ZM116.88 23.9L117.191 23.976C117.83 23.14 118.469 22.303 119.358 21.138L116.734 21.624C116.789 22.475 116.834 23.188 116.88 23.9ZM116.704 25.6C116.451 26.435 116.23 27.157 115.92 28.175L119 26.222C118.963 26.127 118.927 26.032 118.891 25.937L116.7 25.6M112.622 32.315L110.441 33.782L113.923 34.218C113.959 34.118 113.996 34.025 114.032 33.928L112.622 32.315ZM173.822 10.671L173.165 8.915C172.915 9.47092 172.74 10.0578 172.646 10.66C172.723 11.1844 172.89 11.6917 173.138 12.16L173.822 10.672M115.3 29.27L113.659 31.462L117.494 30.603L115.3 29.27ZM115.453 17.87C115.821 18.684 116.111 19.324 116.553 20.296L117.618 16.967L117.376 16.76L115.454 17.871M109.578 12.763L111.971 13.972L110.471 10.448L109.576 12.762M114.625 16.568V12.844L112.978 14.816L114.625 16.567M105.9 9.693C105.471 12.126 105.73 12.386 108.074 12.056L105.9 9.693ZM30.6 35.158L34.881 34.851L32.881 34.192C32.43 34.041 31.919 33.687 31.546 33.798C31.209 33.898 31.023 34.506 30.596 35.158M101.874 12.563L104.355 12.014L101.115 10.358C101.26 10.907 101.307 11.152 101.391 11.385C101.522 11.744 101.679 12.093 101.873 12.564M109.761 36.53C109.381 34.088 108.853 33.8 107.074 35.096L109.761 36.53ZM100.283 36.157C101.473 34.001 101.36 33.74 99.07 33.172C99.464 34.14 99.828 35.036 100.283 36.157ZM100.143 13.311C100.119 13.216 100.095 13.12 100.072 13.025L96.84 12.6L98.391 14.433L100.149 13.311M96.283 33.7L97.802 31.915L96.309 30.325L96.05 30.461C96.119 31.422 96.188 32.383 96.283 33.7ZM95.728 17.358L97.028 15.704L96.828 15.467L93.702 16.202L95.721 17.358M171.475 12.811C172.635 11.864 172.128 10.776 172.214 9.868C172.245 9.546 171.994 9.199 171.871 8.863L171.471 8.979L171.475 12.811ZM93.391 29.55L93.644 29.758C94.185 29.433 94.728 29.109 95.326 28.751C95.032 28.066 94.769 27.451 94.381 26.543L93.391 29.55ZM174.209 8.976C173.743 10.976 173.944 12.189 174.779 12.438C175.079 9.847 174.985 9.283 174.209 8.976ZM94.241 21.026C94.465 20.306 94.659 19.684 94.852 19.063L94.598 18.909L92.242 20.417L92.402 20.7L94.241 21.026ZM93.98 22.552L91.8 25.338L94.088 24.978C94.052 24.209 94.024 23.585 93.976 22.552M107.3 37.736L109.366 37.19C109.346 37.09 109.327 36.984 109.308 36.881L107.3 35.932V37.736ZM39.922 33.655L39.642 33.337C39.2593 33.4602 38.8879 33.6161 38.532 33.803C38.2458 34.0231 37.9833 34.2724 37.749 34.547C38.143 34.609 38.62 34.838 38.911 34.695C39.32 34.495 39.592 34.014 39.923 33.654M26.968 32.463L27.323 32.856L29 31.356C27.531 30.984 26.944 31.329 26.968 32.463ZM38 30.546C37.9 30.621 37.8 30.696 37.693 30.77C37.752 31.151 37.71 31.797 37.886 31.862C38.4215 31.9941 38.9726 32.053 39.524 32.037C39.565 31.9 39.607 31.762 39.649 31.625L38 30.546ZM83.314 35.534C83.172 36.943 83.186 36.957 84.526 36.857C84.862 35.805 84.348 35.482 83.314 35.534ZM27.2 34.064C27.152 34.192 27.1 34.319 27.057 34.447L28.434 35.247C28.555 34.862 28.676 34.476 28.858 33.899L27.199 34.06' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right bottom;
  z-index: 1;
}

@media (width >= 768px) {
  .utrecht-page-footer {
    padding-block-end: 0;
  }
  .utrecht-page-footer .utrecht-page-footer__navigation {
    position: relative;
    padding-block-start: 40px;
    padding-block-end: 8px;
  }
}
@media (width <= 825px) {
  footer.utrecht-page-footer .utrecht-page-footer__navigation {
    padding-block-end: 60px;
  }
}
/*
 * CUSTOM OVERRIDE
 * Reason: Increase max width of the input field for 'woonplaatsInwonerAanvragerPrefill' to 100%
 * Related Component: utrecht-textbox--openforms
 * Safe to remove when: No longer needed for the specific form
 * Last verified: 2026-01-13 (OF 3.4.0-leiden.1)
 */
input.utrecht-textbox--openforms[name="data[woonplaatsInwonerAanvragerPrefill]"] {
  max-inline-size: 100%;
}

/*
 * CUSTOM OVERRIDE
 * Reason: Styling the partners form field to match the design tokens
 * Related Component: openforms-form-field--partners
 * Safe to remove when: OF or NLDS includes tokens for the component
 * Last verified: 2026-01-14 (OF 3.4.0-leiden.1)
 */
.utrecht-form-field--partners .utrecht-data-list {
  margin-block-end: var(--basis-space-row-3xl);
}

.utrecht-form-field--partners .utrecht-data-list .utrecht-data-list__item-key {
  font-weight: var(--basis-text-font-weight-default);
  line-height: var(--basis-text-line-height-md);
}

.utrecht-form-field--partners .utrecht-data-list .utrecht-data-list__item-value {
  font-weight: var(--basis-text-font-weight-bold);
  line-height: var(--basis-text-line-height-md);
}

/*
  * CUSTOM OVERRIDE
  * Reason: Add spacing between items and make the value bold
  * Related Component: openforms-editgrid
  * Safe to remove when: OF or NLDS includes tokens for the component
  * Last verified: 2026-03-04 (OF 3.4.4)
  */
.openforms-editgrid .utrecht-data-list__item {
  margin-block-end: var(--basis-space-block-sm);
}

.openforms-editgrid .utrecht-data-list__item-value.utrecht-data-list__item-value--html-dd {
  font-weight: 700;
}

/*
 * CUSTOM OVERRIDE
 * Reason: Styling the summary component to match the design tokens
 * Related Component: openforms-summary
 * Safe to remove when: OF or NLDS includes tokens for the component
 * Last verified: 2026-01-13 (OF 3.4.0-leiden.1)
 */
.openforms-summary {
  padding-block: var(--basis-space-block-md) var(--basis-space-block-3xl);
  border-top: var(--basis-border-width-sm) solid var(--basis-color-default-border-default);
}

.openforms-summary .openforms-summary__header h2.utrecht-heading-2.utrecht-heading-2--openforms-summary-step-name {
  font-size: var(--basis-text-font-size-xl);
  font-weight: var(--basis-text-font-weight-bold);
  line-height: var(--basis-text-line-height-lg);
}

.openforms-summary .openforms-summary__header {
  padding-block-end: var(--basis-space-block-md);
}

.openforms-summary .utrecht-data-list.utrecht-data-list--openforms {
  gap: var(--basis-space-row-lg);
}

.openforms-summary .utrecht-data-list--openforms .utrecht-data-list__item-key {
  font-weight: var(--basis-text-font-weight-default);
  line-height: var(--basis-text-line-height-md);
}

.openforms-summary .utrecht-data-list--openforms .utrecht-data-list__item-value {
  font-weight: var(--basis-text-font-weight-bold);
  line-height: var(--basis-text-line-height-md);
}

.openforms-summary .utrecht-data-list.utrecht-data-list--openforms .utrecht-data-list__item.utrecht-data-list__item--openforms-fieldset .utrecht-data-list__item-key {
  font-size: var(--basis-text-font-size-lg);
  margin-block-end: 0;
}

.openforms-summary .utrecht-data-list__item:not(.utrecht-data-list__item--openforms-fieldset) dd.utrecht-data-list__item-value.utrecht-data-list__item-value--html-dd:empty::before {
  content: "–";
}

/*
  * CUSTOM OVERRIDE
  * Reason: Styling the statement checkboxes to match our design
  * Related Component: openforms-statement-checkboxes
  * Safe to remove when: OF or NLDS includes tokens for the component
  * Last verified: 2026-03-03 (OF 3.4.4)
  */
.openforms-statement-checkboxes .openforms-privacy-checkbox {
  border-top: var(--basis-border-width-sm) solid var(--basis-color-default-border-default);
  padding-block-start: var(--basis-space-block-4xl);
}

.openforms-statement-checkboxes .openforms-privacy-checkbox:first-child {
  border-top: var(--basis-border-width-sm) solid var(--basis-color-default-border-default);
  padding-block-end: var(--basis-space-block-3xl);
}

/*
  * CUSTOM OVERRIDE
  * Reason: Styling the children component table to match the design tokens
  * Related Component: openforms-children
  * Safe to remove when: OF or NLDS includes tokens for the component
  * Last verified: 2026-01-14 (OF 3.4.0-leiden.1)
  */
.openforms-children {
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  margin-block-end: var(--basis-space-block-3xl);
}

.openforms-children table.utrecht-table,
.openforms-children .utrecht-table--html-table > thead,
.openforms-children .utrecht-table__header,
.openforms-children .utrecht-table__header .utrecht-table__row {
  background-color: var(--basis-color-default-bg-hover);
  font-weight: var(--basis-text-font-weight-default);
}

.openforms-children .utrecht-table__header-cell {
  font-weight: var(--basis-text-font-weight-default);
}

.openforms-children .utrecht-table__body {
  background-color: var(--basis-color-default-inverse-color-document);
  font-weight: var(--basis-text-font-weight-bold);
}

.openforms-children .utrecht-table__body .utrecht-table__cell {
  border: 0;
  padding-block-end: var(--basis-space-block-sm);
  padding-block-start: var(--basis-space-block-sm);
}

.openforms-children .utrecht-table__body > tr:nth-child(even) {
  background-color: var(--basis-color-default-bg-hover);
}

.openforms-children .utrecht-table__body > tr > .utrecht-table__cell.openforms-children__actions {
  text-align: end;
}

.openforms-children .openforms-children__actions button.utrecht-button.utrecht-button--subtle {
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  min-block-size: 0;
  min-inline-size: 0;
}

/* stylelint-disable-next-line no-descending-specificity */
.openforms-children .openforms-children__actions .utrecht-icon {
  font-size: var(--basis-form-control-font-size);
  color: var(--basis-color-action-2-color-default);
}

.openforms-children .openforms-children__actions .utrecht-button--subtle:hover .utrecht-icon {
  color: var(--basis-color-action-2-color-hover);
}

/*
* CUSTOM OVERRIDE
* Reason: Styling invalid form fields to match design
* Related Component: openforms-form-field
* Safe to remove when: OF or NLDS includes tokens for the component
* Last verified: 2026-01-14 (OF 3.4.0-leiden.1)
*/
input.is-invalid,
.utrecht-form-field--invalid .utrecht-textbox--openforms-date-day,
.utrecht-form-field--invalid .utrecht-textbox--openforms-date-month,
.utrecht-form-field--invalid .utrecht-textbox--openforms-date-year {
  border: 2px solid #f14848;
  background-color: #feeded;
  color: #96190b;
}

.utrecht-form-fieldset--invalid,
.utrecht-form-field--invalid,
[ref=component].has-error > .utrecht-form-field,
[ref=component].formio-error-wrapper > .utrecht-form-field,
[ref=component].formio-error-wrapper > .utrecht-form-fieldset {
  border-inline-start-width: 0;
  padding-inline-start: 0;
}

.utrecht-form-field-description.utrecht-form-field-description--openforms-errors,
.utrecht-form-field.utrecht-form-field--file .utrecht-form-field-description.bg-error {
  font-weight: var(--basis-text-font-weight-regular);
}

.utrecht-form-field-description.utrecht-form-field-description--openforms-errors .form-text.error::before,
.utrecht-form-field.utrecht-form-field--file .utrecht-form-field-description.bg-error::before,
.utrecht-form-field--invalid .utrecht-form-field-description--invalid.utrecht-form-field-description--openforms-errors::before,
.utrecht-form-field--invalid .openforms-charcount::before {
  content: "\f06a";
  font-family: "Font Awesome 6 Free", sans-serif;
  font-weight: var(--fa-style, 900);
  display: inline-block;
  margin-inline-end: var(--basis-space-column-sm);
}

[ref=component].has-error > .utrecht-form-field .form-text.error,
[ref=component].formio-error-wrapper > .utrecht-form-field .form-text.error {
  display: inline-block;
}

/*
 * CUSTOM OVERRIDE
 * Reason: Styling the back to top link to match design
 * Related Component: openforms-backtotop-link
 * Safe to remove when: OF or NLDS includes tokens for the component
 * Last verified: 2026-01-20 (OF 3.4.0-leiden.1)
 */
.utrecht-link.openforms-backtotop-link {
  width: fit-content;
}

/* stylelint-disable-next-line no-descending-specificity */
.utrecht-link.openforms-backtotop-link .utrecht-icon {
  color: var(--basis-color-action-2-color-default);
}

/* stylelint-disable-next-line no-descending-specificity */
.utrecht-link.openforms-backtotop-link:focus .utrecht-icon {
  color: var(--basis-focus-inverse-outline-color);
}

/*
  * CUSTOM OVERRIDE
  * Reason: Adding gap between form fields to match design tokens
  * Related Component: openforms-form-field-container, formio-form
  * Safe to remove when: OF or NLDS includes tokens for the component
  * Last verified: 2026-01-20 (OF 3.4.0-leiden.1)
  */
.openforms-form-field-container,
.formio-form {
  gap: var(--basis-size-xs);
}

/*
  * CUSTOM OVERRIDE
  * Reason: Styling radio buttons in openforms to match design
  * Related Component: openforms-form-field--radio
  * Safe to remove when: OF or NLDS includes tokens for the component
  * Last verified: 2026-01-21 (OF 3.4.0-leiden.1)
  */
.utrecht-form-field.utrecht-form-field--openforms.utrecht-form-field--radio .utrecht-form-label--radio {
  padding-block-start: 0;
  margin-block-end: 0;
}

.utrecht-form-field.utrecht-form-field--openforms.utrecht-form-field--radio .utrecht-radio-button {
  margin-block-start: 0;
}

/*
  * CUSTOM OVERRIDE
  * Reason: Adding margin between radio and checkbox form fields in openforms to match design tokens
  * Related Component: openforms-form-field--radio, openforms-form-field--checkbox
  * Safe to remove when: OF or NLDS includes tokens for the component
  * Last verified: 2026-03-04 (OF 3.4.4)
  */
.utrecht-form-field.utrecht-form-field--radio.utrecht-form-field--openforms,
.utrecht-form-field.utrecht-form-field--checkbox.utrecht-form-field--openforms {
  margin-block-end: var(--basis-space-block-md);
}

/*
  * CUSTOM OVERRIDE
  * Reason: Styling form field descriptions in openforms to match design tokens
  * Related Component: utrecht-form-description--openforms
  * Safe to remove when: OF or NLDS includes tokens for the component
  * Last verified: 2026-03-03 (OF 3.4.4)
  */
.utrecht-form-description--openforms {
  color: var(--utrecht-form-field-description-color);
}

/*
  * CUSTOM OVERRIDE
  * Reason: Removing margin between checkbox and description in openforms to match design tokens
  * Related Component: openforms-form-field--checkbox
  * Safe to remove when: OF or NLDS includes tokens for the component
  * Last verified: 2026-03-26 (OF 3.4.6)
  */
.utrecht-form-field--checkbox .utrecht-form-field-description {
  margin-block-end: 0;
}

/*
  * CUSTOM OVERRIDE
  * Reason: Styling checkboxes in openforms to match design
  * Related Component: openforms-form-field--checkbox
  * Safe to remove when: OF or NLDS includes tokens for the component
  * Last verified: 2026-03-26 (OF 3.4.6)
  */
.utrecht-form-field--checkbox .utrecht-custom-checkbox:not(:checked) {
  background-color: var(--basis-form-control-background-color);
}

/*
  * CUSTOM OVERRIDE
  * Reason: Styling checkboxes in openforms to match design
  * Related Component: openforms-form-field--checkbox
  * Safe to remove when: OF or NLDS includes tokens for the component
  * Last verified: 2026-01-21 (OF 3.4.0-leiden.1)
  */
.utrecht-form-field.utrecht-form-field--openforms.utrecht-form-field--checkbox .utrecht-form-label--checkbox {
  padding-block-start: 0;
  margin-block-end: 0;
}

.utrecht-form-field.utrecht-form-field--openforms.utrecht-form-field--checkbox .utrecht-custom-checkbox,
.utrecht-form-field.utrecht-form-field--openforms.utrecht-form-field--checkbox .utrecht-checkbox--custom {
  margin-block-start: 0;
}

/*
 * CUSTOM OVERRIDE
 * Reason: Adding external link icon to footer links that open in a new tab
 * Related Component: utrecht-page-footer
 * Safe to remove when: NLDS includes this feature natively
 * Last verified: 2026-01-21 (OF 3.4.0-leiden.1)
 */
.utrecht-page-footer a[href^="https://"]::after {
  content: "\f08e";
  font-family: "Font Awesome 6 Free", sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
  margin-inline-start: 0.5rem;
}

/*
  * CUSTOM OVERRIDE
  * Reason: Styling the datepicker toggle icon to match design tokens
  * Related Component: openforms-datepicker-textbox
  * Safe to remove when: OF or NLDS includes tokens for the component
  * Last verified: 2026-03-03 (OF 3.4.4)
  */
.openforms-datepicker-textbox .openforms-datepicker-textbox__calendar-toggle {
  font-size: 100%;
}