/**
 * Do not edit directly, this file was auto-generated.
 */

.start-theme {
  --lux-login-link-hover-color: var(--basis-color-action-2-color-hover);
  --lux-login-link-hover-border-color: var(--basis-color-default-border-hover);
  --lux-login-link-hover-background-color: var(--basis-color-default-bg-hover);
  --lux-login-link-active-color: var(--basis-color-action-2-color-active);
  --lux-login-link-active-border-color: var(--basis-color-default-border-active);
  --lux-login-link-active-background-color: var(--basis-color-default-bg-active);
  --lux-login-link-icon-size: var(--basis-size-icon-4xl);
  --lux-login-link-padding-inline-start: var(--basis-space-inline-md);
  --lux-login-link-padding-inline-end: var(--basis-space-inline-md);
  --lux-login-link-padding-block-start: var(--basis-space-block-md);
  --lux-login-link-padding-block-end: var(--basis-space-block-md);
  --lux-login-link-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --lux-login-link-min-block-size: var(--basis-pointer-target-min-block-size);
  --lux-login-link-line-height: var(--basis-text-line-height-md);
  --lux-login-link-font-weight: var(--basis-text-font-weight-bold);
  --lux-login-link-font-size: var(--basis-text-font-size-md);
  --lux-login-link-font-family: var(--basis-text-font-family-default);
  --lux-login-link-column-gap: var(--basis-space-text-lg);
  --lux-login-link-color: var(--basis-color-action-2-color-default);
  --lux-login-link-border-width: var(--basis-border-width-sm);
  --lux-login-link-border-radius: var(--basis-border-radius-md);
  --lux-login-link-border-color: var(--basis-color-default-border-default);
  --lux-login-link-background-color: var(--basis-color-transparent);
  --rhc-navigation-list-item-label-line-height: var(--basis-text-line-height-md);
  --rhc-navigation-list-item-label-font-weight: var(--basis-text-font-weight-bold);
  --rhc-navigation-list-item-label-font-size: var(--basis-text-font-size-md);
  --rhc-navigation-list-item-label-font-family: var(--basis-text-font-family-default);
  --rhc-navigation-list-item-label-color: var(--basis-heading-color);
  --rhc-navigation-list-item-icon-start-size: var(--basis-size-icon-md);
  --rhc-navigation-list-item-icon-start-padding-inline: var(--basis-space-inline-md);
  --rhc-navigation-list-item-icon-start-padding-block: var(--basis-space-block-md);
  --rhc-navigation-list-item-icon-start-color: var(--basis-color-accent-1-inverse-color-default);
  --rhc-navigation-list-item-icon-start-border-radius: var(--basis-border-radius-round);
  --rhc-navigation-list-item-icon-start-background-color: var(--basis-color-accent-1-inverse-bg-default);
  --rhc-navigation-list-item-icon-end-color: var(--basis-color-action-2-color-default);
  --rhc-navigation-list-item-description-line-height: var(--basis-text-line-height-md);
  --rhc-navigation-list-item-description-font-size: var(--basis-text-font-size-md);
  --rhc-navigation-list-item-description-color: var(--basis-color-default-color-subtle);
  --rhc-navigation-list-item-content-row-gap: var(--basis-space-row-sm); /* [code-only] */
  --rhc-navigation-list-item-content-column-gap: var(--basis-space-column-md); /* [code-only] */
  --rhc-navigation-list-item-focus-background-color: var(--basis-color-transparent);
  --rhc-navigation-list-item-hover-background-color: var(--basis-color-default-bg-hover);
  --rhc-navigation-list-item-active-background-color: var(--basis-color-default-bg-active);
  --rhc-navigation-list-item-padding-inline: var(--basis-space-inline-xl);
  --rhc-navigation-list-item-padding-block: var(--basis-space-block-lg);
  --rhc-navigation-list-item-min-height: var(--basis-pointer-target-min-block-size);
  --rhc-navigation-list-item-column-gap: var(--basis-space-column-xl);
  --rhc-navigation-list-item-border-width: var(--basis-border-width-sm);
  --rhc-navigation-list-item-border-color: var(--basis-color-default-border-subtle);
  --rhc-navigation-list-item-background-color: var(--basis-color-transparent);
  --rhc-dot-badge-inline-size: var(--basis-size-3xs);
  --rhc-dot-badge-color: var(--basis-color-accent-1-inverse-bg-default);
  --rhc-dot-badge-border-radius: var(--basis-border-radius-round);
  --rhc-dot-badge-block-size: var(--basis-size-3xs);
  --denhaag-action-single-details-lg-gap: var(--basis-space-column-xl);
  --denhaag-action-single-details-gap: var(--basis-space-column-md);
  --denhaag-action-single-hover-background-color: var(--basis-color-default-bg-hover);
  --denhaag-action-single-padding-inline-start: var(--basis-space-inline-xl);
  --denhaag-action-single-padding-inline-end: var(--basis-space-inline-xl);
  --denhaag-action-single-padding-block-start: var(--basis-space-block-lg);
  --denhaag-action-single-padding-block-end: var(--basis-space-block-lg);
  --denhaag-action-warning-icon-width: var(--basis-size-icon-md);
  --denhaag-action-warning-icon-color: var(--basis-color-negative-color-default);
  --denhaag-action-link-icon-width: var(--basis-size-icon-md);
  --denhaag-action-link-icon-color: var(--basis-color-action-2-color-default);
  --denhaag-action-details-lg-gap: var(--basis-space-column-xl);
  --denhaag-action-details-gap: var(--basis-space-row-md);
  --denhaag-action-date-warning-gap: var(--basis-space-column-md);
  --denhaag-action-date-warning-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-action-date-warning-color: var(--basis-color-negative-color-default);
  --denhaag-action-date-gap: var(--basis-space-column-md);
  --denhaag-action-date-font-weight: var(--basis-text-font-weight-default);
  --denhaag-action-date-color: var(--basis-color-default-color-document);
  --denhaag-action-context-lg-gap: var(--basis-space-column-xl);
  --denhaag-action-context-gap: var(--basis-space-row-md);
  --denhaag-action-content-bold-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-action-actions-gap: var(--basis-space-row-md);
  --denhaag-action-lg-padding-block-start: var(--basis-space-block-xl);
  --denhaag-action-lg-padding-block-end: var(--basis-space-block-xl);
  --denhaag-action-lg-gap: var(--basis-space-column-xl);
  --denhaag-action-padding-inline-start: var(--basis-space-inline-xl);
  --denhaag-action-padding-inline-end: var(--basis-space-inline-xl);
  --denhaag-action-padding-block-start: var(--basis-space-block-xl);
  --denhaag-action-padding-block-end: var(--basis-space-block-xl);
  --denhaag-action-gap: var(--basis-space-row-md);
  --denhaag-action-font-family: var(--basis-text-font-family-default);
  --denhaag-action-color: var(--basis-color-default-color-document);
  --denhaag-action-border-width: var(--basis-border-width-sm);
  --denhaag-action-border-style: solid; /* [code-only] */
  --denhaag-action-border-radius: var(--basis-border-radius-none);
  --denhaag-action-border-color: var(--basis-color-default-border-subtle);
  --denhaag-action-background-color: var(--basis-color-transparent);
  --denhaag-tabs-tab-panel-padding-inline-start: var(--basis-space-none);
  --denhaag-tabs-tab-panel-padding-inline-end: var(--basis-space-none);
  --denhaag-tabs-tab-panel-padding-block-start: var(--basis-space-block-3xl);
  --denhaag-tabs-tab-panel-padding-block-end: var(--basis-space-block-3xl);
  --denhaag-tabs-tab-panel-outline: 0px; /* [code-only] */
  --denhaag-tabs-tab-indicator-bottom: 0px; /* [code-only] */
  --denhaag-tabs-tab-indicator-border-width: var(--basis-border-width-lg);
  --denhaag-tabs-tab-indicator-border-color: var(--basis-color-default-border-active);
  --denhaag-tabs-tab-selected-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-tabs-tab-selected-color: var(--basis-color-default-color-document);
  --denhaag-tabs-tab-focus-color: var(--basis-focus-color);
  --denhaag-tabs-tab-hover-color: var(--basis-color-action-2-color-hover);
  --denhaag-tabs-tab-outline: 0px; /* [code-only] */
  --denhaag-tabs-tab-padding-inline-start: var(--basis-space-inline-xl);
  --denhaag-tabs-tab-padding-inline-end: var(--basis-space-inline-xl);
  --denhaag-tabs-tab-padding-block-start: var(--basis-space-block-lg);
  --denhaag-tabs-tab-padding-block-end: var(--basis-space-block-lg);
  --denhaag-tabs-tab-line-height: var(--basis-text-line-height-md);
  --denhaag-tabs-tab-font-weight: var(--basis-text-font-weight-default);
  --denhaag-tabs-tab-font-size: var(--basis-text-font-size-md);
  --denhaag-tabs-tab-font-family: var(--basis-text-font-family-default);
  --denhaag-tabs-tab-cursor: pointer; /* [code-only] */
  --denhaag-tabs-tab-color: var(--basis-color-action-2-color-default);
  --denhaag-tabs-tab-background-color: var(--basis-color-transparent);
  --denhaag-tabs-width: 100%; /* [code-only] */
  --denhaag-tabs-border-style: solid; /* [code-only] */
  --denhaag-tabs-border-width: var(--basis-border-width-sm);
  --denhaag-tabs-border-color: var(--basis-color-default-border-subtle);
  --denhaag-step-marker-connector-warning-outline-color: var(--basis-color-warning-border-default);
  --denhaag-step-marker-connector-not-checked-outline-color: var(--basis-color-disabled-border-default);
  --denhaag-step-marker-connector-error-outline-color: var(--basis-color-negative-border-default);
  --denhaag-step-marker-connector-default-outline-color: var(--basis-color-default-border-default);
  --denhaag-step-marker-connector-checked-outline-color: var(--basis-color-positive-border-default);
  --denhaag-step-marker-connector-outline-width: var(--basis-border-width-sm);
  --denhaag-step-marker-nested-icon-size: 12px;
  --denhaag-step-marker-nested-size: var(--basis-size-2xs);
  --denhaag-step-marker-warning-nested-border-color: var(--denhaag-step-marker-warning-border-color);
  --denhaag-step-marker-warning-nested-background-color: var(--denhaag-step-marker-warning-background-color);
  --denhaag-step-marker-warning-color: var(--basis-color-warning-inverse-color-default);
  --denhaag-step-marker-warning-border-color: var(--basis-color-transparent);
  --denhaag-step-marker-warning-background-color: var(--basis-color-warning-inverse-bg-default);
  --denhaag-step-marker-not-checked-color: var(--basis-color-disabled-color-document);
  --denhaag-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-error-color: var(--basis-color-negative-inverse-color-default);
  --denhaag-step-marker-error-border-color: var(--basis-color-transparent);
  --denhaag-step-marker-error-background-color: var(--basis-color-negative-inverse-bg-default);
  --denhaag-step-marker-disabled-color: var(--basis-color-disabled-color-subtle);
  --denhaag-step-marker-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --denhaag-step-marker-disabled-background-color: var(--basis-color-disabled-bg-default);
  --denhaag-step-marker-default-nested-color: var(--basis-color-default-color-document);
  --denhaag-step-marker-default-color: var(--basis-color-default-inverse-color-default);
  --denhaag-step-marker-default-border-color: var(--basis-color-transparent);
  --denhaag-step-marker-default-background-color: var(--basis-color-default-inverse-bg-default);
  --denhaag-step-marker-checked-color: var(--basis-color-positive-inverse-color-default);
  --denhaag-step-marker-checked-border-color: var(--basis-color-transparent);
  --denhaag-step-marker-checked-background-color: var(--basis-color-positive-inverse-bg-default);
  --denhaag-step-marker-current-nested-color: var(--basis-color-default-inverse-color-default);
  --denhaag-step-marker-current-color: var(--basis-color-default-inverse-color-default);
  --denhaag-step-marker-current-border-color: var(--basis-color-transparent);
  --denhaag-step-marker-current-background-color: var(--basis-color-default-inverse-bg-default);
  --denhaag-step-marker-icon-size: var(--basis-size-icon-md);
  --denhaag-step-marker-size: var(--basis-size-sm);
  --denhaag-step-marker-margin: var(--basis-space-none);
  --denhaag-step-marker-padding: var(--basis-space-block-lg);
  --denhaag-step-marker-font-size: var(--basis-text-font-size-md);
  --denhaag-step-marker-font-family: var(--basis-text-font-family-default);
  --denhaag-step-marker-border-width: var(--basis-border-width-md);
  --denhaag-side-navigation-list-margin-inline-start: var(--basis-space-inline-4xl);
  --denhaag-side-navigation-link-label-gap: var(--basis-space-column-md);
  --denhaag-side-navigation-link-hover-color: var(--basis-color-action-2-color-hover);
  --denhaag-side-navigation-link-active-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-side-navigation-link-active-color: var(--basis-color-action-2-color-active);
  --denhaag-side-navigation-link-padding-block-start: var(--basis-space-block-lg);
  --denhaag-side-navigation-link-padding-block-end: var(--basis-space-block-lg);
  --denhaag-side-navigation-link-color: var(--basis-color-action-2-color-default);
  --denhaag-side-navigation-item-margin-inline-start: var(--basis-space-none); /* [code-only] */
  --denhaag-side-navigation-item-margin-inline-end: var(--basis-space-none); /* [code-only] */
  --denhaag-side-navigation-item-margin-block-start: var(--basis-space-none); /* [code-only] */
  --denhaag-side-navigation-item-margin-block-end: var(--basis-space-none); /* [code-only] */
  --denhaag-side-navigation-item-line-height: var(--basis-text-line-height-md);
  --denhaag-side-navigation-item-font-weight: var(--basis-text-font-weight-default);
  --denhaag-side-navigation-item-font-size: var(--basis-text-font-size-md);
  --denhaag-side-navigation-item-font-family: var(--basis-text-font-family-default);
  --denhaag-side-navigation-expand-separator-padding-block-start: var(--basis-space-block-md);
  --denhaag-side-navigation-expand-separator-padding-block-end: var(--basis-space-block-md);
  --denhaag-side-navigation-expand-separator-margin-inline-start: var(--basis-space-column-md);
  --denhaag-side-navigation-expand-separator-margin-inline-end: var(--basis-space-column-md);
  --denhaag-side-navigation-expand-separator-inline-size: var(--basis-border-width-sm);
  --denhaag-side-navigation-expand-separator-color: var(--basis-color-default-border-subtle);
  --denhaag-side-navigation-expand-button-expanded-transform: rotate(180deg);
  --denhaag-side-navigation-expand-button-transition: None;
  --denhaag-side-navigation-expand-button-transform: rotate(0deg);
  --denhaag-side-navigation-expand-button-inline-size: var(--basis-pointer-target-min-block-size);
  --denhaag-side-navigation-expand-button-block-size: var(--basis-pointer-target-min-block-size);
  --denhaag-side-navigation-mobile-display: None;
  --denhaag-side-navigation-row-gap: var(--basis-space-row-3xl);
  --denhaag-side-navigation-min-width: 240px;
  --denhaag-side-navigation-flex-direction: column;
  --denhaag-side-navigation-display: flex;
  --denhaag-process-steps-sub-step-marker-warning-border-color: var(--basis-color-warning-border-default);
  --denhaag-process-steps-sub-step-marker-not-checked-border-color: var(--basis-color-disabled-border-default);
  --denhaag-process-steps-sub-step-marker-current-border-color: var(--basis-color-default-border-default);
  --denhaag-process-steps-sub-step-marker-checked-border-color: var(--basis-color-positive-border-default);
  --denhaag-process-steps-sub-step-marker-border-color: var(--basis-color-default-border-default);
  --denhaag-process-steps-sub-step-heading-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-process-steps-sub-step-heading-font-size: var(--basis-text-font-size-md);
  --denhaag-process-steps-sub-step-heading-font-familiy: var(--basis-text-font-family-default);
  --denhaag-process-steps-sub-step-heading-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-metaddata-font-size: var(--basis-text-font-size-md);
  --denhaag-process-steps-step-metaddata-color: var(--basis-color-default-color-subtle);
  --denhaag-process-steps-step-marker-warning-color: var(--basis-color-warning-inverse-color-default);
  --denhaag-process-steps-step-marker-warning-border-color: var(--basis-color-transparent);
  --denhaag-process-steps-step-marker-warning-background-color: var(--basis-color-warning-inverse-bg-default);
  --denhaag-process-steps-step-marker-current-color: var(--basis-color-default-inverse-color-default);
  --denhaag-process-steps-step-marker-current-border-width: var(--basis-border-width-md);
  --denhaag-process-steps-step-marker-current-border-color: var(--basis-color-transparent);
  --denhaag-process-steps-step-marker-current-background-color: var(--basis-color-default-inverse-bg-default);
  --denhaag-process-steps-step-marker-checked-color: var(--basis-color-positive-inverse-color-default);
  --denhaag-process-steps-step-marker-checked-border-width: var(--basis-border-width-md);
  --denhaag-process-steps-step-marker-checked-border-color: var(--basis-color-transparent);
  --denhaag-process-steps-step-marker-checked-background-color: var(--basis-color-positive-inverse-bg-default);
  --denhaag-process-steps-step-marker-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-process-steps-step-marker-font-family: var(--basis-text-font-family-default);
  --denhaag-process-steps-step-marker-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-marker-border-width: var(--basis-border-width-md);
  --denhaag-process-steps-step-marker-border-color: var(--basis-color-default-border-default);
  --denhaag-process-steps-step-marker-background-color: var(--basis-color-default-bg-document);
  --denhaag-process-steps-step-line-warning-color: var(--basis-color-warning-border-default);
  --denhaag-process-steps-step-line-checked-color: var(--basis-color-positive-border-default);
  --denhaag-process-steps-step-line-stroke-width: var(--basis-border-width-sm);
  --denhaag-process-steps-step-line-color: var(--basis-color-default-border-default);
  --denhaag-process-steps-step-heading-warning-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-heading-not-checked-color: var(--basis-color-disabled-color-document);
  --denhaag-process-steps-step-heading-current-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-heading-checked-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-heading-line-height: var(--basis-text-line-height-lg);
  --denhaag-process-steps-step-heading-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-process-steps-step-heading-font-size: var(--basis-text-font-size-lg);
  --denhaag-process-steps-step-heading-font-familiy: var(--basis-text-font-family-default);
  --denhaag-process-steps-step-heading-color: var(--basis-color-default-color-document);
  --denhaag-process-steps-step-header-align-items: center;
  --denhaag-process-steps-step-description-font-size: var(--basis-text-font-size-md);
  --denhaag-process-steps-step-description-color: var(--basis-color-default-color-subtle);
  --denhaag-process-steps-line-height: var(--basis-text-line-height-md);
  --denhaag-process-steps-font-size: var(--basis-text-font-size-md);
  --denhaag-process-steps-font-familiy: var(--basis-text-font-family-default);
  --denhaag-icon-button-hover-color: var(--basis-color-action-1-color-hover);
  --denhaag-icon-button-focus-outline-width: var(--basis-focus-outline-width);
  --denhaag-icon-button-focus-outline-style: var(--basis-focus-outline-style);
  --denhaag-icon-button-focus-outline-offset: var(--basis-focus-outline-offset);
  --denhaag-icon-button-focus-outline-color: var(--basis-focus-outline-color);
  --denhaag-icon-button-padding-inline-start: var(--basis-space-inline-lg);
  --denhaag-icon-button-padding-inline-end: var(--basis-space-inline-lg);
  --denhaag-icon-button-padding-block-start: var(--basis-space-block-lg);
  --denhaag-icon-button-padding-block-end: var(--basis-space-block-lg);
  --denhaag-icon-button-color: var(--basis-color-action-1-color-default);
  --denhaag-file-right-padding-inline-start: var(--basis-space-inline-xl);
  --denhaag-file-right-padding-inline-end: var(--basis-space-inline-xl);
  --denhaag-file-right-padding-block-start: var(--basis-space-block-lg);
  --denhaag-file-right-padding-block-end: var(--basis-space-block-lg);
  --denhaag-file-right-gap: var(--basis-space-row-md);
  --denhaag-file-link-hover-color: var(--basis-color-action-2-color-hover);
  --denhaag-file-link-icon-width: var(--basis-size-icon-md);
  --denhaag-file-link-gap: var(--basis-space-text-xs);
  --denhaag-file-link-color: var(--basis-color-action-2-color-default);
  --denhaag-file-left-padding-inline-start: var(--basis-space-inline-xl);
  --denhaag-file-left-padding-inline-end: var(--basis-space-inline-xl);
  --denhaag-file-left-background-color: var(--basis-color-default-bg-default);
  --denhaag-file-border-width: var(--basis-border-width-sm);
  --denhaag-file-border-style: solid; /* [code-only] */
  --denhaag-file-border-radius: var(--basis-border-radius-none);
  --denhaag-file-border-color: var(--basis-color-default-border-subtle);
  --denhaag-description-list-lg-title-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-detail-padding-block-start: var(--basis-space-block-lg);
  --denhaag-description-list-lg-detail-padding-block-end: var(--basis-space-block-lg);
  --denhaag-description-list-lg-padding-inline-start: var(--basis-space-inline-xl);
  --denhaag-description-list-lg-padding-inline-end: var(--basis-space-inline-xl);
  --denhaag-description-list-title-padding-block-start: var(--basis-space-block-lg);
  --denhaag-description-list-title-padding-block-end: var(--basis-space-block-sm);
  --denhaag-description-list-title-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-description-list-title-color: var(--basis-color-default-color-document);
  --denhaag-description-list-detail-padding-block-start: var(--basis-space-block-sm);
  --denhaag-description-list-detail-padding-block-end: var(--basis-space-block-lg);
  --denhaag-description-list-caption-margin-block-end: var(--basis-space-row-xl);
  --denhaag-description-list-caption-font-weight: var(--basis-heading-font-weight);
  --denhaag-description-list-caption-font-size: var(--basis-text-font-size-xl);
  --denhaag-description-list-caption-font-family: var(--basis-heading-font-family);
  --denhaag-description-list-caption-line-height: var(--basis-text-line-height-xl);
  --denhaag-description-list-caption-color: var(--basis-heading-color);
  --denhaag-description-list-padding-inline-start: var(--basis-space-none);
  --denhaag-description-list-padding-inline-end: var(--basis-space-none);
  --denhaag-description-list-margin-block-start: var(--basis-space-none); /* [code-only] */
  --denhaag-description-list-margin-block-end: var(--basis-space-none); /* [code-only] */
  --denhaag-description-list-line-height: var(--basis-text-line-height-md);
  --denhaag-description-list-font-weight: var(--basis-text-font-weight-default);
  --denhaag-description-list-font-size: var(--basis-text-font-size-md);
  --denhaag-description-list-font-family: var(--basis-text-font-family-default);
  --denhaag-description-list-color: var(--basis-color-default-color-document);
  --denhaag-description-list-border-color: var(--basis-color-default-border-subtle);
  --denhaag-contact-timeline-step-meta-marker-size: var(--basis-size-4xs);
  --denhaag-contact-timeline-step-meta-marker-color: var(--basis-color-default-color-document);
  --denhaag-contact-timeline-step-meta-gap: var(--basis-space-text-md);
  --denhaag-contact-timeline-step-marker-connector-mobile-margin-inline-start: var(--basis-space-none);
  --denhaag-contact-timeline-step-marker-connector-desktop-margin-inline-start: 112px;
  --denhaag-contact-timeline-step-marker-connector-bottom: var(--basis-space-none);
  --denhaag-contact-timeline-step-marker-align-items: flex-start;
  --denhaag-contact-timeline-step-header-toggle-hover-color: var(--basis-color-action-2-color-hover);
  --denhaag-contact-timeline-step-header-toggle-gap: var(--basis-space-text-xs);
  --denhaag-contact-timeline-step-header-toggle-focus-color: var(--basis-focus-color);
  --denhaag-contact-timeline-step-header-toggle-active-color: var(--basis-color-action-2-color-active);
  --denhaag-contact-timeline-step-header-line-height: var(--basis-text-line-height-md);
  --denhaag-contact-timeline-step-header-font-size: var(--basis-text-font-size-md);
  --denhaag-contact-timeline-step-header-date-width: 96px;
  --denhaag-contact-timeline-step-header-channel-width: 80px;
  --denhaag-contact-timeline-step-details-sender-margin-block-start: var(--basis-space-block-xl);
  --denhaag-contact-timeline-step-details-sender-font-weight: var(--basis-text-font-weight-bold);
  --denhaag-contact-timeline-step-details-sender-font-size: var(--basis-text-font-size-md);
  --denhaag-contact-timeline-step-details-file-mobile-margin-block-end: var(--basis-space-block-4xl);
  --denhaag-contact-timeline-step-details-file-margin-block-start: var(--basis-space-block-3xl);
  --denhaag-contact-timeline-step-details-file-margin-block-end: var(--basis-space-block-3xl);
  --denhaag-contact-timeline-step-details-mobile-margin-inline-start: var(--basis-space-inline-4xl);
  --denhaag-contact-timeline-step-details-desktop-margin-inline-start: 240px;
  --denhaag-contact-timeline-step-padding-block-end: var(--basis-space-block-4xl);
  --denhaag-contact-timeline-step-distance: var(--basis-space-none);
  --nl-skip-link-text-underline-offset: 1px; /* [code-only] */
  --nl-skip-link-text-decoration-thickness: 1px; /* [code-only] */
  --nl-skip-link-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --nl-skip-link-min-block-size: var(--basis-pointer-target-min-block-size);
  --nl-skip-link-padding-inline: var(--basis-space-inline-xl);
  --nl-skip-link-padding-block: var(--basis-space-block-lg);
  --nl-skip-link-line-height: var(--basis-text-line-height-md);
  --nl-skip-link-font-size: var(--basis-text-font-size-md);
  --nl-skip-link-color: var(--basis-focus-color);
  --nl-skip-link-background-color: var(--basis-focus-background-color);
  --nl-paragraph-lead-margin-block-start: var(--basis-space-none); /* [code-only] */
  --nl-paragraph-lead-margin-block-end: var(--basis-space-none); /* [code-only] */
  --nl-paragraph-lead-line-height: var(--basis-text-line-height-lg);
  --nl-paragraph-lead-font-weight: var(--basis-text-font-weight-default);
  --nl-paragraph-lead-font-size: var(--basis-text-font-size-lg);
  --nl-paragraph-margin-block-start: var(--basis-space-none); /* [code-only] */
  --nl-paragraph-margin-block-end: var(--basis-space-none); /* [code-only] */
  --nl-paragraph-line-height: var(--basis-text-line-height-md);
  --nl-paragraph-font-weight: var(--basis-text-font-weight-default);
  --nl-paragraph-font-size: var(--basis-text-font-size-md);
  --nl-paragraph-font-family: var(--basis-text-font-family-default);
  --nl-paragraph-color: var(--basis-color-default-color-document);
  --nl-number-badge-padding-inline: var(--basis-space-inline-sm);
  --nl-number-badge-padding-block: var(--basis-space-block-sm);
  --nl-number-badge-min-inline-size: var(--basis-size-xs);
  --nl-number-badge-min-block-size: var(--basis-size-xs);
  --nl-number-badge-font-weight: var(--basis-text-font-weight-bold);
  --nl-number-badge-font-size: var(--basis-text-font-size-md);
  --nl-number-badge-font-family: var(--basis-text-font-family-default);
  --nl-number-badge-color: var(--basis-color-default-color-default);
  --nl-number-badge-border-width: var(--basis-border-width-sm);
  --nl-number-badge-border-radius: var(--basis-border-radius-round);
  --nl-number-badge-border-color: var(--basis-color-transparent);
  --nl-number-badge-background-color: var(--basis-color-default-bg-default);
  --nl-mark-color: var(--basis-color-highlight-inverse-color-default);
  --nl-mark-background-color: var(--basis-color-highlight-inverse-bg-default);
  --nl-link-hover-text-decoration-thickness: auto; /* [code-only] */
  --nl-link-hover-text-decoration-line: None;
  --nl-link-hover-color: var(--basis-color-action-2-color-hover);
  --nl-link-disabled-cursor: disabled; /* [code-only] */
  --nl-link-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-link-current-cursor: default; /* [code-only] */
  --nl-link-active-color: var(--basis-color-action-2-color-active);
  --nl-link-text-underline-offset: auto; /* [code-only] */
  --nl-link-text-decoration-thickness: auto; /* [code-only] */
  --nl-link-text-decoration-line: underline;
  --nl-link-text-decoration-color: var(--basis-color-action-2-color-default); /* [code-only] */
  --nl-link-color: var(--basis-color-action-2-color-default);
  --nl-heading-level-6-margin-block-start: var(--basis-space-none); /* [code-only] */
  --nl-heading-level-6-margin-block-end: var(--basis-space-none); /* [code-only] */
  --nl-heading-level-6-line-height: var(--basis-text-line-height-sm);
  --nl-heading-level-6-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-6-font-size: var(--basis-text-font-size-sm);
  --nl-heading-level-6-font-family: var(--basis-heading-font-family);
  --nl-heading-level-6-color: var(--basis-heading-color);
  --nl-heading-level-5-margin-block-start: var(--basis-space-none); /* [code-only] */
  --nl-heading-level-5-margin-block-end: var(--basis-space-none); /* [code-only] */
  --nl-heading-level-5-line-height: var(--basis-text-line-height-md);
  --nl-heading-level-5-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-5-font-size: var(--basis-text-font-size-md);
  --nl-heading-level-5-font-family: var(--basis-heading-font-family);
  --nl-heading-level-5-color: var(--basis-heading-color);
  --nl-heading-level-4-margin-block-start: var(--basis-space-none); /* [code-only] */
  --nl-heading-level-4-margin-block-end: var(--basis-space-none); /* [code-only] */
  --nl-heading-level-4-line-height: var(--basis-text-line-height-lg);
  --nl-heading-level-4-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-4-font-size: var(--basis-text-font-size-lg);
  --nl-heading-level-4-font-family: var(--basis-heading-font-family);
  --nl-heading-level-4-color: var(--basis-heading-color);
  --nl-heading-level-3-margin-block-start: var(--basis-space-none); /* [code-only] */
  --nl-heading-level-3-margin-block-end: var(--basis-space-none); /* [code-only] */
  --nl-heading-level-3-line-height: var(--basis-text-line-height-xl);
  --nl-heading-level-3-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-3-font-size: var(--basis-text-font-size-xl);
  --nl-heading-level-3-font-family: var(--basis-heading-font-family);
  --nl-heading-level-3-color: var(--basis-heading-color);
  --nl-heading-level-2-margin-block-start: var(--basis-space-none); /* [code-only] */
  --nl-heading-level-2-margin-block-end: var(--basis-space-none); /* [code-only] */
  --nl-heading-level-2-line-height: var(--basis-text-line-height-2xl);
  --nl-heading-level-2-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-2-font-size: var(--basis-text-font-size-2xl);
  --nl-heading-level-2-font-family: var(--basis-heading-font-family);
  --nl-heading-level-2-color: var(--basis-heading-color);
  --nl-heading-level-1-margin-block-start: var(--basis-space-none); /* [code-only] */
  --nl-heading-level-1-margin-block-end: var(--basis-space-none); /* [code-only] */
  --nl-heading-level-1-line-height: var(--basis-text-line-height-3xl);
  --nl-heading-level-1-font-weight: var(--basis-heading-font-weight);
  --nl-heading-level-1-font-size: var(--basis-text-font-size-3xl);
  --nl-heading-level-1-font-family: var(--basis-heading-font-family);
  --nl-heading-level-1-color: var(--basis-heading-color);
  --nl-data-badge-padding-inline: var(--basis-space-inline-sm);
  --nl-data-badge-padding-block: var(--basis-space-none);
  --nl-data-badge-min-inline-size: var(--basis-size-sm);
  --nl-data-badge-min-block-size: var(--basis-size-xs);
  --nl-data-badge-line-height: var(--basis-text-line-height-md);
  --nl-data-badge-font-weight: var(--basis-text-font-weight-bold);
  --nl-data-badge-font-size: var(--basis-text-font-size-md);
  --nl-data-badge-font-family: var(--basis-text-font-family-default);
  --nl-data-badge-color: var(--basis-color-default-color-default);
  --nl-data-badge-border-width: var(--basis-border-width-sm);
  --nl-data-badge-border-radius: var(--basis-border-radius-sm);
  --nl-data-badge-border-color: var(--basis-color-transparent);
  --nl-data-badge-background-color: var(--basis-color-default-bg-default);
  --nl-color-sample-inline-size: var(--basis-size-sm);
  --nl-color-sample-block-size: var(--basis-size-sm);
  --nl-color-sample-border-width: var(--basis-border-width-sm);
  --nl-color-sample-border-radius: var(--basis-border-radius-none);
  --nl-color-sample-border-color: #787878;
  --nl-color-sample-background-color: #cccccc;
  --nl-code-block-padding-inline: var(--basis-space-inline-xl);
  --nl-code-block-padding-block: var(--basis-space-block-xl);
  --nl-code-block-line-height: var(--basis-text-line-height-md);
  --nl-code-block-font-size: var(--basis-text-font-size-md);
  --nl-code-block-font-family: var(--basis-text-font-family-monospace);
  --nl-code-block-color: var(--basis-color-default-color-document);
  --nl-code-block-border-radius: var(--basis-border-radius-sm);
  --nl-code-block-background-color: var(--basis-color-default-bg-default);
  --nl-code-font-size: var(--basis-text-font-size-md);
  --nl-code-font-family: var(--basis-text-font-family-monospace);
  --nl-code-color: var(--basis-color-default-color-document);
  --nl-code-background-color: var(--basis-color-default-bg-default);
  --nl-button-subtle-positive-pressed-hover-color: var(--basis-color-positive-inverse-color-hover);
  --nl-button-subtle-positive-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-pressed-hover-background-color: var(--basis-color-positive-inverse-bg-hover);
  --nl-button-subtle-positive-pressed-active-color: var(--basis-color-positive-inverse-color-active);
  --nl-button-subtle-positive-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-pressed-active-background-color: var(--basis-color-positive-inverse-bg-active);
  --nl-button-subtle-positive-pressed-color: var(--basis-color-positive-inverse-color-default);
  --nl-button-subtle-positive-pressed-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-pressed-background-color: var(--basis-color-positive-inverse-bg-default);
  --nl-button-subtle-positive-hover-color: var(--basis-color-positive-color-hover);
  --nl-button-subtle-positive-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-hover-background-color: var(--basis-color-positive-bg-hover);
  --nl-button-subtle-positive-active-color: var(--basis-color-positive-color-active);
  --nl-button-subtle-positive-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-active-background-color: var(--basis-color-positive-bg-active);
  --nl-button-subtle-positive-color: var(--basis-color-positive-color-default);
  --nl-button-subtle-positive-border-color: var(--basis-color-transparent);
  --nl-button-subtle-positive-background-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-pressed-hover-color: var(--basis-color-negative-inverse-color-hover);
  --nl-button-subtle-negative-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-pressed-hover-background-color: var(--basis-color-negative-inverse-bg-hover);
  --nl-button-subtle-negative-pressed-active-color: var(--basis-color-negative-inverse-color-active);
  --nl-button-subtle-negative-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-pressed-active-background-color: var(--basis-color-negative-inverse-bg-active);
  --nl-button-subtle-negative-pressed-color: var(--basis-color-negative-inverse-color-default);
  --nl-button-subtle-negative-pressed-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-pressed-background-color: var(--basis-color-negative-inverse-bg-default);
  --nl-button-subtle-negative-hover-color: var(--basis-color-negative-color-hover);
  --nl-button-subtle-negative-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-hover-background-color: var(--basis-color-negative-bg-hover);
  --nl-button-subtle-negative-active-color: var(--basis-color-negative-color-active);
  --nl-button-subtle-negative-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-active-background-color: var(--basis-color-negative-bg-active);
  --nl-button-subtle-negative-color: var(--basis-color-negative-color-default);
  --nl-button-subtle-negative-border-color: var(--basis-color-transparent);
  --nl-button-subtle-negative-background-color: var(--basis-color-transparent);
  --nl-button-subtle-pressed-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --nl-button-subtle-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-pressed-hover-background-color: var(--basis-color-action-1-inverse-bg-hover);
  --nl-button-subtle-pressed-disabled-color: var(--basis-color-disabled-inverse-color-subtle);
  --nl-button-subtle-pressed-disabled-border-color: var(--basis-color-transparent);
  --nl-button-subtle-pressed-disabled-background-color: var(--basis-color-disabled-inverse-bg-default);
  --nl-button-subtle-pressed-active-color: var(--basis-color-action-1-inverse-color-active);
  --nl-button-subtle-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-pressed-active-background-color: var(--basis-color-action-1-inverse-bg-active);
  --nl-button-subtle-pressed-color: var(--basis-color-action-1-inverse-color-default);
  --nl-button-subtle-pressed-border-color: var(--basis-color-transparent);
  --nl-button-subtle-pressed-background-color: var(--basis-color-action-1-inverse-bg-default);
  --nl-button-subtle-hover-color: var(--basis-color-action-1-color-hover);
  --nl-button-subtle-hover-border-color: var(--basis-color-transparent);
  --nl-button-subtle-hover-background-color: var(--basis-color-action-1-bg-hover);
  --nl-button-subtle-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-subtle-disabled-border-color: var(--basis-color-transparent);
  --nl-button-subtle-disabled-background-color: var(--basis-color-transparent);
  --nl-button-subtle-active-color: var(--basis-color-action-1-color-active);
  --nl-button-subtle-active-border-color: var(--basis-color-transparent);
  --nl-button-subtle-active-background-color: var(--basis-color-action-1-bg-active);
  --nl-button-subtle-line-height: var(--nl-button-default-line-height);
  --nl-button-subtle-font-weight: var(--nl-button-default-font-weight);
  --nl-button-subtle-font-size: var(--nl-button-default-font-size);
  --nl-button-subtle-color: var(--basis-color-action-1-color-default);
  --nl-button-subtle-border-width: var(--basis-border-width-none);
  --nl-button-subtle-border-color: var(--basis-color-transparent);
  --nl-button-subtle-background-color: var(--basis-color-transparent);
  --nl-button-secondary-positive-pressed-hover-color: var(--basis-color-positive-inverse-color-hover);
  --nl-button-secondary-positive-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-secondary-positive-pressed-hover-background-color: var(--basis-color-positive-inverse-bg-hover);
  --nl-button-secondary-positive-pressed-active-color: var(--basis-color-positive-inverse-color-active);
  --nl-button-secondary-positive-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-secondary-positive-pressed-active-background-color: var(--basis-color-positive-inverse-bg-active);
  --nl-button-secondary-positive-pressed-color: var(--basis-color-positive-inverse-color-default);
  --nl-button-secondary-positive-pressed-border-color: var(--basis-color-transparent);
  --nl-button-secondary-positive-pressed-background-color: var(--basis-color-positive-inverse-bg-default);
  --nl-button-secondary-positive-hover-color: var(--basis-color-positive-color-hover);
  --nl-button-secondary-positive-hover-border-color: var(--basis-color-positive-border-hover);
  --nl-button-secondary-positive-hover-background-color: var(--basis-color-positive-bg-hover);
  --nl-button-secondary-positive-active-color: var(--basis-color-positive-color-active);
  --nl-button-secondary-positive-active-border-color: var(--basis-color-positive-border-active);
  --nl-button-secondary-positive-active-background-color: var(--basis-color-positive-bg-active);
  --nl-button-secondary-positive-color: var(--basis-color-positive-color-default);
  --nl-button-secondary-positive-border-color: var(--basis-color-positive-border-default);
  --nl-button-secondary-positive-background-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-pressed-hover-color: var(--basis-color-negative-inverse-color-hover);
  --nl-button-secondary-negative-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-pressed-hover-background-color: var(--basis-color-negative-inverse-bg-hover);
  --nl-button-secondary-negative-pressed-active-color: var(--basis-color-negative-inverse-color-active);
  --nl-button-secondary-negative-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-pressed-active-background-color: var(--basis-color-negative-inverse-bg-active);
  --nl-button-secondary-negative-pressed-color: var(--basis-color-negative-inverse-color-default);
  --nl-button-secondary-negative-pressed-border-color: var(--basis-color-transparent);
  --nl-button-secondary-negative-pressed-background-color: var(--basis-color-negative-inverse-bg-default);
  --nl-button-secondary-negative-hover-color: var(--basis-color-negative-color-hover);
  --nl-button-secondary-negative-hover-border-color: var(--basis-color-negative-border-hover);
  --nl-button-secondary-negative-hover-background-color: var(--basis-color-negative-bg-hover);
  --nl-button-secondary-negative-active-color: var(--basis-color-negative-color-active);
  --nl-button-secondary-negative-active-border-color: var(--basis-color-negative-border-active);
  --nl-button-secondary-negative-active-background-color: var(--basis-color-negative-bg-active);
  --nl-button-secondary-negative-color: var(--basis-color-negative-color-default);
  --nl-button-secondary-negative-border-color: var(--basis-color-negative-border-default);
  --nl-button-secondary-negative-background-color: var(--basis-color-transparent);
  --nl-button-secondary-pressed-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --nl-button-secondary-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-secondary-pressed-hover-background-color: var(--basis-color-action-1-inverse-bg-hover);
  --nl-button-secondary-pressed-disabled-color: var(--basis-color-disabled-inverse-color-subtle);
  --nl-button-secondary-pressed-disabled-border-color: var(--basis-color-transparent);
  --nl-button-secondary-pressed-disabled-background-color: var(--basis-color-disabled-inverse-bg-default);
  --nl-button-secondary-pressed-active-color: var(--basis-color-action-1-inverse-color-active);
  --nl-button-secondary-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-secondary-pressed-active-background-color: var(--basis-color-action-1-inverse-bg-active);
  --nl-button-secondary-pressed-color: var(--basis-color-action-1-inverse-color-default);
  --nl-button-secondary-pressed-border-color: var(--basis-color-transparent);
  --nl-button-secondary-pressed-background-color: var(--basis-color-action-1-inverse-bg-default);
  --nl-button-secondary-hover-color: var(--basis-color-action-1-color-hover);
  --nl-button-secondary-hover-border-color: var(--basis-color-action-1-border-hover);
  --nl-button-secondary-hover-background-color: var(--basis-color-action-1-bg-hover);
  --nl-button-secondary-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-secondary-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --nl-button-secondary-disabled-background-color: var(--basis-color-disabled-bg-default);
  --nl-button-secondary-active-color: var(--basis-color-action-1-color-active);
  --nl-button-secondary-active-border-color: var(--basis-color-action-1-border-active);
  --nl-button-secondary-active-background-color: var(--basis-color-action-1-bg-active);
  --nl-button-secondary-line-height: var(--nl-button-default-line-height);
  --nl-button-secondary-font-weight: var(--nl-button-default-font-weight);
  --nl-button-secondary-font-size: var(--nl-button-default-font-size);
  --nl-button-secondary-color: var(--basis-color-action-1-color-default);
  --nl-button-secondary-border-width: var(--nl-button-default-border-width);
  --nl-button-secondary-border-color: var(--basis-color-action-1-border-default);
  --nl-button-secondary-background-color: var(--basis-color-transparent);
  --nl-button-primary-positive-pressed-hover-color: var(--basis-color-positive-color-hover);
  --nl-button-primary-positive-pressed-hover-border-color: var(--basis-color-positive-border-hover);
  --nl-button-primary-positive-pressed-hover-background-color: var(--basis-color-positive-bg-hover);
  --nl-button-primary-positive-pressed-active-color: var(--basis-color-positive-color-active);
  --nl-button-primary-positive-pressed-active-border-color: var(--basis-color-positive-border-active);
  --nl-button-primary-positive-pressed-active-background-color: var(--basis-color-positive-bg-active);
  --nl-button-primary-positive-pressed-color: var(--basis-color-positive-color-default);
  --nl-button-primary-positive-pressed-border-color: var(--basis-color-positive-border-default);
  --nl-button-primary-positive-pressed-background-color: var(--basis-color-transparent);
  --nl-button-primary-positive-hover-color: var(--basis-color-positive-inverse-color-hover);
  --nl-button-primary-positive-hover-border-color: var(--basis-color-transparent);
  --nl-button-primary-positive-hover-background-color: var(--basis-color-positive-inverse-bg-hover);
  --nl-button-primary-positive-active-color: var(--basis-color-positive-inverse-color-active);
  --nl-button-primary-positive-active-border-color: var(--basis-color-transparent);
  --nl-button-primary-positive-active-background-color: var(--basis-color-positive-inverse-bg-active);
  --nl-button-primary-positive-color: var(--basis-color-positive-inverse-color-default);
  --nl-button-primary-positive-border-color: var(--basis-color-transparent);
  --nl-button-primary-positive-background-color: var(--basis-color-positive-inverse-bg-default);
  --nl-button-primary-negative-pressed-hover-color: var(--basis-color-negative-color-hover);
  --nl-button-primary-negative-pressed-hover-border-color: var(--basis-color-negative-border-hover);
  --nl-button-primary-negative-pressed-hover-background-color: var(--basis-color-negative-bg-hover);
  --nl-button-primary-negative-pressed-active-color: var(--basis-color-negative-color-active);
  --nl-button-primary-negative-pressed-active-border-color: var(--basis-color-negative-border-active);
  --nl-button-primary-negative-pressed-active-background-color: var(--basis-color-negative-bg-active);
  --nl-button-primary-negative-pressed-color: var(--basis-color-negative-color-default);
  --nl-button-primary-negative-pressed-border-color: var(--basis-color-negative-border-default);
  --nl-button-primary-negative-pressed-background-color: var(--basis-color-transparent);
  --nl-button-primary-negative-hover-color: var(--basis-color-negative-inverse-color-hover);
  --nl-button-primary-negative-hover-border-color: var(--basis-color-transparent);
  --nl-button-primary-negative-hover-background-color: var(--basis-color-negative-inverse-bg-hover);
  --nl-button-primary-negative-active-color: var(--basis-color-negative-inverse-color-active);
  --nl-button-primary-negative-active-border-color: var(--basis-color-transparent);
  --nl-button-primary-negative-active-background-color: var(--basis-color-negative-inverse-bg-active);
  --nl-button-primary-negative-color: var(--basis-color-negative-inverse-color-default);
  --nl-button-primary-negative-border-color: var(--basis-color-transparent);
  --nl-button-primary-negative-background-color: var(--basis-color-negative-inverse-bg-default);
  --nl-button-primary-pressed-hover-color: var(--basis-color-action-1-color-hover);
  --nl-button-primary-pressed-hover-border-color: var(--basis-color-action-1-border-hover);
  --nl-button-primary-pressed-hover-background-color: var(--basis-color-action-1-bg-hover);
  --nl-button-primary-pressed-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-primary-pressed-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --nl-button-primary-pressed-disabled-background-color: var(--basis-color-disabled-bg-default);
  --nl-button-primary-pressed-active-color: var(--basis-color-action-1-color-active);
  --nl-button-primary-pressed-active-border-color: var(--basis-color-action-1-border-active);
  --nl-button-primary-pressed-active-background-color: var(--basis-color-action-1-bg-active);
  --nl-button-primary-pressed-color: var(--basis-color-action-1-color-default);
  --nl-button-primary-pressed-border-color: var(--basis-color-action-1-border-default);
  --nl-button-primary-pressed-background-color: var(--basis-color-transparent);
  --nl-button-primary-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --nl-button-primary-hover-border-color: var(--basis-color-transparent);
  --nl-button-primary-hover-background-color: var(--basis-color-action-1-inverse-bg-hover);
  --nl-button-primary-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-primary-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --nl-button-primary-disabled-background-color: var(--basis-color-disabled-bg-default);
  --nl-button-primary-active-color: var(--basis-color-action-1-inverse-color-active);
  --nl-button-primary-active-border-color: var(--basis-color-transparent);
  --nl-button-primary-active-background-color: var(--basis-color-action-1-inverse-bg-active);
  --nl-button-primary-line-height: var(--nl-button-default-line-height);
  --nl-button-primary-font-weight: var(--nl-button-default-font-weight);
  --nl-button-primary-font-size: var(--nl-button-default-font-size);
  --nl-button-primary-color: var(--basis-color-action-1-inverse-color-default);
  --nl-button-primary-border-width: var(--nl-button-default-border-width);
  --nl-button-primary-border-color: var(--basis-color-transparent);
  --nl-button-primary-background-color: var(--basis-color-action-1-inverse-bg-default);
  --nl-button-default-pressed-hover-color: var(--basis-color-default-inverse-color-hover);
  --nl-button-default-pressed-hover-border-color: var(--basis-color-transparent);
  --nl-button-default-pressed-hover-background-color: var(--basis-color-default-inverse-bg-hover);
  --nl-button-default-pressed-disabled-color: var(--basis-color-disabled-inverse-color-subtle);
  --nl-button-default-pressed-disabled-border-color: var(--basis-color-transparent);
  --nl-button-default-pressed-disabled-background-color: var(--basis-color-disabled-inverse-bg-default);
  --nl-button-default-pressed-active-color: var(--basis-color-default-inverse-color-active);
  --nl-button-default-pressed-active-border-color: var(--basis-color-transparent);
  --nl-button-default-pressed-active-background-color: var(--basis-color-default-inverse-bg-active);
  --nl-button-default-pressed-color: var(--basis-color-default-inverse-color-default);
  --nl-button-default-pressed-border-color: var(--basis-color-transparent);
  --nl-button-default-pressed-background-color: var(--basis-color-default-inverse-bg-default);
  --nl-button-default-hover-color: var(--basis-color-default-color-hover);
  --nl-button-default-hover-border-color: var(--basis-color-default-border-hover);
  --nl-button-default-hover-background-color: var(--basis-color-default-bg-hover);
  --nl-button-default-disabled-color: var(--basis-color-disabled-color-subtle);
  --nl-button-default-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --nl-button-default-disabled-background-color: var(--basis-color-disabled-bg-default);
  --nl-button-default-active-color: var(--basis-color-default-color-active);
  --nl-button-default-active-border-color: var(--basis-color-default-border-active);
  --nl-button-default-active-background-color: var(--basis-color-default-bg-active);
  --nl-button-default-line-height: var(--basis-text-line-height-md);
  --nl-button-default-font-weight: var(--basis-text-font-weight-bold);
  --nl-button-default-font-size: var(--basis-text-font-size-md);
  --nl-button-default-color: var(--basis-color-default-color-default);
  --nl-button-default-border-width: var(--basis-border-width-sm);
  --nl-button-default-border-color: var(--basis-color-default-border-default);
  --nl-button-default-background-color: var(--basis-color-default-bg-default);
  --nl-button-icon-only-padding-inline-start: var(--basis-space-inline-md);
  --nl-button-icon-only-padding-inline-end: var(--basis-space-inline-md);
  --nl-button-icon-only-padding-block-start: var(--basis-space-block-md);
  --nl-button-icon-only-padding-block-end: var(--basis-space-block-md);
  --nl-button-icon-size: var(--basis-size-icon-md);
  --nl-button-focus-color: var(--basis-focus-color);
  --nl-button-focus-border-color: var(--basis-color-transparent);
  --nl-button-focus-background-color: var(--basis-focus-background-color);
  --nl-button-padding-inline-start: var(--basis-space-inline-xl);
  --nl-button-padding-inline-end: var(--basis-space-inline-xl);
  --nl-button-padding-block-start: var(--basis-space-block-md);
  --nl-button-padding-block-end: var(--basis-space-block-md);
  --nl-button-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --nl-button-min-block-size: var(--basis-pointer-target-min-block-size);
  --nl-button-font-family: var(--basis-text-font-family-default);
  --nl-button-column-gap: var(--basis-space-text-xs);
  --nl-button-border-radius: var(--basis-border-radius-md);
  --todo-toolbar-button-padding-inline-start: var(--basis-space-inline-md);
  --todo-toolbar-button-padding-inline-end: var(--basis-space-inline-md);
  --todo-toolbar-button-padding-block-start: var(--basis-space-block-lg);
  --todo-toolbar-button-padding-block-end: var(--basis-space-block-lg);
  --todo-toolbar-button-column-gap: var(--basis-space-text-xs);
  --todo-task-list-icon-size: var(--basis-size-icon-md);
  --todo-task-list-icon-color: var(--basis-color-positive-color-default);
  --todo-task-list-item-margin-block-start: var(--basis-space-block-sm);
  --todo-task-list-item-margin-block-end: var(--basis-space-block-sm);
  --todo-task-list-item-column-gap: var(--basis-space-column-lg);
  --todo-task-list-row-gap: var(--basis-space-row-xl);
  --todo-task-list-line-height: var(--basis-text-line-height-md);
  --todo-task-list-font-weight: var(--basis-text-font-weight-default);
  --todo-task-list-font-size: var(--basis-text-font-size-md);
  --todo-task-list-font-family: var(--basis-text-font-family-default);
  --todo-task-list-color: var(--basis-color-default-color-document);
  --todo-table-footer-font-weight: var(--basis-text-font-weight-bold);
  --todo-table-footer-border-block-start-width: var(--basis-border-width-md);
  --todo-table-footer-border-block-start-color: var(--basis-color-default-border-subtle);
  --todo-table-container-box-inline-start-shadow: var(--basis-box-shadow-md);
  --todo-table-container-box-inline-end-shadow: var(--basis-box-shadow-md);
  --todo-status-badge-warning-color: var(--basis-color-warning-color-default);
  --todo-status-badge-warning-border-color: var(--basis-color-transparent);
  --todo-status-badge-warning-background-color: var(--basis-color-warning-bg-default);
  --todo-status-badge-positive-color: var(--basis-color-positive-color-default);
  --todo-status-badge-positive-border-color: var(--basis-color-transparent);
  --todo-status-badge-positive-background-color: var(--basis-color-positive-bg-default);
  --todo-status-badge-negative-color: var(--basis-color-negative-color-default);
  --todo-status-badge-negative-border-color: var(--basis-color-transparent);
  --todo-status-badge-negative-background-color: var(--basis-color-negative-bg-default);
  --todo-status-badge-informative-color: var(--basis-color-info-color-default);
  --todo-status-badge-informative-border-color: var(--basis-color-transparent);
  --todo-status-badge-informative-background-color: var(--basis-color-info-bg-default);
  --todo-status-badge-padding-inline: var(--basis-space-inline-sm);
  --todo-status-badge-padding-block: var(--basis-space-block-xs);
  --todo-status-badge-line-height: var(--basis-text-line-height-md);
  --todo-status-badge-font-weight: var(--basis-text-font-weight-bold);
  --todo-status-badge-font-size: var(--basis-text-font-size-md);
  --todo-status-badge-font-family: var(--basis-text-font-family-default);
  --todo-status-badge-color: var(--basis-color-default-color-default);
  --todo-status-badge-border-width: var(--basis-border-width-sm);
  --todo-status-badge-border-radius: var(--basis-border-radius-sm);
  --todo-status-badge-border-color: var(--basis-color-transparent);
  --todo-status-badge-background-color: var(--basis-color-default-bg-default);
  --todo-skip-link-font-weight: var(--basis-text-font-weight-bold);
  --todo-radio-button-checked-disabled-color: var(--basis-form-control-disabled-color);
  --todo-radio-button-checked-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --todo-radio-button-checked-disabled-background-color: var(--basis-form-control-disabled-accent-color);
  --todo-progress-list-sub-step-header-column-gap: var(--basis-space-column-3xl);
  --todo-progress-list-sub-step-margin-block-start: var(--basis-space-block-3xl);
  --todo-progress-list-step-meta-padding-inline-start: var(--basis-space-inline-5xl);
  --todo-progress-list-step-marker-warning-color: var(--basis-color-warning-inverse-color-default);
  --todo-progress-list-step-marker-warning-border-color: var(--basis-color-transparent);
  --todo-progress-list-step-marker-warning-background-color: var(--basis-color-warning-inverse-bg-default);
  --todo-progress-list-step-marker-not-checked-color: var(--basis-color-disabled-color-subtle);
  --todo-progress-list-step-marker-not-checked-border-color: var(--basis-color-default-border-default);
  --todo-progress-list-step-marker-not-checked-background-color: var(--basis-color-default-bg-document);
  --todo-progress-list-step-marker-error-color: var(--basis-color-negative-inverse-color-default);
  --todo-progress-list-step-marker-error-border-color: var(--basis-color-transparent);
  --todo-progress-list-step-marker-error-background-color: var(--basis-color-negative-inverse-bg-default);
  --todo-progress-list-step-marker-current-color: var(--basis-color-default-inverse-color-document);
  --todo-progress-list-step-marker-current-border-color: var(--basis-color-transparent);
  --todo-progress-list-step-marker-current-background-color: var(--basis-color-default-inverse-bg-document);
  --todo-progress-list-step-marker-checked-color: var(--basis-color-positive-inverse-color-default);
  --todo-progress-list-step-marker-checked-border-color: var(--basis-color-transparent);
  --todo-progress-list-step-marker-checked-background-color: var(--basis-color-positive-inverse-bg-default);
  --todo-progress-list-step-marker-nested-size: var(--basis-size-2xs);
  --todo-progress-list-step-marker-nested-padding-inline-start: var(--basis-space-inline-md);
  --todo-progress-list-step-marker-nested-inset-block-start: var(--basis-space-block-sm); /* [design-only] */
  --todo-progress-list-step-marker-size: var(--basis-size-sm);
  --todo-progress-list-step-marker-line-height: var(--basis-text-line-height-md);
  --todo-progress-list-step-marker-icon-size: var(--basis-size-icon-md);
  --todo-progress-list-step-marker-font-weight: var(--basis-text-font-weight-bold);
  --todo-progress-list-step-marker-font-size: var(--basis-text-font-size-md);
  --todo-progress-list-step-marker-font-family: var(--basis-text-font-family-default);
  --todo-progress-list-step-marker-border-width: var(--basis-border-width-md);
  --todo-progress-list-step-marker-border-radius: var(--basis-border-radius-round);
  --todo-progress-list-step-heading-warning-color: var(--basis-color-warning-color-default);
  --todo-progress-list-step-heading-not-checked-color: var(--basis-color-default-color-subtle);
  --todo-progress-list-step-heading-error-color: var(--basis-color-negative-color-default);
  --todo-progress-list-step-heading-current-color: var(--basis-color-default-color-document);
  --todo-progress-list-step-heading-checked-color: var(--basis-color-positive-color-default);
  --todo-progress-list-step-heading-padding-block-start: var(--basis-space-block-sm);
  --todo-progress-list-step-heading-padding-block-end: var(--basis-space-block-2xl);
  --todo-progress-list-step-heading-line-height: var(--basis-text-line-height-md);
  --todo-progress-list-step-heading-font-weight: var(--basis-text-font-weight-bold);
  --todo-progress-list-step-heading-font-size: var(--basis-text-font-size-md);
  --todo-progress-list-step-heading-font-family: var(--basis-text-font-family-default);
  --todo-progress-list-step-header-column-gap: var(--basis-space-column-xl);
  --todo-progress-list-step-body-row-gap: var(--basis-space-row-md);
  --todo-progress-list-connector-warning-border-color: var(--basis-color-warning-border-default);
  --todo-progress-list-connector-not-checked-border-color: var(--basis-color-default-border-default);
  --todo-progress-list-connector-error-border-color: var(--basis-color-negative-border-default);
  --todo-progress-list-connector-checked-border-color: var(--basis-color-positive-border-default);
  --todo-progress-list-connector-padding-inline-start: var(--basis-space-inline-xl);
  --todo-progress-list-connector-border-width: var(--basis-border-width-md);
  --todo-progress-list-button-warning-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-warning-hover-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-hover-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-warning-focus-visible-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-progress-list-button-warning-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-warning-active-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-active-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-warning-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-error-hover-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-hover-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-error-focus-visible-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-progress-list-button-error-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-error-active-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-active-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-error-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-current-hover-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-hover-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-current-focus-visible-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-progress-list-button-current-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-current-active-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-active-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-current-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-checked-hover-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-hover-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-checked-focus-visible-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-progress-list-button-checked-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-checked-active-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-active-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-border-color: var(--basis-color-transparent);
  --todo-progress-list-button-checked-background-color: var(--basis-color-transparent);
  --todo-progress-list-button-icon-warning-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-icon-warning-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-icon-warning-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-icon-warning-color: var(--basis-color-warning-color-default);
  --todo-progress-list-button-icon-error-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-icon-error-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-icon-error-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-icon-error-color: var(--basis-color-negative-color-default);
  --todo-progress-list-button-icon-current-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-icon-current-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-icon-current-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-icon-current-color: var(--basis-color-default-color-document);
  --todo-progress-list-button-icon-checked-hover-color: var(--basis-color-action-2-color-hover);
  --todo-progress-list-button-icon-checked-focus-visible-color: var(--basis-focus-color);
  --todo-progress-list-button-icon-checked-active-color: var(--basis-color-action-2-color-active);
  --todo-progress-list-button-icon-checked-color: var(--basis-color-positive-color-default);
  --todo-progress-list-button-icon-size: var(--basis-size-icon-md);
  --todo-progress-list-button-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --todo-progress-list-button-min-block-size: var(--basis-pointer-target-min-block-size);
  --todo-progress-list-button-column-gap: var(--basis-space-text-xs);
  --todo-progress-list-button-border-width: var(--basis-border-width-sm);
  --todo-progress-list-button-border-radius: var(--basis-border-radius-md);
  --todo-pagination-page-link-hover-text-decoration: None;
  --todo-pagination-page-link-hover-color: var(--basis-color-action-2-color-hover);
  --todo-pagination-page-link-hover-border-color: var(--basis-color-transparent);
  --todo-pagination-page-link-hover-background-color: var(--basis-color-transparent);
  --todo-pagination-page-link-focus-visible-text-decoration: None;
  --todo-pagination-page-link-focus-visible-color: var(--basis-focus-color);
  --todo-pagination-page-link-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-pagination-page-link-current-text-decoration: None;
  --todo-pagination-page-link-current-font-weight: var(--basis-text-font-weight-bold);
  --todo-pagination-page-link-current-color: var(--basis-color-default-color-document);
  --todo-pagination-page-link-current-border-color: var(--basis-color-transparent);
  --todo-pagination-page-link-current-background-color: var(--basis-color-default-bg-active);
  --todo-pagination-page-link-active-text-decoration: None;
  --todo-pagination-page-link-active-color: var(--basis-color-action-2-color-active);
  --todo-pagination-page-link-active-border-color: var(--basis-color-transparent);
  --todo-pagination-page-link-active-background-color: var(--basis-color-transparent);
  --todo-pagination-page-link-text-decoration: underline;
  --todo-pagination-page-link-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --todo-pagination-page-link-min-block-size: var(--basis-pointer-target-min-block-size);
  --todo-pagination-page-link-padding-inline-start: var(--basis-space-inline-lg);
  --todo-pagination-page-link-padding-inline-end: var(--basis-space-inline-lg);
  --todo-pagination-page-link-padding-block-start: var(--basis-space-block-lg);
  --todo-pagination-page-link-padding-block-end: var(--basis-space-block-lg);
  --todo-pagination-page-link-font-weight: var(--basis-text-font-weight-default);
  --todo-pagination-page-link-color: var(--basis-color-action-2-color-default);
  --todo-pagination-page-link-border-width: var(--basis-border-width-sm);
  --todo-pagination-page-link-border-radius: var(--basis-border-radius-none);
  --todo-pagination-page-link-border-color: var(--basis-color-transparent);
  --todo-pagination-page-link-background-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-hover-text-decoration: None;
  --todo-pagination-relative-link-hover-color: var(--basis-color-action-2-color-hover);
  --todo-pagination-relative-link-hover-border-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-hover-background-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-focus-visible-text-decoration: None;
  --todo-pagination-relative-link-focus-visible-color: var(--basis-focus-color);
  --todo-pagination-relative-link-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-pagination-relative-link-disabled-text-decoration: None;
  --todo-pagination-relative-link-disabled-color: var(--basis-color-disabled-color-subtle);
  --todo-pagination-relative-link-disabled-border-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-disabled-background-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-active-text-decoration: None;
  --todo-pagination-relative-link-active-color: var(--basis-color-action-2-color-active);
  --todo-pagination-relative-link-active-border-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-active-background-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-icon-size: var(--basis-size-icon-md);
  --todo-pagination-relative-link-text-decoration: underline;
  --todo-pagination-relative-link-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --todo-pagination-relative-link-min-block-size: var(--basis-pointer-target-min-block-size);
  --todo-pagination-relative-link-padding-inline-start: var(--basis-space-none);
  --todo-pagination-relative-link-padding-inline-end: var(--basis-space-none);
  --todo-pagination-relative-link-padding-block-start: var(--basis-space-block-lg);
  --todo-pagination-relative-link-padding-block-end: var(--basis-space-block-lg);
  --todo-pagination-relative-link-column-gap: var(--basis-space-text-xs);
  --todo-pagination-relative-link-font-weight: var(--basis-text-font-weight-default);
  --todo-pagination-relative-link-color: var(--basis-color-action-2-color-default);
  --todo-pagination-relative-link-border-width: var(--basis-border-width-sm);
  --todo-pagination-relative-link-border-radius: var(--basis-border-radius-none);
  --todo-pagination-relative-link-border-color: var(--basis-color-transparent);
  --todo-pagination-relative-link-background-color: var(--basis-color-transparent);
  --todo-pagination-description-font-weight: var(--basis-text-font-weight-default);
  --todo-pagination-description-color: var(--basis-color-default-color-document);
  --todo-pagination-ellipses-padding-inline-start: var(--basis-space-inline-sm);
  --todo-pagination-ellipses-padding-inline-end: var(--basis-space-inline-sm);
  --todo-pagination-ellipses-padding-block-start: var(--basis-space-block-lg);
  --todo-pagination-ellipses-padding-block-end: var(--basis-space-block-lg);
  --todo-pagination-ellipses-font-weight: var(--basis-text-font-weight-default);
  --todo-pagination-ellipses-color: var(--basis-color-default-color-subtle);
  --todo-pagination-line-height: var(--basis-text-line-height-md);
  --todo-pagination-font-size: var(--basis-text-font-size-md);
  --todo-pagination-font-family: var(--basis-text-font-family-default);
  --todo-login-link-focus-visible-color: var(--basis-focus-color);
  --todo-login-link-focus-visible-border-color: var(--basis-color-transparent);
  --todo-login-link-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-link-list-link-hover-text-decoration: underline;
  --todo-form-summary-item-value-row-padding-inline-start: var(--basis-space-none);
  --todo-form-summary-item-value-row-padding-inline-end: var(--basis-space-none);
  --todo-form-summary-item-value-row-padding-block-start: var(--basis-space-block-lg);
  --todo-form-summary-item-value-row-padding-block-end: var(--basis-space-block-lg);
  --todo-form-summary-item-value-padding-inline-start: var(--basis-space-none);
  --todo-form-summary-item-value-padding-inline-end: var(--basis-space-none);
  --todo-form-summary-item-value-padding-block-start: var(--basis-space-block-sm);
  --todo-form-summary-item-value-padding-block-end: var(--basis-space-block-lg);
  --todo-form-summary-item-value-font-weight: var(--basis-text-font-weight-default);
  --todo-form-summary-item-key-row-padding-inline-start: var(--basis-space-none);
  --todo-form-summary-item-key-row-padding-inline-end: var(--basis-space-inline-xl);
  --todo-form-summary-item-key-row-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-padding-inline-start: var(--basis-space-none);
  --todo-form-summary-item-key-padding-inline-end: var(--basis-space-none);
  --todo-form-summary-item-key-padding-block-start: var(--basis-space-block-lg);
  --todo-form-summary-item-key-padding-block-end: var(--basis-space-block-sm);
  --todo-form-summary-item-key-font-weight: var(--basis-text-font-weight-bold);
  --todo-form-summary-item-action-row-padding-inline-start: var(--basis-space-inline-xl);
  --todo-form-summary-item-action-row-padding-inline-end: var(--basis-space-none);
  --todo-form-summary-item-action-row-padding-block-start: var(--basis-space-block-lg);
  --todo-form-summary-item-action-row-padding-block-end: var(--basis-space-block-lg);
  --todo-form-summary-item-action-padding-inline-start: var(--basis-space-none);
  --todo-form-summary-item-action-padding-inline-end: var(--basis-space-inline-xl);
  --todo-form-summary-item-action-padding-block-start: var(--basis-space-block-lg);
  --todo-form-summary-item-action-padding-block-end: var(--basis-space-block-lg);
  --todo-form-summary-item-color: var(--basis-color-default-color-document);
  --todo-form-summary-item-border-width: var(--basis-border-width-sm);
  --todo-form-summary-item-border-color: var(--basis-color-default-border-subtle);
  --todo-form-summary-line-height: var(--basis-text-line-height-md);
  --todo-form-summary-font-size: var(--basis-text-font-size-md);
  --todo-form-summary-font-family: var(--basis-text-font-family-default);
  --todo-form-field-label-suffix-margin-inline-start: var(--basis-space-inline-sm);
  --todo-form-field-label-suffix-line-height: var(--basis-text-line-height-md);
  --todo-form-field-label-suffix-font-weight: var(--basis-text-font-weight-default);
  --todo-form-field-label-suffix-font-size: var(--basis-text-font-size-md);
  --todo-form-field-label-suffix-font-family: var(--basis-text-font-family-default);
  --todo-form-field-label-suffix-color: var(--basis-color-default-color-document);
  --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-figure-row-gap: var(--basis-space-row-md);
  --todo-drawer-footer-padding-inline-start: var(--basis-space-inline-xl);
  --todo-drawer-footer-padding-inline-end: var(--basis-space-inline-xl);
  --todo-drawer-footer-padding-block-start: var(--basis-space-block-xl);
  --todo-drawer-footer-padding-block-end: var(--basis-space-block-xl);
  --todo-drawer-footer-border-width: var(--basis-border-width-sm);
  --todo-drawer-footer-border-color: var(--basis-color-default-border-subtle);
  --todo-drawer-footer-background-color: var(--basis-color-transparent);
  --todo-drawer-content-padding-inline: var(--basis-space-inline-xl);
  --todo-drawer-content-padding-block-start: var(--basis-space-block-3xl);
  --todo-drawer-content-padding-block-end: var(--basis-space-block-3xl);
  --todo-drawer-header-label-line-height: var(--basis-text-line-height-md);
  --todo-drawer-header-label-font-weight: var(--basis-text-font-weight-bold);
  --todo-drawer-header-label-font-size: var(--basis-text-font-size-md);
  --todo-drawer-header-label-font-family: var(--basis-text-font-family-default);
  --todo-drawer-header-label-color: var(--basis-color-default-color-document);
  --todo-drawer-header-padding-inline-start: var(--basis-space-inline-xl);
  --todo-drawer-header-padding-inline-end: var(--basis-space-inline-md);
  --todo-drawer-header-padding-block-start: var(--basis-space-block-md);
  --todo-drawer-header-padding-block-end: var(--basis-space-block-md);
  --todo-drawer-header-column-gap: var(--basis-space-column-md);
  --todo-drawer-header-border-width: var(--basis-border-width-sm);
  --todo-drawer-header-border-color: var(--basis-color-default-border-subtle);
  --todo-drawer-header-background-color: var(--basis-color-transparent);
  --todo-drawer-color: var(--basis-color-default-color-document);
  --todo-drawer-box-shadow: var(--basis-box-shadow-lg);
  --todo-drawer-border-width: var(--basis-border-width-sm);
  --todo-drawer-border-radius: var(--basis-border-radius-none);
  --todo-drawer-border-color: var(--basis-color-default-border-subtle);
  --todo-drawer-background-color: var(--basis-color-default-bg-document);
  --todo-contact-timeline-step-header-toggle-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-checkbox-indeterminate-focus-visible-color: var(--basis-form-control-focus-color);
  --todo-checkbox-indeterminate-focus-visible-border-width: var(--basis-form-control-focus-border-width);
  --todo-checkbox-indeterminate-focus-visible-border-color: var(--basis-form-control-focus-border-color);
  --todo-checkbox-indeterminate-focus-visible-background-color: var(--basis-form-control-focus-accent-color);
  --todo-checkbox-indeterminate-disabled-color: var(--basis-form-control-disabled-color);
  --todo-checkbox-indeterminate-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --todo-checkbox-indeterminate-disabled-background-color: var(--basis-form-control-disabled-accent-color);
  --todo-checkbox-checked-focus-visible-color: var(--basis-form-control-focus-color);
  --todo-checkbox-checked-focus-visible-border-width: var(--basis-form-control-focus-border-width);
  --todo-checkbox-checked-focus-visible-border-color: var(--basis-form-control-focus-border-color);
  --todo-checkbox-checked-focus-visible-background-color: var(--basis-form-control-focus-accent-color);
  --todo-checkbox-checked-disabled-color: var(--basis-form-control-disabled-color);
  --todo-checkbox-checked-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --todo-checkbox-checked-disabled-background-color: var(--basis-form-control-disabled-accent-color);
  --todo-card-as-link-toptask-pre-header-padding-inline-start: var(--basis-space-inline-xl);
  --todo-card-as-link-toptask-pre-header-padding-inline-end: var(--basis-space-inline-xl);
  --todo-card-as-link-toptask-pre-header-padding-block-start: var(--basis-space-block-xl);
  --todo-card-as-link-toptask-label-color: var(--basis-color-accent-1-inverse-color-default);
  --todo-card-as-link-toptask-icon-size: var(--basis-size-icon-4xl);
  --todo-card-as-link-toptask-hover-color: var(--basis-color-accent-1-inverse-color-hover);
  --todo-card-as-link-toptask-hover-border-color: var(--todo-card-as-link-toptask-border-color);
  --todo-card-as-link-toptask-hover-background-color: var(--basis-color-accent-1-inverse-bg-hover);
  --todo-card-as-link-toptask-active-color: var(--basis-color-accent-1-inverse-color-active);
  --todo-card-as-link-toptask-active-border-color: var(--todo-card-as-link-toptask-border-color);
  --todo-card-as-link-toptask-active-background-color: var(--basis-color-accent-1-inverse-bg-active);
  --todo-card-as-link-toptask-color: var(--basis-color-accent-1-inverse-color-default);
  --todo-card-as-link-toptask-border-color: var(--basis-color-transparent);
  --todo-card-as-link-toptask-background-color: var(--basis-color-accent-1-inverse-bg-default);
  --todo-card-as-link-topic-pre-header-padding-inline-start: var(--basis-space-inline-xl);
  --todo-card-as-link-topic-pre-header-padding-block-start: var(--basis-space-block-xl);
  --todo-card-as-link-topic-pre-header-padding-block-end: var(--basis-space-block-xl);
  --todo-card-as-link-topic-footer-padding-inline-start: var(--basis-space-none);
  --todo-card-as-link-topic-icon-size: var(--basis-size-icon-xl);
  --todo-card-as-link-topic-icon-color: var(--basis-color-accent-1-color-default);
  --todo-card-as-link-topic-border-width: var(--basis-border-width-sm);
  --todo-card-as-link-topic-border-radius: var(--basis-border-radius-none);
  --todo-card-as-link-task-checked-icon-color: var(--basis-color-positive-color-default);
  --todo-card-as-link-task-pre-header-padding-inline-start: var(--basis-space-inline-xl);
  --todo-card-as-link-task-pre-header-padding-block-start: var(--basis-space-block-xl);
  --todo-card-as-link-task-pre-header-padding-block-end: var(--basis-space-block-xl);
  --todo-card-as-link-task-footer-padding-inline-start: var(--basis-space-none);
  --todo-card-as-link-task-body-padding-block-start: var(--basis-space-block-xl);
  --todo-card-as-link-task-max-inline-size: None;
  --todo-card-as-link-task-border-width: var(--basis-border-width-sm);
  --todo-card-as-link-task-border-radius: var(--basis-border-radius-none);
  --todo-card-as-link-product-border-radius: var(--basis-border-radius-none);
  --todo-card-as-link-product-border-block-start-width: var(--basis-border-width-lg);
  --todo-card-as-link-product-border-block-start-color: var(--basis-color-accent-1-border-default);
  --todo-card-as-link-plan-archived-link-icon-color: var(--basis-color-default-color-default);
  --todo-card-as-link-plan-archived-heading-color: var(--basis-heading-color);
  --todo-card-as-link-plan-archived-decoration-clip-color: var(--basis-color-default-border-subtle);
  --todo-card-as-link-plan-archived-hover-border-color: var(--basis-color-default-bg-active);
  --todo-card-as-link-plan-archived-hover-background-color: var(--basis-color-default-bg-hover);
  --todo-card-as-link-plan-archived-active-border-color: var(--basis-color-default-bg-active);
  --todo-card-as-link-plan-archived-active-background-color: var(--basis-color-default-bg-active);
  --todo-card-as-link-plan-archived-color: var(--basis-color-default-color-document);
  --todo-card-as-link-plan-archived-border-color: var(--basis-color-default-bg-active);
  --todo-card-as-link-plan-archived-background-color: var(--basis-color-default-bg-default);
  --todo-card-as-link-plan-link-icon-color: var(--todo-card-as-link-link-icon-color);
  --todo-card-as-link-plan-heading-color: var(--basis-heading-color);
  --todo-card-as-link-plan-header-padding-inline-start: var(--basis-space-inline-xl);
  --todo-card-as-link-plan-header-padding-inline-end: var(--basis-space-inline-xl);
  --todo-card-as-link-plan-header-padding-block-end: var(--basis-space-block-xl);
  --todo-card-as-link-plan-footer-padding-inline-start: var(--basis-space-inline-xl);
  --todo-card-as-link-plan-footer-padding-inline-end: var(--basis-space-inline-xl);
  --todo-card-as-link-plan-footer-padding-block-end: var(--basis-space-block-xl);
  --todo-card-as-link-plan-decoration-clip-color: var(--basis-color-accent-1-border-subtle);
  --todo-card-as-link-plan-body-padding-inline-start: var(--basis-space-inline-xl);
  --todo-card-as-link-plan-body-padding-inline-end: var(--basis-space-inline-xl);
  --todo-card-as-link-plan-hover-border-color: var(--basis-color-accent-1-bg-active);
  --todo-card-as-link-plan-hover-background-color: var(--basis-color-accent-1-bg-hover);
  --todo-card-as-link-plan-active-border-color: var(--basis-color-accent-1-bg-active);
  --todo-card-as-link-plan-active-background-color: var(--basis-color-accent-1-bg-active);
  --todo-card-as-link-plan-min-block-size: 12rem;
  --todo-card-as-link-plan-color: var(--basis-color-default-color-document);
  --todo-card-as-link-plan-border-width: var(--basis-border-width-lg);
  --todo-card-as-link-plan-border-color: var(--basis-color-accent-1-bg-active);
  --todo-card-as-link-plan-background-color: var(--basis-color-accent-1-bg-default);
  --todo-card-as-link-case-archived-link-icon-color: var(--basis-color-default-color-default);
  --todo-card-as-link-case-archived-heading-color: var(--basis-heading-color);
  --todo-card-as-link-case-archived-decoration-background-color: var(--basis-color-default-bg-active);
  --todo-card-as-link-case-archived-hover-border-color: var(--todo-card-as-link-case-border-color);
  --todo-card-as-link-case-archived-hover-background-color: var(--basis-color-default-bg-hover);
  --todo-card-as-link-case-archived-active-border-color: var(--todo-card-as-link-case-border-color);
  --todo-card-as-link-case-archived-active-background-color: var(--basis-color-default-bg-active);
  --todo-card-as-link-case-archived-color: var(--basis-color-default-color-document);
  --todo-card-as-link-case-archived-border-color: var(--basis-color-transparent);
  --todo-card-as-link-case-archived-background-color: var(--basis-color-default-bg-default);
  --todo-card-as-link-case-link-icon-color: var(--todo-card-as-link-link-icon-color);
  --todo-card-as-link-case-heading-color: var(--basis-heading-color);
  --todo-card-as-link-case-decoration-paper-border-radius: var(--basis-border-radius-none);
  --todo-card-as-link-case-decoration-paper-background-color: #ffffff;
  --todo-card-as-link-case-decoration-background-color: var(--basis-color-accent-1-bg-active);
  --todo-card-as-link-case-hover-border-color: var(--todo-card-as-link-case-border-color);
  --todo-card-as-link-case-hover-background-color: var(--basis-color-accent-1-bg-hover);
  --todo-card-as-link-case-active-border-color: var(--todo-card-as-link-case-border-color);
  --todo-card-as-link-case-active-background-color: var(--basis-color-accent-1-bg-active);
  --todo-card-as-link-case-min-block-size: 12rem;
  --todo-card-as-link-case-color: var(--basis-color-default-color-document);
  --todo-card-as-link-case-border-color: var(--basis-color-transparent);
  --todo-card-as-link-case-background-color: var(--basis-color-accent-1-bg-default);
  --todo-card-as-link-status-banner-error-color: var(--basis-color-negative-color-default);
  --todo-card-as-link-status-banner-error-background-color: var(--basis-color-negative-bg-default);
  --todo-card-as-link-status-banner-warning-color: var(--basis-color-warning-color-default);
  --todo-card-as-link-status-banner-warning-background-color: var(--basis-color-warning-bg-default);
  --todo-card-as-link-status-banner-success-color: var(--basis-color-positive-color-default);
  --todo-card-as-link-status-banner-success-background-color: var(--basis-color-positive-bg-default);
  --todo-card-as-link-status-banner-info-color: var(--basis-color-info-color-default);
  --todo-card-as-link-status-banner-info-background-color: var(--basis-color-info-bg-default);
  --todo-card-as-link-status-banner-padding-inline: var(--basis-space-inline-xl);
  --todo-card-as-link-status-banner-padding-block: var(--basis-space-block-xl);
  --todo-card-as-link-status-banner-column-gap: var(--basis-space-column-md);
  --todo-card-as-link-pre-header-row-gap: var(--basis-space-row-md);
  --todo-card-as-link-pre-header-padding-inline-start: var(--basis-space-none);
  --todo-card-as-link-pre-header-padding-inline-end: var(--basis-space-none);
  --todo-card-as-link-pre-header-padding-block-start: var(--basis-space-none);
  --todo-card-as-link-pre-header-padding-block-end: var(--basis-space-none);
  --todo-card-as-link-pre-header-column-gap: var(--basis-space-column-md);
  --todo-card-as-link-link-icon-size: var(--basis-size-icon-md);
  --todo-card-as-link-link-icon-color: var(--basis-color-action-2-color-default);
  --todo-card-as-link-label-hover-text-decoration: underline;
  --todo-card-as-link-label-text-decoration: None;
  --todo-card-as-link-label-line-height: var(--basis-text-line-height-md);
  --todo-card-as-link-label-font-weight: var(--basis-text-font-weight-bold);
  --todo-card-as-link-label-font-size: var(--basis-text-font-size-md);
  --todo-card-as-link-label-font-family: var(--basis-text-font-family-default);
  --todo-card-as-link-label-color: var(--todo-card-as-link-color);
  --todo-card-as-link-icon-size: var(--basis-size-icon-md);
  --todo-card-as-link-icon-color: var(--todo-card-as-link-color);
  --todo-card-as-link-heading-hover-text-decoration: underline;
  --todo-card-as-link-heading-text-decoration: None;
  --todo-card-as-link-heading-line-height: var(--basis-text-line-height-xl);
  --todo-card-as-link-heading-font-weight: var(--basis-heading-font-weight);
  --todo-card-as-link-heading-font-size: var(--basis-text-font-size-xl);
  --todo-card-as-link-heading-font-family: var(--basis-heading-font-family);
  --todo-card-as-link-heading-color: var(--basis-heading-color);
  --todo-card-as-link-header-row-gap: var(--basis-space-row-md);
  --todo-card-as-link-header-padding-inline-start: var(--basis-space-inline-xl);
  --todo-card-as-link-header-padding-inline-end: var(--basis-space-inline-xl);
  --todo-card-as-link-header-padding-block-start: var(--basis-space-block-xl);
  --todo-card-as-link-header-padding-block-end: var(--basis-space-block-xl);
  --todo-card-as-link-header-column-gap: var(--basis-space-column-md);
  --todo-card-as-link-footer-row-gap: var(--basis-space-row-md);
  --todo-card-as-link-footer-padding-inline-start: var(--basis-space-inline-xl);
  --todo-card-as-link-footer-padding-inline-end: var(--basis-space-inline-xl);
  --todo-card-as-link-footer-padding-block-start: var(--basis-space-block-xl);
  --todo-card-as-link-footer-padding-block-end: var(--basis-space-block-xl);
  --todo-card-as-link-footer-column-gap: var(--basis-space-column-md);
  --todo-card-as-link-description-line-height: var(--basis-text-line-height-md);
  --todo-card-as-link-description-font-size: var(--basis-text-font-size-md);
  --todo-card-as-link-body-row-gap: var(--basis-space-row-md);
  --todo-card-as-link-body-padding-inline-start: var(--basis-space-inline-xl);
  --todo-card-as-link-body-padding-inline-end: var(--basis-space-inline-xl);
  --todo-card-as-link-body-padding-block-start: var(--basis-space-none);
  --todo-card-as-link-body-padding-block-end: var(--basis-space-block-xl);
  --todo-card-as-link-body-column-gap: var(--basis-space-column-md);
  --todo-card-as-link-hover-border-color: var(--todo-card-as-link-border-color);
  --todo-card-as-link-hover-background-color: var(--basis-color-default-bg-hover);
  --todo-card-as-link-focus-color: var(--basis-focus-color);
  --todo-card-as-link-focus-border-color: var(--basis-color-transparent);
  --todo-card-as-link-focus-background-color: var(--basis-focus-background-color);
  --todo-card-as-link-active-border-color: var(--todo-card-as-link-border-color);
  --todo-card-as-link-active-background-color: var(--basis-color-default-bg-active);
  --todo-card-as-link-min-block-size: var(--basis-pointer-target-min-block-size);
  --todo-card-as-link-max-inline-size: 48rem;
  --todo-card-as-link-color: var(--basis-color-default-color-document);
  --todo-card-as-link-border-width: var(--basis-border-width-sm);
  --todo-card-as-link-border-radius: var(--basis-border-radius-md);
  --todo-card-as-link-border-color: var(--basis-color-default-border-subtle);
  --todo-card-as-link-background-color: var(--basis-color-default-bg-document);
  --todo-calendar-table-days-item-day-disabled-font-weight: var(--basis-text-font-weight-default);
  --todo-breadcrumb-nav-separator-size: var(--basis-size-icon-sm);
  --todo-breadcrumb-nav-separator-color: var(--basis-color-default-color-subtle);
  --todo-breadcrumb-nav-link-icon-size: var(--basis-size-icon-md);
  --todo-breadcrumb-nav-link-hover-text-decoration: None;
  --todo-breadcrumb-nav-link-hover-color: var(--basis-color-action-2-color-hover);
  --todo-breadcrumb-nav-link-focus-visible-text-decoration: None;
  --todo-breadcrumb-nav-link-focus-visible-color: var(--basis-focus-color);
  --todo-breadcrumb-nav-link-focus-visible-background-color: var(--basis-focus-background-color);
  --todo-breadcrumb-nav-link-active-text-decoration: None;
  --todo-breadcrumb-nav-link-active-color: var(--basis-color-action-2-color-active);
  --todo-breadcrumb-nav-link-text-decoration: underline;
  --todo-breadcrumb-nav-link-column-gap: var(--basis-space-text-xs);
  --todo-breadcrumb-nav-link-color: var(--basis-color-action-2-color-default);
  --todo-breadcrumb-nav-item-padding-inline-start: var(--basis-space-none);
  --todo-breadcrumb-nav-item-padding-inline-end: var(--basis-space-none);
  --todo-breadcrumb-nav-item-padding-block-start: var(--basis-space-block-lg);
  --todo-breadcrumb-nav-item-padding-block-end: var(--basis-space-block-lg);
  --todo-breadcrumb-nav-item-min-block-size: var(--basis-pointer-target-min-block-size);
  --todo-breadcrumb-nav-current-color: var(--basis-color-disabled-color-subtle);
  --todo-breadcrumb-nav-line-height: var(--basis-text-line-height-md);
  --todo-breadcrumb-nav-font-weight: var(--basis-text-font-weight-default);
  --todo-breadcrumb-nav-font-size: var(--basis-text-font-size-md);
  --todo-breadcrumb-nav-font-family: var(--basis-text-font-family-default);
  --todo-breadcrumb-nav-column-gap: var(--basis-space-column-md);
  --ams-page-footer-spotlight-background-color: var(--basis-color-accent-1-inverse-bg-default);
  --ams-page-footer-menu-link-hover-text-decoration-line: None;
  --ams-page-footer-menu-link-hover-color: var(--basis-color-action-1-color-hover);
  --ams-page-footer-menu-link-text-underline-offset: auto; /* [code-only] */
  --ams-page-footer-menu-link-text-decoration-thickness: auto; /* [code-only] */
  --ams-page-footer-menu-link-text-decoration-line: underline;
  --ams-page-footer-menu-link-outline-offset: auto; /* [code-only] */
  --ams-page-footer-menu-link-line-height: var(--basis-text-line-height-md);
  --ams-page-footer-menu-link-font-weight: var(--basis-text-font-weight-default);
  --ams-page-footer-menu-link-font-size: var(--basis-text-font-size-md);
  --ams-page-footer-menu-link-font-family: var(--basis-text-font-family-default);
  --ams-page-footer-menu-link-color: var(--basis-color-action-1-color-default);
  --ams-page-footer-menu-wide-padding-inline: 96px;
  --ams-page-footer-menu-medium-padding-inline: var(--basis-space-inline-5xl);
  --ams-page-footer-menu-row-gap: var(--basis-space-row-md);
  --ams-page-footer-menu-padding-inline: var(--basis-space-inline-xl);
  --ams-page-footer-menu-padding-block: var(--basis-space-block-xl);
  --ams-page-footer-menu-column-gap: var(--basis-space-column-4xl);
  --ams-page-header-navigation-row-gap: var(--basis-space-row-xl);
  --ams-page-header-navigation-column-gap: var(--basis-space-column-4xl);
  --ams-page-header-menu-link-hover-text-decoration-line: underline;
  --ams-page-header-menu-link-text-underline-offset: auto; /* [code-only] */
  --ams-page-header-menu-link-text-decoration-thickness: auto; /* [code-only] */
  --ams-page-header-menu-link-text-decoration-line: None;
  --ams-page-header-menu-item-hover-color: var(--basis-color-action-1-color-hover);
  --ams-page-header-menu-item-padding-block: var(--basis-space-block-lg);
  --ams-page-header-menu-item-outline-offset: auto; /* [code-only] */
  --ams-page-header-menu-item-line-height: var(--basis-text-line-height-md);
  --ams-page-header-menu-item-font-weight: var(--basis-text-font-weight-default);
  --ams-page-header-menu-item-font-size: var(--basis-text-font-size-md);
  --ams-page-header-menu-item-column-gap: var(--basis-space-text-xs);
  --ams-page-header-menu-item-color: var(--basis-color-action-1-color-default);
  --ams-page-header-menu-row-gap: var(--basis-space-row-3xl);
  --ams-page-header-menu-column-gap: var(--basis-space-column-3xl);
  --ams-page-header-mega-menu-button-label-open-font-weight: var(--basis-text-font-weight-bold);
  --ams-page-header-mega-menu-button-cursor: default; /* [code-only] */
  --ams-page-header-logo-link-outline-offset: auto; /* [code-only] */
  --ams-page-header-logo-link-column-gap: var(--basis-space-column-xl);
  --ams-page-header-brand-name-text-wrap: nowrap; /* [code-only] */
  --ams-page-header-brand-name-font-weight: var(--basis-heading-font-weight);
  --ams-page-header-brand-name-font-size: var(--basis-text-font-size-xl);
  --ams-page-header-brand-name-color: var(--basis-color-accent-1-color-document);
  --ams-page-header-wide-padding-inline: 96px;
  --ams-page-header-medium-padding-inline: var(--basis-space-inline-5xl);
  --ams-page-header-padding-inline: var(--basis-space-inline-xl);
  --ams-page-header-padding-block: var(--basis-space-block-3xl);
  --ams-page-header-font-family: var(--basis-text-font-family-default);
  --ams-tabs-list-box-shadow: inset 0 -var(--basis-border-width-sm) 0 0 var(--basis-color-default-border-subtle);
  --ams-tabs-button-selected-font-weight: var(--basis-text-font-weight-bold);
  --ams-tabs-button-selected-box-shadow: inset 0 -var(--basis-border-width-lg) 0 0 var(--ams-tabs-button-color);
  --ams-tabs-button-disabled-cursor: not-allowed; /* [code-only] */
  --ams-tabs-button-disabled-color: var(--basis-color-disabled-color-subtle);
  --ams-tabs-button-hover-box-shadow: inset 0 -var(--basis-border-width-lg) 0 0 var(--ams-tabs-button-color);
  --ams-tabs-button-hover-color: var(--basis-color-action-2-color-hover);
  --ams-tabs-button-padding-inline: var(--basis-space-inline-xl);
  --ams-tabs-button-padding-block: var(--basis-space-block-lg);
  --ams-tabs-button-outline-offset: 0px; /* [code-only] */
  --ams-tabs-button-line-height: var(--basis-text-line-height-md);
  --ams-tabs-button-font-weight: var(--basis-text-font-weight-default);
  --ams-tabs-button-font-size: var(--basis-text-font-size-md);
  --ams-tabs-button-font-family: var(--basis-text-font-family-default);
  --ams-tabs-button-cursor: pointer; /* [code-only] */
  --ams-tabs-button-color: var(--basis-color-action-2-color-default);
  --ams-tabs-gap: var(--basis-space-row-3xl);
  --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-password-input-invalid-hover-border-color: var(--basis-color-negative-border-hover);
  --ams-password-input-invalid-border-color: var(--basis-form-control-invalid-border-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-password-input-disabled-cursor: disabled; /* [code-only] */
  --ams-password-input-disabled-color: var(--basis-form-control-disabled-color);
  --ams-password-input-placeholder-color: var(--basis-form-control-placeholder-color);
  --ams-password-input-padding-inline: var(--basis-form-control-padding-inline-start);
  --ams-password-input-padding-block: var(--basis-form-control-padding-block-start);
  --ams-password-input-outline-offset: auto; /* [code-only] */
  --ams-password-input-line-height: var(--basis-form-control-line-height);
  --ams-password-input-font-weight: var(--basis-form-control-font-weight);
  --ams-password-input-font-size: var(--basis-form-control-font-size);
  --ams-password-input-font-family: var(--basis-form-control-font-family);
  --ams-password-input-color: var(--basis-form-control-color);
  --ams-password-input-border-width: var(--basis-form-control-border-width);
  --ams-password-input-border-style: solid; /* [code-only] */
  --ams-password-input-border-color: var(--basis-form-control-border-color);
  --ams-password-input-background-color: var(--basis-form-control-background-color);
  --ams-modal-dialog-footer-medium-padding-inline: var(--basis-space-inline-xl);
  --ams-modal-dialog-footer-medium-padding-block: var(--basis-space-block-3xl);
  --ams-modal-dialog-footer-padding-inline: var(--basis-space-inline-xl);
  --ams-modal-dialog-footer-padding-block: var(--basis-space-block-3xl);
  --ams-modal-dialog-body-medium-padding-inline: var(--basis-space-inline-xl);
  --ams-modal-dialog-body-medium-padding-block: var(--basis-space-none);
  --ams-modal-dialog-body-padding-inline: var(--basis-space-inline-xl);
  --ams-modal-dialog-body-padding-block: var(--basis-space-none);
  --ams-modal-dialog-body-min-block-size: var(--basis-pointer-target-min-block-size);
  --ams-modal-dialog-header-medium-padding-inline: var(--basis-space-inline-xl);
  --ams-modal-dialog-header-medium-padding-block: var(--basis-space-block-xl);
  --ams-modal-dialog-header-row-gap: var(--basis-space-row-sm);
  --ams-modal-dialog-header-padding-inline: var(--basis-space-inline-xl);
  --ams-modal-dialog-header-padding-block: var(--basis-space-block-xl);
  --ams-modal-dialog-header-column-gap: var(--basis-space-column-xl);
  --ams-modal-dialog-backdrop-background-color: rgba(36, 36, 36, 0.2);
  --ams-modal-dialog-medium-max-block-size: 80vh; /* [code-only] */
  --ams-modal-dialog-medium-inline-size: 640px;
  --ams-modal-dialog-max-inline-size: 640px;
  --ams-modal-dialog-max-block-size: 80vh; /* [code-only] */
  --ams-modal-dialog-inline-size: 328px;
  --ams-modal-dialog-box-shadow: var(--basis-box-shadow-lg);
  --ams-modal-dialog-border-width: var(--basis-border-width-sm);
  --ams-modal-dialog-border-style: solid; /* [code-only] */
  --ams-modal-dialog-border-radius: var(--basis-border-radius-lg);
  --ams-modal-dialog-border-color: var(--basis-color-default-border-subtle);
  --ams-modal-dialog-background-color: var(--basis-color-default-bg-document);
  --ams-image-aspect-ratio: 1.7778; /* [code-only] */
  --ams-icon-button-inverse-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --ams-icon-button-inverse-hover-background-color: var(--basis-color-action-1-inverse-bg-hover);
  --ams-icon-button-inverse-disabled-color: var(--basis-color-disabled-inverse-color-subtle);
  --ams-icon-button-inverse-disabled-background-color: var(--basis-color-disabled-inverse-bg-subtle);
  --ams-icon-button-inverse-color: var(--basis-color-action-1-inverse-color-default);
  --ams-icon-button-inverse-background-color: rgba(0, 0, 0, 0);
  --ams-icon-button-contrast-hover-color: var(--basis-color-action-1-color-hover);
  --ams-icon-button-contrast-hover-background-color: var(--basis-color-action-1-bg-hover);
  --ams-icon-button-contrast-disabled-color: var(--basis-color-disabled-color-subtle);
  --ams-icon-button-contrast-color: var(--basis-color-action-1-color-default);
  --ams-icon-button-hover-color: var(--basis-color-action-1-color-hover);
  --ams-icon-button-hover-background-color: var(--basis-color-action-1-bg-hover);
  --ams-icon-button-disabled-cursor: disabled; /* [code-only] */
  --ams-icon-button-disabled-color: var(--basis-color-disabled-color-subtle);
  --ams-icon-button-outline-offset: auto; /* [code-only] */
  --ams-icon-button-cursor: default; /* [code-only] */
  --ams-icon-button-color: var(--basis-color-action-1-color-default);
  --ams-heading-level-6-line-height: var(--basis-text-line-height-sm);
  --ams-heading-level-6-font-size: var(--basis-text-font-size-sm);
  --ams-heading-level-5-line-height: var(--basis-text-line-height-md);
  --ams-heading-level-5-font-size: var(--basis-text-font-size-md);
  --ams-heading-level-4-line-height: var(--basis-text-line-height-lg);
  --ams-heading-level-4-font-size: var(--basis-text-font-size-lg);
  --ams-heading-level-3-line-height: var(--basis-text-line-height-xl);
  --ams-heading-level-3-font-size: var(--basis-text-font-size-xl);
  --ams-heading-level-2-line-height: var(--basis-text-line-height-2xl);
  --ams-heading-level-2-font-size: var(--basis-text-font-size-2xl);
  --ams-heading-level-1-line-height: var(--basis-text-line-height-3xl);
  --ams-heading-level-1-font-size: var(--basis-text-font-size-3xl);
  --ams-heading-inverse-color: var(--basis-color-default-inverse-color-document);
  --ams-heading-font-weight: var(--basis-heading-font-weight);
  --ams-heading-font-family: var(--basis-heading-font-family);
  --ams-heading-color: var(--basis-heading-color);
  --ams-grid-cell-padding-inline: var(--basis-space-none);
  --ams-grid-cell-padding-block: var(--basis-space-none);
  --ams-grid-cell-background-color: var(--basis-color-transparent);
  --ams-grid-vi-wide-padding-inline: var(--basis-space-none);
  --ams-grid-vi-wide-column-count: 12;
  --ams-grid-vi-medium-padding-inline: var(--basis-space-none);
  --ams-grid-vi-medium-column-count: 12;
  --ams-grid-row-gap-2xl: var(--basis-space-row-5xl);
  --ams-grid-row-gap-xl: var(--basis-space-row-3xl);
  --ams-grid-row-gap-l: var(--basis-space-row-xl);
  --ams-grid-padding-inline: var(--basis-space-none);
  --ams-grid-padding-block-2xl: var(--basis-space-block-6xl);
  --ams-grid-padding-block-xl: var(--basis-space-block-3xl);
  --ams-grid-padding-block-l: var(--basis-space-block-xl);
  --ams-grid-column-gap: var(--basis-space-column-xl);
  --ams-grid-column-count: 12;
  --ams-file-input-button-hover-color: var(--basis-color-action-1-color-hover);
  --ams-file-input-button-hover-box-shadow: None;
  --ams-file-input-button-disabled-cursor: disabled; /* [code-only] */
  --ams-file-input-button-disabled-color: var(--basis-color-disabled-color-subtle);
  --ams-file-input-button-padding-inline: var(--basis-space-inline-xl);
  --ams-file-input-button-padding-block: var(--basis-space-block-lg);
  --ams-file-input-button-margin-inline-end: var(--basis-space-inline-xl); /* [code-only] */
  --ams-file-input-button-line-height: var(--basis-text-line-height-md);
  --ams-file-input-button-cursor: default; /* [code-only] */
  --ams-file-input-button-color: var(--basis-color-action-1-color-default);
  --ams-file-input-button-border-width: var(--basis-border-width-sm);
  --ams-file-input-button-border-style: solid; /* [code-only] */
  --ams-file-input-button-border-color: var(--basis-color-action-1-border-default);
  --ams-file-input-button-background-color: var(--basis-color-transparent);
  --ams-file-input-disabled-cursor: disabled; /* [code-only] */
  --ams-file-input-disabled-color: var(--basis-form-control-disabled-color);
  --ams-file-input-padding-inline: var(--basis-space-inline-xl);
  --ams-file-input-padding-block: var(--basis-space-block-xl);
  --ams-file-input-outline-offset: auto; /* [code-only] */
  --ams-file-input-line-height: var(--basis-form-control-line-height);
  --ams-file-input-font-weight: var(--basis-form-control-font-weight);
  --ams-file-input-font-size: var(--basis-form-control-font-size);
  --ams-file-input-font-family: var(--basis-form-control-font-family);
  --ams-file-input-cursor: default; /* [code-only] */
  --ams-file-input-color: var(--basis-form-control-color);
  --ams-file-input-border-width: var(--basis-form-control-border-width);
  --ams-file-input-border-style: dashed; /* [code-only] */
  --ams-file-input-border-color: var(--basis-form-control-border-color);
  --ams-file-input-background-color: var(--basis-form-control-background-color);
  --ams-figure-caption-inverse-color: var(--basis-color-default-inverse-color-document);
  --ams-figure-caption-line-height: var(--basis-text-line-height-md);
  --ams-figure-caption-font-weight: var(--basis-text-font-weight-default);
  --ams-figure-caption-font-size: var(--basis-text-font-size-md);
  --ams-figure-caption-font-family: var(--basis-text-font-family-default);
  --ams-figure-caption-color: var(--basis-color-default-color-document);
  --ams-figure-gap: var(--basis-space-row-md);
  --ams-description-list-wide-grid-template-columns: 1fr 1fr; /* [code-only] */
  --ams-description-list-term-font-weight: var(--basis-text-font-weight-bold);
  --ams-description-list-section-column-gap: var(--basis-space-column-xl);
  --ams-description-list-narrow-grid-template-columns: 1fr 4fr; /* [code-only] */
  --ams-description-list-medium-grid-template-columns: 1fr 2fr; /* [code-only] */
  --ams-description-list-inverse-color: var(--basis-color-default-inverse-color-document);
  --ams-description-list-description-padding-inline-start: var(--basis-space-inline-xl);
  --ams-description-list-description-font-weight: var(--basis-text-font-weight-default);
  --ams-description-list-row-gap: var(--basis-space-row-xl);
  --ams-description-list-line-height: var(--basis-text-line-height-md);
  --ams-description-list-grid-template-columns: auto 1fr; /* [code-only] */
  --ams-description-list-font-size: var(--basis-text-font-size-md);
  --ams-description-list-font-family: var(--basis-text-font-family-default);
  --ams-description-list-column-gap: var(--basis-space-column-3xl);
  --ams-description-list-color: var(--basis-color-default-color-document);
  --ams-date-input-invalid-hover-box-shadow: inset 0 0 0 var(--basis-form-control-hover-border-width) var(--basis-color-negative-border-hover);
  --ams-date-input-invalid-hover-border-color: var(--basis-color-negative-border-hover);
  --ams-date-input-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --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-hover-box-shadow: inset 0 0 0 var(--basis-form-control-hover-border-width) var(--basis-form-control-hover-border-color);
  --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-disabled-cursor: disabled; /* [code-only] */
  --ams-date-input-disabled-color: var(--basis-form-control-disabled-color);
  --ams-date-input-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --ams-date-input-calendar-picker-indicator-cursor: default; /* [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-padding-inline: var(--basis-form-control-padding-inline-start);
  --ams-date-input-padding-block: var(--basis-form-control-padding-block-start);
  --ams-date-input-outline-offset: auto; /* [code-only] */
  --ams-date-input-min-inline-size: 10rem;
  --ams-date-input-min-block-size: var(--basis-pointer-target-min-block-size);
  --ams-date-input-line-height: var(--basis-form-control-line-height);
  --ams-date-input-font-weight: var(--basis-form-control-font-weight);
  --ams-date-input-font-family: var(--basis-form-control-font-family);
  --ams-date-input-font-size: var(--basis-form-control-font-size);
  --ams-date-input-color: var(--basis-form-control-color);
  --ams-date-input-border-width: var(--basis-form-control-border-width);
  --ams-date-input-border-style: solid; /* [code-only] */
  --ams-date-input-border-color: var(--basis-form-control-border-color);
  --ams-date-input-background-color: var(--basis-form-control-background-color);
  --ams-card-link-hover-text-decoration-line: underline;
  --ams-card-link-hover-color: var(--basis-color-action-2-color-hover);
  --ams-card-link-text-underline-offset: auto; /* [code-only] */
  --ams-card-link-text-decoration-thickness: auto; /* [code-only] */
  --ams-card-link-text-decoration-line: None;
  --ams-card-link-color: var(--basis-color-action-2-color-default);
  --ams-card-image-margin-block-end: var(--basis-space-none); /* [code-only] */
  --ams-card-heading-group-margin-block-end: var(--basis-space-none); /* [code-only] */
  --ams-card-heading-group-gap: var(--basis-space-row-sm);
  --ams-card-heading-margin-block-end: var(--basis-space-none); /* [code-only] */
  --ams-card-outline-offset: auto; /* [code-only] */
  --ams-breadcrumb-link-hover-text-decoration-line: None;
  --ams-breadcrumb-link-hover-color: var(--basis-color-action-2-color-hover);
  --ams-breadcrumb-link-text-decoration-thickness: auto; /* [code-only] */
  --ams-breadcrumb-link-text-underline-offset: auto; /* [code-only] */
  --ams-breadcrumb-link-text-decoration-line: underline;
  --ams-breadcrumb-link-outline-offset: auto; /* [code-only] */
  --ams-breadcrumb-link-color: var(--basis-color-action-2-color-default);
  --ams-breadcrumb-separator-margin-inline: var(--basis-space-column-lg);
  --ams-breadcrumb-separator-inline-size: 0.75rem;
  --ams-breadcrumb-separator-block-size: 0.75rem;
  --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-line-height: var(--basis-text-line-height-md);
  --ams-breadcrumb-font-weight: var(--basis-text-font-weight-default);
  --ams-breadcrumb-font-size: var(--basis-text-font-size-md);
  --ams-breadcrumb-font-family: var(--basis-text-font-family-default);
  --ams-avatar-has-image-inline-size: var(--basis-pointer-target-min-inline-size);
  --ams-avatar-padding-inline: var(--basis-space-none);
  --ams-avatar-padding-block: var(--basis-space-none);
  --ams-avatar-line-height: var(--basis-text-line-height-md);
  --ams-avatar-inline-size: var(--basis-pointer-target-min-inline-size);
  --ams-avatar-font-size: var(--basis-text-font-size-md);
  --ams-avatar-font-family: var(--basis-text-font-family-default);
  --ams-avatar-color: var(--basis-color-accent-1-inverse-color-default);
  --ams-avatar-border-width: var(--basis-border-width-sm);
  --ams-avatar-border-style: solid; /* [code-only] */
  --ams-avatar-border-color: var(--basis-color-transparent);
  --ams-avatar-background-color: var(--basis-color-accent-1-inverse-bg-default);
  --ams-avatar-aspect-ratio: 1; /* [code-only] */
  --utrecht-listbox-option-selected-hover-color: var(--basis-color-selected-inverse-color-hover);
  --utrecht-listbox-option-selected-hover-background-color: var(--basis-color-selected-inverse-bg-hover);
  --utrecht-listbox-option-selected-disabled-color: var(--basis-form-control-disabled-background-color);
  --utrecht-listbox-option-selected-disabled-background-color: var(--basis-form-control-disabled-color);
  --utrecht-listbox-option-selected-color: var(--basis-color-selected-inverse-color-default);
  --utrecht-listbox-option-selected-background-color: var(--basis-color-selected-inverse-bg-default);
  --utrecht-listbox-option-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-listbox-option-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-listbox-option-active-color: var(--basis-color-selected-inverse-color-active);
  --utrecht-listbox-option-active-background-color: var(--basis-color-selected-inverse-bg-active);
  --utrecht-listbox-option-is-active-color: var(--basis-color-selected-inverse-color-default);
  --utrecht-listbox-option-is-active-background-color: var(--basis-color-selected-inverse-bg-default);
  --utrecht-listbox-option-padding-inline-start: var(--basis-space-inline-sm);
  --utrecht-listbox-option-padding-inline-end: var(--basis-space-inline-sm);
  --utrecht-listbox-option-padding-block-start: var(--basis-space-block-sm);
  --utrecht-listbox-option-padding-block-end: var(--basis-space-block-sm);
  --utrecht-listbox-hover-color: var(--basis-form-control-hover-color);
  --utrecht-listbox-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-listbox-padding-inline-start: var(--basis-space-none);
  --utrecht-listbox-padding-inline-end: var(--basis-space-none);
  --utrecht-listbox-padding-block-start: var(--basis-space-none);
  --utrecht-listbox-padding-block-end: var(--basis-space-none);
  --utrecht-listbox-color: var(--basis-form-control-color);
  --utrecht-listbox-border-width: var(--basis-form-control-border-width);
  --utrecht-listbox-border-radius: var(--basis-form-control-border-radius);
  --utrecht-listbox-border-color: var(--basis-form-control-border-color);
  --utrecht-listbox-background-color: var(--basis-form-control-background-color);
  --utrecht-article-max-inline-size: 750px;
  --utrecht-page-footer-content-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-page-footer-content-padding-block-start: var(--basis-space-block-4xl);
  --utrecht-page-footer-content-padding-block-end: var(--basis-space-block-4xl);
  --utrecht-page-footer-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-footer-padding-inline: var(--basis-space-none);
  --utrecht-page-footer-color: var(--basis-color-default-color-document);
  --utrecht-page-footer-background-color: var(--basis-color-accent-1-bg-default);
  --utrecht-page-header-content-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-page-header-content-padding-block-start: var(--basis-space-block-4xl);
  --utrecht-page-header-content-padding-block-end: var(--basis-space-block-4xl);
  --utrecht-page-header-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-header-padding-inline: var(--basis-space-inline-4xl);
  --utrecht-page-header-color: var(--basis-color-default-color-document);
  --utrecht-page-header-background-color: var(--basis-color-default-bg-document);
  --utrecht-body-line-height: var(--basis-text-line-height-md);
  --utrecht-body-font-weight: var(--basis-text-font-weight-default);
  --utrecht-body-font-size: var(--basis-text-font-size-md);
  --utrecht-body-color: var(--basis-color-default-color-document);
  --utrecht-body-background-color: var(--basis-color-default-bg-document);
  --utrecht-unordered-list-marker-color: var(--basis-color-default-color-document);
  --utrecht-unordered-list-item-padding-inline-start: var(--basis-space-inline-md);
  --utrecht-unordered-list-item-margin-block-start: var(--basis-space-block-sm);
  --utrecht-unordered-list-item-margin-block-end: var(--basis-space-block-sm);
  --utrecht-unordered-list-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-unordered-list-line-height: var(--basis-text-line-height-md);
  --utrecht-unordered-list-font-size: var(--basis-text-font-size-md);
  --utrecht-textbox-read-only-color: var(--basis-form-control-read-only-color);
  --utrecht-textbox-read-only-border-color: var(--basis-form-control-read-only-border-color);
  --utrecht-textbox-read-only-background-color: var(--basis-form-control-read-only-background-color);
  --utrecht-textbox-invalid-color: var(--basis-form-control-color);
  --utrecht-textbox-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-textbox-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-textbox-invalid-border-block-end-width: var(--utrecht-textbox-invalid-border-width);
  --utrecht-textbox-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-textbox-hover-color: var(--basis-form-control-hover-color);
  --utrecht-textbox-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-textbox-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-textbox-focus-color: var(--basis-form-control-focus-color);
  --utrecht-textbox-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-textbox-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-textbox-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-textbox-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-textbox-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-textbox-placeholder-color: var(--basis-form-control-placeholder-color);
  --utrecht-textbox-padding-inline-start: var(--basis-form-control-padding-inline-start);
  --utrecht-textbox-padding-inline-end: var(--basis-form-control-padding-inline-end);
  --utrecht-textbox-padding-block-start: var(--basis-form-control-padding-block-start);
  --utrecht-textbox-padding-block-end: var(--basis-form-control-padding-block-end);
  --utrecht-textbox-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-textbox-max-inline-size: var(--basis-form-control-max-inline-size);
  --utrecht-textbox-line-height: var(--basis-form-control-line-height);
  --utrecht-textbox-font-weight: var(--basis-form-control-font-weight);
  --utrecht-textbox-font-size: var(--basis-form-control-font-size);
  --utrecht-textbox-font-family: var(--basis-form-control-font-family);
  --utrecht-textbox-color: var(--basis-form-control-color);
  --utrecht-textbox-border-width: var(--basis-form-control-border-width);
  --utrecht-textbox-border-radius: var(--basis-form-control-border-radius);
  --utrecht-textbox-border-color: var(--basis-form-control-border-color);
  --utrecht-textbox-border-block-end-width: var(--utrecht-textbox-border-width);
  --utrecht-textbox-background-color: var(--basis-form-control-background-color);
  --utrecht-textarea-read-only-color: var(--basis-form-control-read-only-color);
  --utrecht-textarea-read-only-border-color: var(--basis-form-control-read-only-border-color);
  --utrecht-textarea-read-only-background-color: var(--basis-form-control-read-only-background-color);
  --utrecht-textarea-invalid-color: var(--basis-form-control-color);
  --utrecht-textarea-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-textarea-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-textarea-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-textarea-invalid-border-block-end-width: var(--utrecht-textarea-invalid-border-width);
  --utrecht-textarea-hover-color: var(--basis-form-control-hover-color);
  --utrecht-textarea-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-textarea-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-textarea-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-textarea-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-textarea-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-textarea-focus-color: var(--basis-form-control-focus-color);
  --utrecht-textarea-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-textarea-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-textarea-placeholder-color: var(--basis-form-control-placeholder-color);
  --utrecht-textarea-padding-inline-start: var(--basis-form-control-padding-inline-start);
  --utrecht-textarea-padding-inline-end: var(--basis-form-control-padding-inline-end);
  --utrecht-textarea-padding-block-start: var(--basis-form-control-padding-block-start);
  --utrecht-textarea-padding-block-end: var(--basis-form-control-padding-block-end);
  --utrecht-textarea-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-textarea-max-inline-size: var(--basis-form-control-max-inline-size);
  --utrecht-textarea-line-height: var(--basis-form-control-line-height);
  --utrecht-textarea-font-weight: var(--basis-form-control-font-weight);
  --utrecht-textarea-font-size: var(--basis-form-control-font-size);
  --utrecht-textarea-font-family: var(--basis-form-control-font-family);
  --utrecht-textarea-color: var(--basis-form-control-color);
  --utrecht-textarea-border-width: var(--basis-form-control-border-width);
  --utrecht-textarea-border-radius: var(--basis-form-control-border-radius);
  --utrecht-textarea-border-color: var(--basis-form-control-border-color);
  --utrecht-textarea-border-block-end-width: var(--utrecht-textarea-border-width);
  --utrecht-textarea-background-color: var(--basis-form-control-background-color);
  --utrecht-table-row-border-block-end-width: var(--basis-border-width-sm);
  --utrecht-table-row-border-block-end-color: var(--basis-color-default-border-subtle);
  --utrecht-table-header-cell-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-table-header-color: var(--basis-color-default-color-document);
  --utrecht-table-header-border-block-end-width: var(--basis-border-width-md);
  --utrecht-table-header-border-block-end-color: var(--basis-color-default-border-subtle);
  --utrecht-table-header-background-color: var(--basis-color-transparent);
  --utrecht-table-footer-color: var(--basis-color-default-color-document);
  --utrecht-table-footer-background-color: var(--basis-color-transparent);
  --utrecht-table-cell-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-table-cell-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-table-cell-padding-block-start: var(--basis-space-block-lg);
  --utrecht-table-cell-padding-block-end: var(--basis-space-block-lg);
  --utrecht-table-caption-margin-block-end: var(--basis-space-block-3xl);
  --utrecht-table-caption-font-weight: var(--basis-heading-font-weight);
  --utrecht-table-caption-font-size: var(--basis-text-font-size-xl);
  --utrecht-table-caption-font-family: var(--basis-heading-font-family);
  --utrecht-table-caption-line-height: var(--basis-text-line-height-xl);
  --utrecht-table-caption-color: var(--basis-color-default-color-document);
  --utrecht-table-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-table-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-table-line-height: var(--basis-text-line-height-md);
  --utrecht-table-font-size: var(--basis-text-font-size-md);
  --utrecht-table-font-family: var(--basis-text-font-family-default);
  --utrecht-form-toggle-track-disabled-border-color: var(--basis-color-transparent);
  --utrecht-form-toggle-track-disabled-background-color: var(--basis-color-disabled-inverse-color-subtle);
  --utrecht-form-toggle-track-border-radius: var(--basis-border-radius-round);
  --utrecht-form-toggle-track-border-color: var(--basis-color-transparent);
  --utrecht-form-toggle-thumb-disabled-box-shadow: var(--basis-box-shadow-sm);
  --utrecht-form-toggle-thumb-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-form-toggle-thumb-min-inline-size: var(--basis-size-sm);
  --utrecht-form-toggle-thumb-margin-inline-start: var(--basis-space-inline-sm);
  --utrecht-form-toggle-thumb-margin-inline-end: var(--basis-space-inline-sm);
  --utrecht-form-toggle-thumb-box-shadow: var(--basis-box-shadow-sm);
  --utrecht-form-toggle-thumb-border-radius: var(--basis-border-radius-round);
  --utrecht-form-toggle-thumb-background-color: var(--basis-color-default-bg-default);
  --utrecht-form-toggle-focus-border-width: var(--basis-border-width-sm);
  --utrecht-form-toggle-focus-border-style: solid; /* [code-only] */
  --utrecht-form-toggle-focus-border-color: var(--basis-color-transparent);
  --utrecht-form-toggle-hover-color: var(--basis-color-default-inverse-color-hover);
  --utrecht-form-toggle-hover-background-color: var(--basis-color-default-inverse-bg-hover);
  --utrecht-form-toggle-disabled-color: var(--basis-color-disabled-color-document);
  --utrecht-form-toggle-disabled-border-width: var(--basis-border-width-sm);
  --utrecht-form-toggle-disabled-border-style: solid; /* [code-only] */
  --utrecht-form-toggle-disabled-border-color: var(--basis-color-transparent);
  --utrecht-form-toggle-checked-accent-color: var(--basis-color-positive-inverse-bg-default);
  --utrecht-form-toggle-width: 5rem;
  --utrecht-form-toggle-padding-inline-start: var(--basis-space-none);
  --utrecht-form-toggle-padding-inline-end: var(--basis-space-none);
  --utrecht-form-toggle-padding-block-start: var(--basis-space-none);
  --utrecht-form-toggle-padding-block-end: var(--basis-space-none);
  --utrecht-form-toggle-height: 2.5rem;
  --utrecht-form-toggle-color: var(--basis-color-default-inverse-color-default);
  --utrecht-form-toggle-border-width: var(--basis-border-width-sm);
  --utrecht-form-toggle-border-style: solid; /* [code-only] */
  --utrecht-form-toggle-border-radius: var(--basis-border-radius-round);
  --utrecht-form-toggle-border-color: var(--basis-color-transparent);
  --utrecht-form-toggle-background-color: var(--utrecht-form-toggle-accent-color);
  --utrecht-form-toggle-accent-color: var(--basis-color-default-inverse-bg-default);
  --utrecht-status-badge-warning-color: var(--basis-color-warning-color-default);
  --utrecht-status-badge-warning-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-warning-background-color: var(--basis-color-warning-bg-default);
  --utrecht-status-badge-valid-color: var(--basis-color-positive-color-default);
  --utrecht-status-badge-valid-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-valid-background-color: var(--basis-color-positive-bg-default);
  --utrecht-status-badge-success-color: var(--basis-color-positive-color-default);
  --utrecht-status-badge-success-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-success-background-color: var(--basis-color-positive-bg-default);
  --utrecht-status-badge-safe-color: var(--basis-color-positive-color-default);
  --utrecht-status-badge-safe-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-safe-background-color: var(--basis-color-positive-bg-default);
  --utrecht-status-badge-neutral-color: var(--basis-color-info-color-default);
  --utrecht-status-badge-neutral-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-neutral-background-color: var(--basis-color-info-bg-default);
  --utrecht-status-badge-invalid-color: var(--basis-color-negative-color-default);
  --utrecht-status-badge-invalid-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-invalid-background-color: var(--basis-color-negative-bg-default);
  --utrecht-status-badge-inactive-color: var(--basis-color-default-color-default);
  --utrecht-status-badge-inactive-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-inactive-background-color: var(--basis-color-default-bg-default);
  --utrecht-status-badge-error-color: var(--basis-color-negative-color-default);
  --utrecht-status-badge-error-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-error-background-color: var(--basis-color-negative-bg-default);
  --utrecht-status-badge-danger-color: var(--basis-color-negative-color-default);
  --utrecht-status-badge-danger-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-danger-background-color: var(--basis-color-negative-bg-default);
  --utrecht-status-badge-active-color: var(--basis-color-positive-color-default);
  --utrecht-status-badge-active-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-active-background-color: var(--basis-color-positive-bg-default);
  --utrecht-status-badge-text-transform: None;
  --utrecht-status-badge-padding-inline: var(--basis-space-inline-sm);
  --utrecht-status-badge-padding-block: var(--basis-space-none);
  --utrecht-status-badge-min-inline-size: var(--basis-size-sm);
  --utrecht-status-badge-min-block-size: var(--basis-size-xs);
  --utrecht-status-badge-letter-spacing: 0px;
  --utrecht-status-badge-line-height: var(--basis-text-line-height-md);
  --utrecht-status-badge-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-status-badge-font-size: var(--basis-text-font-size-md);
  --utrecht-status-badge-font-family: var(--basis-text-font-family-default);
  --utrecht-status-badge-color: var(--basis-color-default-color-default);
  --utrecht-status-badge-border-width: var(--basis-border-width-sm);
  --utrecht-status-badge-border-radius: var(--basis-border-radius-sm);
  --utrecht-status-badge-border-color: var(--basis-color-transparent);
  --utrecht-status-badge-background-color: var(--basis-color-default-bg-default);
  --utrecht-skip-link-focus-visible-text-decoration: None;
  --utrecht-skip-link-focus-color: var(--basis-focus-color);
  --utrecht-skip-link-focus-background-color: var(--basis-focus-background-color);
  --utrecht-skip-link-text-decoration: underline;
  --utrecht-skip-link-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-skip-link-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-skip-link-padding-block-start: var(--basis-space-block-lg);
  --utrecht-skip-link-padding-block-end: var(--basis-space-block-lg);
  --utrecht-skip-link-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --utrecht-skip-link-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-skip-link-color: var(--basis-color-default-inverse-color-document);
  --utrecht-skip-link-background-color: var(--basis-color-default-inverse-bg-document);
  --utrecht-separator-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-separator-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-separator-color: var(--basis-color-default-border-default);
  --utrecht-separator-block-size: var(--basis-size-4xs);
  --utrecht-select-hover-color: var(--basis-form-control-hover-color);
  --utrecht-select-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-select-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-select-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-select-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-select-invalid-border-block-end-width: var(--utrecht-select-invalid-border-width);
  --utrecht-select-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-select-focus-color: var(--basis-form-control-focus-color);
  --utrecht-select-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-select-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-select-disabled-color: var(--basis-form-control-disabled-color);
  --utrecht-select-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-select-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-select-padding-inline-start: var(--basis-form-control-padding-inline-start);
  --utrecht-select-padding-inline-end: var(--basis-form-control-padding-inline-end);
  --utrecht-select-padding-block-start: var(--basis-form-control-padding-block-start);
  --utrecht-select-padding-block-end: var(--basis-form-control-padding-block-end);
  --utrecht-select-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-select-max-inline-size: var(--basis-form-control-max-inline-size);
  --utrecht-select-line-height: var(--basis-form-control-line-height);
  --utrecht-select-font-weight: var(--basis-form-control-font-weight);
  --utrecht-select-font-size: var(--basis-form-control-font-size);
  --utrecht-select-font-family: var(--basis-form-control-font-family);
  --utrecht-select-color: var(--basis-form-control-color);
  --utrecht-select-border-width: var(--basis-form-control-border-width);
  --utrecht-select-border-radius: var(--basis-form-control-border-radius);
  --utrecht-select-border-color: var(--basis-form-control-border-color);
  --utrecht-select-border-block-end-width: var(--utrecht-select-border-width);
  --utrecht-select-background-color: var(--basis-form-control-background-color);
  --utrecht-root-line-height: var(--basis-text-line-height-md);
  --utrecht-root-font-size-adjust: 0.515; /* [code-only] */
  --utrecht-root-font-size: var(--basis-text-font-size-md);
  --utrecht-root-font-family: var(--basis-text-font-family-default);
  --utrecht-root-color: var(--basis-color-default-color-document);
  --utrecht-root-background-color: var(--basis-color-default-bg-document);
  --utrecht-radio-button-checked-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --utrecht-radio-button-checked-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-radio-button-checked-hover-border-color: var(--basis-color-transparent);
  --utrecht-radio-button-checked-hover-background-color: var(--basis-form-control-hover-accent-color);
  --utrecht-radio-button-checked-focus-color: var(--basis-form-control-focus-color);
  --utrecht-radio-button-checked-focus-border-width: var(--basis-form-control-focus-border-width);
  --utrecht-radio-button-checked-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-radio-button-checked-focus-background-color: var(--basis-form-control-focus-accent-color);
  --utrecht-radio-button-checked-active-color: var(--basis-color-action-1-inverse-color-active);
  --utrecht-radio-button-checked-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-radio-button-checked-active-border-color: var(--basis-color-transparent);
  --utrecht-radio-button-checked-active-background-color: var(--basis-form-control-active-accent-color);
  --utrecht-radio-button-checked-color: var(--basis-color-action-1-inverse-color-default);
  --utrecht-radio-button-checked-border-width: var(--basis-form-control-border-width);
  --utrecht-radio-button-checked-border-color: var(--basis-color-transparent);
  --utrecht-radio-button-checked-background-color: var(--basis-form-control-accent-color);
  --utrecht-radio-button-invalid-color: var(--utrecht-radio-button-invalid-border-color);
  --utrecht-radio-button-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-radio-button-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-radio-button-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-radio-button-disabled-color: var(--utrecht-radio-button-disabled-border-color);
  --utrecht-radio-button-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-radio-button-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-radio-button-hover-color: var(--utrecht-radio-button-hover-border-color);
  --utrecht-radio-button-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-radio-button-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-radio-button-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-radio-button-focus-color: var(--utrecht-radio-button-focus-border-color);
  --utrecht-radio-button-focus-border-width: var(--basis-form-control-focus-border-width);
  --utrecht-radio-button-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-radio-button-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-radio-button-active-color: var(--utrecht-radio-button-active-border-color);
  --utrecht-radio-button-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-radio-button-active-border-color: var(--basis-form-control-active-border-color);
  --utrecht-radio-button-active-background-color: var(--basis-form-control-active-background-color);
  --utrecht-radio-button-icon-size: var(--basis-size-3xs);
  --utrecht-radio-button-size: var(--basis-size-xs);
  --utrecht-radio-button-margin-inline-end: var(--basis-space-inline-md);
  --utrecht-radio-button-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-radio-button-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-radio-button-color: var(--utrecht-radio-button-border-color);
  --utrecht-radio-button-border-width: var(--basis-form-control-border-width);
  --utrecht-radio-button-border-color: var(--basis-form-control-border-color);
  --utrecht-radio-button-background-color: var(--basis-form-control-background-color);
  --utrecht-pre-heading-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-pre-heading-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-pre-heading-line-height: var(--basis-text-line-height-md);
  --utrecht-pre-heading-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-pre-heading-font-size: var(--basis-text-font-size-sm);
  --utrecht-pre-heading-font-family: var(--basis-text-font-family-default);
  --utrecht-pre-heading-color: var(--basis-color-default-color-document);
  --utrecht-paragraph-small-line-height: var(--basis-text-line-height-sm);
  --utrecht-paragraph-small-font-weight: var(--basis-text-font-weight-default);
  --utrecht-paragraph-small-font-size: var(--basis-text-font-size-sm);
  --utrecht-paragraph-small-color: var(--basis-color-default-color-document);
  --utrecht-paragraph-lead-line-height: var(--basis-text-line-height-lg);
  --utrecht-paragraph-lead-font-weight: var(--basis-text-font-weight-default);
  --utrecht-paragraph-lead-font-size: var(--basis-text-font-size-lg);
  --utrecht-paragraph-lead-color: var(--basis-color-default-color-document);
  --utrecht-paragraph-line-height: var(--basis-text-line-height-md);
  --utrecht-paragraph-font-weight: var(--basis-text-font-weight-default);
  --utrecht-paragraph-font-size: var(--basis-text-font-size-md);
  --utrecht-paragraph-font-family: var(--basis-text-font-family-default);
  --utrecht-paragraph-color: var(--basis-color-default-color-document);
  --utrecht-pagination-relative-link-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-pagination-relative-link-disabled-background-color: var(--basis-color-transparent);
  --utrecht-pagination-relative-link-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-pagination-relative-link-hover-border-color: var(--basis-color-transparent);
  --utrecht-pagination-relative-link-hover-background-color: var(--basis-color-default-bg-hover);
  --utrecht-pagination-relative-link-text-transform: None;
  --utrecht-pagination-relative-link-text-decoration: underline;
  --utrecht-pagination-relative-link-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-pagination-relative-link-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-pagination-relative-link-padding-block-start: var(--basis-space-block-lg);
  --utrecht-pagination-relative-link-padding-block-end: var(--basis-space-block-lg);
  --utrecht-pagination-relative-link-font-weight: var(--basis-text-font-weight-default);
  --utrecht-pagination-relative-link-color: var(--basis-color-action-2-color-default);
  --utrecht-pagination-relative-link-border-width: var(--basis-border-width-sm);
  --utrecht-pagination-relative-link-border-radius: var(--basis-border-radius-none);
  --utrecht-pagination-relative-link-border-color: var(--basis-color-transparent);
  --utrecht-pagination-relative-link-background-color: var(--basis-color-transparent);
  --utrecht-pagination-page-link-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-pagination-page-link-hover-border-color: var(--basis-color-transparent);
  --utrecht-pagination-page-link-hover-background-color: var(--basis-color-default-bg-hover);
  --utrecht-pagination-page-link-current-color: var(--basis-color-default-color-document);
  --utrecht-pagination-page-link-current-border-color: var(--basis-color-transparent);
  --utrecht-pagination-page-link-current-background-color: var(--basis-color-default-bg-active);
  --utrecht-pagination-page-link-text-decoration: underline;
  --utrecht-pagination-page-link-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-pagination-page-link-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-pagination-page-link-padding-block-start: var(--basis-space-block-lg);
  --utrecht-pagination-page-link-padding-block-end: var(--basis-space-block-lg);
  --utrecht-pagination-page-link-font-weight: var(--basis-text-font-weight-default);
  --utrecht-pagination-page-link-color: var(--basis-color-action-2-color-default);
  --utrecht-pagination-page-link-border-width: var(--basis-border-width-sm);
  --utrecht-pagination-page-link-border-radius: var(--basis-border-radius-none);
  --utrecht-pagination-page-link-border-color: var(--basis-color-transparent);
  --utrecht-pagination-page-link-background-color: var(--basis-color-transparent);
  --utrecht-pagination-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-pagination-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-pagination-font-size: var(--basis-text-font-size-md);
  --utrecht-pagination-font-family: var(--basis-text-font-family-default);
  --utrecht-page-body-content-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-page-body-content-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-page-body-content-padding-block-start: var(--basis-space-none);
  --utrecht-page-body-content-padding-block-end: var(--basis-space-block-4xl);
  --utrecht-page-body-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-body-content-color: var(--basis-color-default-color-document);
  --utrecht-page-body-content-background-color: var(--basis-color-default-bg-document);
  --utrecht-page-body-color: var(--basis-color-default-color-document);
  --utrecht-page-body-background-color: var(--basis-color-default-bg-document);
  --utrecht-ordered-list-item-padding-inline-start: var(--basis-space-inline-md);
  --utrecht-ordered-list-item-margin-block-start: var(--basis-space-block-sm);
  --utrecht-ordered-list-item-margin-block-end: var(--basis-space-block-sm);
  --utrecht-ordered-list-padding-inline-start: var(--basis-space-inline-3xl);
  --utrecht-ordered-list-line-height: var(--basis-text-line-height-md);
  --utrecht-ordered-list-font-size: var(--basis-text-font-size-md);
  --utrecht-number-badge-padding-inline: var(--basis-space-inline-sm);
  --utrecht-number-badge-padding-block: var(--basis-space-block-sm);
  --utrecht-number-badge-min-inline-size: var(--basis-size-xs);
  --utrecht-number-badge-min-block-size: var(--basis-size-xs);
  --utrecht-number-badge-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-number-badge-font-size: var(--basis-text-font-size-md);
  --utrecht-number-badge-font-family: var(--basis-text-font-family-default);
  --utrecht-number-badge-color: var(--basis-color-default-color-default);
  --utrecht-number-badge-border-width: var(--basis-border-width-sm);
  --utrecht-number-badge-border-radius: var(--basis-border-radius-round);
  --utrecht-number-badge-border-color: var(--basis-color-transparent);
  --utrecht-number-badge-background-color: var(--basis-color-default-bg-default);
  --utrecht-note-warning-icon-color: var(--basis-color-warning-color-default);
  --utrecht-note-warning-color: var(--basis-color-warning-color-document);
  --utrecht-note-warning-border-color: var(--basis-color-warning-border-default);
  --utrecht-note-warning-background-color: var(--basis-color-warning-bg-default);
  --utrecht-note-warning-border-width: var(--utrecht-note-border-width);
  --utrecht-note-success-icon-color: var(--basis-color-positive-color-default);
  --utrecht-note-success-color: var(--basis-color-positive-color-document);
  --utrecht-note-success-border-color: var(--basis-color-positive-border-default);
  --utrecht-note-success-background-color: var(--basis-color-positive-bg-default);
  --utrecht-note-success-border-width: var(--utrecht-note-border-width);
  --utrecht-note-error-icon-color: var(--basis-color-negative-color-default);
  --utrecht-note-error-color: var(--basis-color-negative-color-document);
  --utrecht-note-error-border-color: var(--basis-color-negative-border-default);
  --utrecht-note-error-background-color: var(--basis-color-negative-bg-default);
  --utrecht-note-error-border-width: var(--utrecht-note-border-width);
  --utrecht-note-info-icon-color: var(--basis-color-info-color-default);
  --utrecht-note-info-color: var(--basis-color-info-color-document);
  --utrecht-note-info-border-color: var(--basis-color-info-border-default);
  --utrecht-note-info-background-color: var(--basis-color-info-bg-default);
  --utrecht-note-info-border-width: var(--utrecht-note-border-width);
  --utrecht-note-row-gap: var(--basis-space-row-md);
  --utrecht-note-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-note-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-note-padding-block-start: var(--basis-space-block-xl);
  --utrecht-note-padding-block-end: var(--basis-space-block-2xl);
  --utrecht-note-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-note-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-note-color: var(--basis-color-default-color-document);
  --utrecht-note-border-radius: var(--basis-border-radius-none);
  --utrecht-note-border-width: var(--basis-border-width-none);
  --utrecht-note-border-color: var(--basis-color-default-border-default);
  --utrecht-note-background-color: var(--basis-color-default-bg-default);
  --utrecht-nav-bar-link-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-nav-bar-link-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-nav-bar-link-padding-block-start: var(--basis-space-block-lg);
  --utrecht-nav-bar-link-padding-block-end: var(--basis-space-block-lg);
  --utrecht-nav-bar-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-nav-bar-content-color: var(--basis-color-default-color-document);
  --utrecht-nav-bar-content-background-color: var(--basis-color-default-bg-subtle);
  --utrecht-nav-bar-color: var(--basis-color-default-color-document);
  --utrecht-nav-bar-background-color: var(--basis-color-default-bg-subtle);
  --utrecht-mark-color: var(--basis-color-highlight-inverse-color-default);
  --utrecht-mark-background-color: var(--basis-color-highlight-inverse-bg-default);
  --utrecht-logo-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --utrecht-logo-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-logo-max-inline-size: 200px;
  --utrecht-logo-max-block-size: 120px;
  --utrecht-link-list-link-text-decoration: None;
  --utrecht-link-list-link-font-weight: var(--basis-text-font-weight-default);
  --utrecht-link-list-link-column-gap: var(--basis-space-text-xs);
  --utrecht-link-list-icon-size: var(--basis-size-icon-md);
  --utrecht-link-list-icon-inset-block-start: var(--basis-space-none);
  --utrecht-link-list-row-gap: var(--basis-space-row-md);
  --utrecht-link-list-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-link-list-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-link-visited-color: var(--basis-color-action-2-color-default);
  --utrecht-link-hover-text-decoration-thickness: auto; /* [code-only] */
  --utrecht-link-hover-text-decoration: None;
  --utrecht-link-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-link-focus-visible-text-decoration-thickness: auto; /* [code-only] */
  --utrecht-link-focus-visible-text-decoration: None;
  --utrecht-link-focus-color: var(--basis-focus-color);
  --utrecht-link-focus-background-color: var(--basis-focus-background-color);
  --utrecht-link-active-color: var(--basis-color-action-2-color-active);
  --utrecht-link-icon-size: var(--basis-size-icon-md);
  --utrecht-link-text-underline-offset: auto; /* [code-only] */
  --utrecht-link-text-decoration-thickness: auto; /* [code-only] */
  --utrecht-link-text-decoration-color: var(--basis-color-action-2-color-default); /* [code-only] */
  --utrecht-link-text-decoration: underline;
  --utrecht-link-column-gap: var(--basis-space-text-xs);
  --utrecht-link-color: var(--basis-color-action-2-color-default);
  --utrecht-icon-baseline-inset-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-icon-size: var(--basis-size-icon-md);
  --utrecht-icon-inset-block-start: var(--basis-space-none);
  --utrecht-heading-6-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-heading-6-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-heading-6-line-height: var(--basis-text-line-height-sm);
  --utrecht-heading-6-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-6-font-size: var(--basis-text-font-size-sm);
  --utrecht-heading-6-font-family: var(--basis-heading-font-family);
  --utrecht-heading-6-color: var(--basis-heading-color);
  --utrecht-heading-5-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-heading-5-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-heading-5-line-height: var(--basis-text-line-height-md);
  --utrecht-heading-5-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-5-font-size: var(--basis-text-font-size-md);
  --utrecht-heading-5-font-family: var(--basis-heading-font-family);
  --utrecht-heading-5-color: var(--basis-heading-color);
  --utrecht-heading-4-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-heading-4-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-heading-4-line-height: var(--basis-text-line-height-lg);
  --utrecht-heading-4-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-4-font-size: var(--basis-text-font-size-lg);
  --utrecht-heading-4-font-family: var(--basis-heading-font-family);
  --utrecht-heading-4-color: var(--basis-heading-color);
  --utrecht-heading-3-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-heading-3-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-heading-3-line-height: var(--basis-text-line-height-xl);
  --utrecht-heading-3-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-3-font-size: var(--basis-text-font-size-xl);
  --utrecht-heading-3-font-family: var(--basis-heading-font-family);
  --utrecht-heading-3-color: var(--basis-heading-color);
  --utrecht-heading-2-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-heading-2-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-heading-2-line-height: var(--basis-text-line-height-2xl);
  --utrecht-heading-2-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-2-font-size: var(--basis-text-font-size-2xl);
  --utrecht-heading-2-font-family: var(--basis-heading-font-family);
  --utrecht-heading-2-color: var(--basis-heading-color);
  --utrecht-heading-1-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-heading-1-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-heading-1-line-height: var(--basis-text-line-height-3xl);
  --utrecht-heading-1-font-weight: var(--basis-heading-font-weight);
  --utrecht-heading-1-font-size: var(--basis-text-font-size-3xl);
  --utrecht-heading-1-font-family: var(--basis-heading-font-family);
  --utrecht-heading-1-color: var(--basis-heading-color);
  --utrecht-form-label-radio-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-label-radio-color: var(--basis-color-default-color-document);
  --utrecht-form-label-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-form-label-checked-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-label-checkbox-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-label-checkbox-color: var(--basis-color-default-color-document);
  --utrecht-form-label-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-form-label-font-size: var(--basis-text-font-size-md);
  --utrecht-form-label-color: var(--basis-color-default-color-document);
  --utrecht-form-field-error-message-padding-inline-start: var(--basis-space-none);
  --utrecht-form-field-error-message-padding-inline-end: var(--basis-space-none);
  --utrecht-form-field-error-message-padding-block-start: var(--basis-space-none);
  --utrecht-form-field-error-message-padding-block-end: var(--basis-space-none);
  --utrecht-form-field-error-message-margin-block-start: var(--basis-space-none);
  --utrecht-form-field-error-message-margin-block-end: var(--basis-space-block-lg);
  --utrecht-form-field-error-message-line-height: var(--basis-text-line-height-md);
  --utrecht-form-field-error-message-font-weight: var(--basis-text-font-weight-default);
  --utrecht-form-field-error-message-font-size: var(--basis-text-font-size-md);
  --utrecht-form-field-error-message-font-family: var(--basis-text-font-family-default);
  --utrecht-form-field-error-message-color: var(--basis-color-negative-color-default);
  --utrecht-form-field-error-message-background-color: var(--basis-color-transparent);
  --utrecht-form-field-description-margin-block-start: var(--basis-space-none);
  --utrecht-form-field-description-margin-block-end: var(--basis-space-block-lg);
  --utrecht-form-field-description-line-height: var(--basis-text-line-height-md);
  --utrecht-form-field-description-font-size: var(--basis-text-font-size-md);
  --utrecht-form-field-description-font-family: var(--basis-text-font-family-default);
  --utrecht-form-field-description-color: var(--basis-color-default-color-subtle);
  --utrecht-form-field-label-margin-block-end: var(--basis-space-block-lg);
  --utrecht-form-field-invalid-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-form-field-invalid-border-inline-start-width: var(--basis-border-width-md);
  --utrecht-form-field-invalid-border-inline-start-color: var(--basis-color-negative-border-default);
  --utrecht-form-field-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-form-field-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-figure-caption-line-height: var(--basis-text-line-height-md);
  --utrecht-figure-caption-font-size: var(--basis-text-font-size-md);
  --utrecht-figure-caption-color: var(--basis-color-default-color-document);
  --utrecht-figure-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-figure-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-form-fieldset-section-color: var(--basis-color-default-color-document);
  --utrecht-form-fieldset-section-background-color: var(--basis-color-transparent);
  --utrecht-form-fieldset-legend-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-form-fieldset-legend-margin-block-start: var(--basis-space-none);
  --utrecht-form-fieldset-legend-margin-block-end: var(--basis-space-block-lg);
  --utrecht-form-fieldset-legend-line-height: var(--basis-text-line-height-md);
  --utrecht-form-fieldset-legend-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-form-fieldset-legend-font-size: var(--basis-text-font-size-md);
  --utrecht-form-fieldset-legend-font-family: var(--basis-text-font-family-default);
  --utrecht-form-fieldset-legend-color: var(--basis-color-default-color-document);
  --utrecht-form-fieldset-invalid-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-form-fieldset-invalid-border-inline-start-width: var(--basis-border-width-md);
  --utrecht-form-fieldset-invalid-border-inline-start-color: var(--basis-color-negative-border-default);
  --utrecht-form-fieldset-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-form-fieldset-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-document-line-height: var(--basis-text-line-height-md);
  --utrecht-document-font-weight: var(--basis-text-font-weight-default);
  --utrecht-document-font-size: var(--basis-text-font-size-md);
  --utrecht-document-font-family: var(--basis-text-font-family-default);
  --utrecht-document-color: var(--basis-color-default-color-document);
  --utrecht-document-background-color: var(--basis-color-default-bg-document);
  --utrecht-drawer-backdrop-min-size: var(--basis-pointer-target-min-block-size);
  --utrecht-drawer-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-drawer-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-drawer-padding-block-start: var(--basis-space-block-3xl);
  --utrecht-drawer-padding-block-end: var(--basis-space-block-3xl);
  --utrecht-drawer-min-inline-size: 312px;
  --utrecht-drawer-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-drawer-max-inline-size: 1440px;
  --utrecht-drawer-max-block-size: 800px;
  --utrecht-drawer-color: var(--basis-color-default-color-document);
  --utrecht-drawer-border-width: var(--basis-border-width-sm);
  --utrecht-drawer-border-radius: var(--basis-border-radius-none);
  --utrecht-drawer-border-color: var(--basis-color-default-border-subtle);
  --utrecht-drawer-background-color: var(--basis-color-default-bg-document);
  --utrecht-data-badge-padding-inline: var(--basis-space-inline-sm);
  --utrecht-data-badge-padding-block: var(--basis-space-none);
  --utrecht-data-badge-min-inline-size: var(--basis-size-sm);
  --utrecht-data-badge-min-block-size: var(--basis-size-xs);
  --utrecht-data-badge-line-height: var(--basis-text-line-height-md);
  --utrecht-data-badge-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-data-badge-font-size: var(--basis-text-font-size-md);
  --utrecht-data-badge-font-family: var(--basis-text-font-family-default);
  --utrecht-data-badge-color: var(--basis-color-default-color-default);
  --utrecht-data-badge-border-width: var(--basis-border-width-sm);
  --utrecht-data-badge-border-radius: var(--basis-border-radius-sm);
  --utrecht-data-badge-border-color: var(--basis-color-transparent);
  --utrecht-data-badge-background-color: var(--basis-color-default-bg-default);
  --utrecht-color-sample-inline-size: var(--nl-color-sample-inline-size);
  --utrecht-color-sample-block-size: var(--nl-color-sample-block-size);
  --utrecht-color-sample-light-border-color: var(--nl-color-sample-border-color);
  --utrecht-color-sample-dark-border-color: var(--nl-color-sample-border-color);
  --utrecht-color-sample-border-radius: var(--nl-color-sample-border-radius);
  --utrecht-color-sample-border-color: var(--nl-color-sample-border-color);
  --utrecht-color-sample-border-width: var(--nl-color-sample-border-width);
  --utrecht-color-sample-background-color: var(--nl-color-sample-background-color);
  --utrecht-code-block-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-code-block-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-code-block-padding-block-end: var(--basis-space-block-xl);
  --utrecht-code-block-padding-block-start: var(--basis-space-block-xl);
  --utrecht-code-block-margin-inline-start: var(--basis-space-none); /* [code-only] */
  --utrecht-code-block-margin-inline-end: var(--basis-space-none); /* [code-only] */
  --utrecht-code-block-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-code-block-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-code-block-line-height: var(--basis-text-line-height-md);
  --utrecht-code-block-font-size: var(--basis-text-font-size-md);
  --utrecht-code-block-font-family: var(--basis-text-font-family-monospace);
  --utrecht-code-block-color: var(--basis-color-default-color-document);
  --utrecht-code-block-background-color: var(--basis-color-default-bg-default);
  --utrecht-code-line-height: var(--basis-text-line-height-md);
  --utrecht-code-font-size: var(--basis-text-font-size-md);
  --utrecht-code-font-family: var(--basis-text-font-family-monospace);
  --utrecht-code-color: var(--basis-color-default-color-document);
  --utrecht-code-background-color: var(--basis-color-default-bg-default);
  --utrecht-checkbox-indeterminate-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --utrecht-checkbox-indeterminate-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-checkbox-indeterminate-hover-border-color: var(--basis-color-transparent);
  --utrecht-checkbox-indeterminate-hover-background-color: var(--basis-form-control-hover-accent-color);
  --utrecht-checkbox-indeterminate-active-color: var(--basis-color-action-1-inverse-color-active);
  --utrecht-checkbox-indeterminate-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-checkbox-indeterminate-active-border-color: var(--basis-color-transparent);
  --utrecht-checkbox-indeterminate-active-background-color: var(--basis-form-control-active-accent-color);
  --utrecht-checkbox-indeterminate-color: var(--basis-color-action-1-inverse-color-default);
  --utrecht-checkbox-indeterminate-border-width: var(--basis-form-control-border-width);
  --utrecht-checkbox-indeterminate-border-color: var(--basis-color-transparent);
  --utrecht-checkbox-indeterminate-background-color: var(--basis-form-control-accent-color);
  --utrecht-checkbox-checked-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --utrecht-checkbox-checked-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-checkbox-checked-hover-border-color: var(--basis-color-transparent);
  --utrecht-checkbox-checked-hover-background-color: var(--basis-form-control-hover-accent-color);
  --utrecht-checkbox-checked-active-color: var(--basis-color-action-1-inverse-color-active);
  --utrecht-checkbox-checked-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-checkbox-checked-active-border-color: var(--basis-color-transparent);
  --utrecht-checkbox-checked-active-background-color: var(--basis-form-control-active-accent-color);
  --utrecht-checkbox-checked-color: var(--basis-color-action-1-inverse-color-default);
  --utrecht-checkbox-checked-border-width: var(--basis-form-control-border-width);
  --utrecht-checkbox-checked-border-color: var(--basis-color-transparent);
  --utrecht-checkbox-checked-background-color: var(--basis-form-control-accent-color);
  --utrecht-checkbox-invalid-border-width: var(--basis-form-control-invalid-border-width);
  --utrecht-checkbox-invalid-border-color: var(--basis-form-control-invalid-border-color);
  --utrecht-checkbox-invalid-background-color: var(--basis-form-control-invalid-background-color);
  --utrecht-checkbox-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-checkbox-hover-border-color: var(--basis-form-control-hover-border-color);
  --utrecht-checkbox-hover-background-color: var(--basis-form-control-hover-background-color);
  --utrecht-checkbox-focus-border-width: var(--basis-form-control-focus-border-width);
  --utrecht-checkbox-focus-border-color: var(--basis-form-control-focus-border-color);
  --utrecht-checkbox-focus-background-color: var(--basis-form-control-focus-background-color);
  --utrecht-checkbox-disabled-border-color: var(--basis-form-control-disabled-border-color);
  --utrecht-checkbox-disabled-background-color: var(--basis-form-control-disabled-background-color);
  --utrecht-checkbox-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-checkbox-active-border-color: var(--basis-form-control-active-border-color);
  --utrecht-checkbox-active-background-color: var(--basis-form-control-active-background-color);
  --utrecht-checkbox-icon-size: var(--basis-size-icon-md);
  --utrecht-checkbox-size: var(--basis-size-xs);
  --utrecht-checkbox-margin-inline-end: var(--basis-space-inline-md);
  --utrecht-checkbox-border-width: var(--basis-form-control-border-width);
  --utrecht-checkbox-border-radius: var(--basis-border-radius-none);
  --utrecht-checkbox-border-color: var(--basis-form-control-border-color);
  --utrecht-checkbox-background-color: var(--basis-form-control-background-color);
  --utrecht-calendar-table-weeks-item-width: var(--basis-pointer-target-min-inline-size);
  --utrecht-calendar-table-days-item-day-selected-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-calendar-table-days-item-day-selected-color: var(--basis-color-action-1-inverse-color-default);
  --utrecht-calendar-table-days-item-day-selected-border-color: var(--basis-color-transparent);
  --utrecht-calendar-table-days-item-day-selected-background-color: var(--basis-color-action-1-inverse-bg-default);
  --utrecht-calendar-table-days-item-day-out-of-the-month-color: var(--basis-color-disabled-color-subtle);
  --utrecht-calendar-table-days-item-day-out-of-the-month-border-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-is-today-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-calendar-table-days-item-day-is-today-color: var(--basis-color-action-1-color-default);
  --utrecht-calendar-table-days-item-day-is-today-border-color: var(--basis-color-action-1-border-default);
  --utrecht-calendar-table-days-item-day-is-today-background-color: var(--basis-color-transparent);
  --utrecht-calendar-table-days-item-day-hover-color: var(--basis-color-action-1-color-hover);
  --utrecht-calendar-table-days-item-day-hover-border-color: var(--basis-color-transparent);
  --utrecht-calendar-table-days-item-day-hover-background-color: var(--basis-color-action-1-bg-hover);
  --utrecht-calendar-table-days-item-day-focus-color: var(--basis-focus-color);
  --utrecht-calendar-table-days-item-day-focus-border-color: var(--basis-color-transparent);
  --utrecht-calendar-table-days-item-day-focus-background-color: var(--basis-focus-background-color);
  --utrecht-calendar-table-days-item-day-emphasis-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-calendar-table-days-item-day-emphasis-color: var(--basis-color-highlight-color-default);
  --utrecht-calendar-table-days-item-day-emphasis-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-disabled-color: var(--basis-color-disabled-color-default);
  --utrecht-calendar-table-days-item-day-disabled-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-active-color: var(--basis-color-action-1-color-active);
  --utrecht-calendar-table-days-item-day-active-border-color: var(--basis-color-transparent);
  --utrecht-calendar-table-days-item-day-active-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-calendar-table-days-item-day-size: var(--basis-pointer-target-min-inline-size);
  --utrecht-calendar-table-days-item-day-color: var(--basis-color-action-1-color-default);
  --utrecht-calendar-table-days-item-day-border-width: var(--basis-border-width-sm);
  --utrecht-calendar-table-days-item-day-border-color: var(--basis-color-transparent);
  --utrecht-calendar-table-padding-block-start: var(--basis-space-block-lg);
  --utrecht-calendar-table-padding-block-end: var(--basis-space-block-lg);
  --utrecht-calendar-navigation-label-font-size: var(--basis-text-font-size-md);
  --utrecht-calendar-navigation-label-color: var(--basis-color-default-color-document);
  --utrecht-calendar-navigation-padding-block-start: var(--basis-space-block-lg);
  --utrecht-calendar-navigation-padding-block-end: var(--basis-space-none);
  --utrecht-calendar-navigation-color: var(--basis-color-action-1-color-default);
  --utrecht-calendar-navigation-background-color: var(--basis-color-transparent);
  --utrecht-calendar-icon-size: var(--basis-size-icon-md);
  --utrecht-calendar-width: fit-content; /* [code-only] */
  --utrecht-calendar-background-color: var(--basis-color-default-bg-document);
  --utrecht-button-subtle-pressed-color: var(--basis-color-action-1-color-active);
  --utrecht-button-subtle-pressed-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-pressed-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-button-subtle-hover-color: var(--basis-color-action-1-color-hover);
  --utrecht-button-subtle-hover-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-hover-background-color: var(--basis-color-action-1-bg-hover);
  --utrecht-button-subtle-focus-color: var(--basis-focus-color);
  --utrecht-button-subtle-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-subtle-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-subtle-disabled-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-disabled-background-color: var(--basis-color-transparent);
  --utrecht-button-subtle-active-color: var(--basis-color-action-1-color-active);
  --utrecht-button-subtle-active-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-active-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-button-subtle-line-height: var(--basis-text-line-height-md);
  --utrecht-button-subtle-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-subtle-font-size: var(--basis-text-font-size-md);
  --utrecht-button-subtle-color: var(--basis-color-action-1-color-default);
  --utrecht-button-subtle-border-color: var(--basis-color-transparent);
  --utrecht-button-subtle-background-color: var(--basis-color-transparent);
  --utrecht-button-secondary-action-pressed-color: var(--basis-color-action-1-color-active);
  --utrecht-button-secondary-action-pressed-border-color: var(--basis-color-action-1-border-active);
  --utrecht-button-secondary-action-pressed-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-button-secondary-action-hover-color: var(--basis-color-action-1-color-hover);
  --utrecht-button-secondary-action-hover-border-color: var(--basis-color-action-1-border-hover);
  --utrecht-button-secondary-action-hover-background-color: var(--basis-color-action-1-bg-hover);
  --utrecht-button-secondary-action-focus-color: var(--basis-focus-color);
  --utrecht-button-secondary-action-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-secondary-action-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-secondary-action-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-secondary-action-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --utrecht-button-secondary-action-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-button-secondary-action-active-color: var(--basis-color-action-1-color-active);
  --utrecht-button-secondary-action-active-border-color: var(--basis-color-action-1-border-active);
  --utrecht-button-secondary-action-active-background-color: var(--basis-color-action-1-bg-active);
  --utrecht-button-secondary-action-line-height: var(--basis-text-line-height-md);
  --utrecht-button-secondary-action-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-secondary-action-font-size: var(--basis-text-font-size-md);
  --utrecht-button-secondary-action-color: var(--basis-color-action-1-color-default);
  --utrecht-button-secondary-action-border-color: var(--basis-color-action-1-border-default);
  --utrecht-button-secondary-action-background-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-pressed-color: var(--basis-color-action-1-inverse-color-active);
  --utrecht-button-primary-action-pressed-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-pressed-background-color: var(--basis-color-action-1-inverse-bg-active);
  --utrecht-button-primary-action-hover-color: var(--basis-color-action-1-inverse-color-hover);
  --utrecht-button-primary-action-hover-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-hover-background-color: var(--basis-color-action-1-inverse-bg-hover);
  --utrecht-button-primary-action-focus-color: var(--basis-focus-color);
  --utrecht-button-primary-action-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-primary-action-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-primary-action-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --utrecht-button-primary-action-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-button-primary-action-active-color: var(--basis-color-action-1-inverse-color-active);
  --utrecht-button-primary-action-active-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-active-background-color: var(--basis-color-action-1-inverse-bg-active);
  --utrecht-button-primary-action-line-height: var(--basis-text-line-height-md);
  --utrecht-button-primary-action-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-primary-action-font-size: var(--basis-text-font-size-md);
  --utrecht-button-primary-action-color: var(--basis-color-action-1-inverse-color-default);
  --utrecht-button-primary-action-border-color: var(--basis-color-transparent);
  --utrecht-button-primary-action-background-color: var(--basis-color-action-1-inverse-bg-default);
  --utrecht-button-pressed-color: var(--basis-color-default-color-active);
  --utrecht-button-pressed-border-color: var(--basis-color-default-border-active);
  --utrecht-button-pressed-background-color: var(--basis-color-default-bg-active);
  --utrecht-button-hover-color: var(--basis-color-default-color-hover);
  --utrecht-button-hover-border-color: var(--basis-color-default-border-hover);
  --utrecht-button-hover-background-color: var(--basis-color-default-bg-hover);
  --utrecht-button-focus-color: var(--basis-focus-color);
  --utrecht-button-focus-border-color: var(--basis-color-transparent);
  --utrecht-button-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-button-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --utrecht-button-disabled-background-color: var(--basis-color-disabled-bg-default);
  --utrecht-button-active-color: var(--basis-color-default-color-active);
  --utrecht-button-active-border-color: var(--basis-color-default-border-active);
  --utrecht-button-active-background-color: var(--basis-color-default-bg-active);
  --utrecht-button-icon-size: var(--basis-size-icon-md);
  --utrecht-button-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-button-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-button-padding-block-start: var(--basis-space-block-lg);
  --utrecht-button-padding-block-end: var(--basis-space-block-lg);
  --utrecht-button-min-inline-size: var(--basis-pointer-target-min-inline-size);
  --utrecht-button-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-button-line-height: var(--basis-text-line-height-md);
  --utrecht-button-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-button-font-size: var(--basis-text-font-size-md);
  --utrecht-button-font-family: var(--basis-text-font-family-default);
  --utrecht-button-column-gap: var(--basis-space-text-xs);
  --utrecht-button-color: var(--basis-color-default-color-default);
  --utrecht-button-border-width: var(--basis-border-width-sm);
  --utrecht-button-border-radius: var(--basis-border-radius-md);
  --utrecht-button-border-color: var(--basis-color-default-border-default);
  --utrecht-button-background-color: var(--basis-color-transparent);
  --utrecht-breadcrumb-nav-separator-icon-size: var(--basis-size-icon-sm);
  --utrecht-breadcrumb-nav-separator-color: var(--basis-color-default-color-subtle);
  --utrecht-breadcrumb-nav-link-hover-text-decoration: None;
  --utrecht-breadcrumb-nav-link-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-breadcrumb-nav-link-focus-text-decoration: None;
  --utrecht-breadcrumb-nav-link-focus-color: var(--basis-focus-color);
  --utrecht-breadcrumb-nav-link-focus-background-color: var(--basis-focus-background-color);
  --utrecht-breadcrumb-nav-link-disabled-color: var(--basis-color-disabled-color-subtle);
  --utrecht-breadcrumb-nav-link-current-font-weight: var(--basis-text-font-weight-default);
  --utrecht-breadcrumb-nav-link-active-text-decoration: None;
  --utrecht-breadcrumb-nav-link-active-color: var(--basis-color-action-2-color-active);
  --utrecht-breadcrumb-nav-link-text-decoration: underline;
  --utrecht-breadcrumb-nav-link-color: var(--basis-color-action-2-color-default);
  --utrecht-breadcrumb-nav-item-first-padding-inline-start: var(--basis-space-none);
  --utrecht-breadcrumb-nav-item-padding-inline-start: var(--basis-space-inline-md);
  --utrecht-breadcrumb-nav-item-padding-inline-end: var(--basis-space-inline-md);
  --utrecht-breadcrumb-nav-item-padding-block-start: var(--basis-space-block-lg);
  --utrecht-breadcrumb-nav-item-padding-block-end: var(--basis-space-block-lg);
  --utrecht-breadcrumb-nav-min-block-size: var(--basis-pointer-target-min-block-size);
  --utrecht-breadcrumb-nav-line-height: var(--basis-text-line-height-md);
  --utrecht-breadcrumb-nav-font-size: var(--basis-text-font-size-md);
  --utrecht-breadcrumb-nav-font-family: var(--basis-text-font-family-default);
  --utrecht-blockquote-content-font-size: var(--basis-text-font-size-xl);
  --utrecht-blockquote-content-color: var(--basis-color-default-color-document);
  --utrecht-blockquote-attribution-font-size: var(--basis-text-font-size-md);
  --utrecht-blockquote-attribution-color: var(--basis-color-default-color-subtle);
  --utrecht-blockquote-row-gap: var(--basis-space-row-md);
  --utrecht-blockquote-padding-inline-start: var(--basis-space-none);
  --utrecht-blockquote-padding-inline-end: var(--basis-space-none);
  --utrecht-blockquote-padding-block-start: var(--basis-space-block-lg);
  --utrecht-blockquote-padding-block-end: var(--basis-space-block-lg);
  --utrecht-blockquote-margin-inline-start: var(--basis-space-none); /* [code-only] */
  --utrecht-blockquote-margin-inline-end: var(--basis-space-none); /* [code-only] */
  --utrecht-blockquote-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-blockquote-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-blockquote-font-size: var(--basis-text-font-size-md);
  --utrecht-blockquote-font-family: var(--basis-text-font-family-default);
  --utrecht-blockquote-color: var(--basis-color-default-color-document);
  --utrecht-blockquote-border-width: var(--basis-border-width-none);
  --utrecht-blockquote-border-radius: var(--basis-border-radius-none);
  --utrecht-blockquote-border-inline-start-width: var(--basis-border-width-none);
  --utrecht-blockquote-border-color: var(--basis-color-transparent);
  --utrecht-blockquote-background-color: var(--basis-color-transparent);
  --utrecht-backdrop-reduced-transparency-opacity: 0.98; /* [code-only] */
  --utrecht-backdrop-fade-in-animation-duration: 0.4s; /* [code-only] */
  --utrecht-backdrop-z-index: auto; /* [code-only] */
  --utrecht-backdrop-opacity: 0.2;
  --utrecht-backdrop-color: var(--basis-color-default-inverse-color-document);
  --utrecht-backdrop-background-color: var(--basis-color-default-inverse-bg-document);
  --utrecht-alert-warning-color: var(--basis-color-warning-color-document);
  --utrecht-alert-warning-border-color: var(--basis-color-warning-border-default);
  --utrecht-alert-warning-background-color: var(--basis-color-warning-bg-default);
  --utrecht-alert-ok-color: var(--basis-color-positive-color-document);
  --utrecht-alert-ok-border-color: var(--basis-color-positive-border-default);
  --utrecht-alert-ok-background-color: var(--basis-color-positive-bg-default);
  --utrecht-alert-error-color: var(--basis-color-negative-color-document);
  --utrecht-alert-error-border-color: var(--basis-color-negative-border-default);
  --utrecht-alert-error-background-color: var(--basis-color-negative-bg-default);
  --utrecht-alert-info-color: var(--basis-color-info-color-document);
  --utrecht-alert-info-border-color: var(--basis-color-info-border-default);
  --utrecht-alert-info-background-color: var(--basis-color-info-bg-default);
  --utrecht-alert-message-row-gap: var(--basis-space-row-md);
  --utrecht-alert-icon-warning-color: var(--basis-color-warning-color-default);
  --utrecht-alert-icon-ok-color: var(--basis-color-positive-color-default);
  --utrecht-alert-icon-error-color: var(--basis-color-negative-color-default);
  --utrecht-alert-icon-info-color: var(--basis-color-info-color-default);
  --utrecht-alert-icon-color: var(--basis-color-info-color-default);
  --utrecht-alert-icon-size: var(--basis-size-icon-xl);
  --utrecht-alert-icon-inset-block-start: var(--basis-space-none);
  --utrecht-alert-content-row-gap: var(--basis-space-row-xl);
  --utrecht-alert-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-alert-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-alert-padding-block-start: var(--basis-space-block-xl);
  --utrecht-alert-padding-block-end: var(--basis-space-block-2xl);
  --utrecht-alert-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-alert-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-alert-column-gap: var(--basis-space-column-md);
  --utrecht-alert-color: var(--basis-color-info-color-document);
  --utrecht-alert-border-width: var(--basis-border-width-md);
  --utrecht-alert-border-radius: var(--basis-border-radius-none);
  --utrecht-alert-border-color: var(--basis-color-info-border-default);
  --utrecht-alert-background-color: var(--basis-color-info-bg-default);
  --utrecht-action-group-row-gap: var(--basis-space-row-md);
  --utrecht-action-group-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-action-group-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-action-group-padding-block-start: var(--basis-space-none);
  --utrecht-action-group-padding-block-end: var(--basis-space-none);
  --utrecht-action-group-column-gap: var(--basis-space-column-md);
  --utrecht-action-group-background-color: var(--basis-color-transparent);
  --utrecht-accordion-section-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-accordion-section-margin-block-end: var(--basis-space-none); /* [code-only] */
  --utrecht-accordion-section-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-section-hover-border-color: var(--basis-color-default-border-subtle);
  --utrecht-accordion-section-border-color: var(--basis-color-default-border-subtle);
  --utrecht-accordion-panel-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-accordion-panel-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-accordion-panel-padding-block-start: var(--basis-space-block-3xl);
  --utrecht-accordion-panel-padding-block-end: var(--basis-space-block-3xl);
  --utrecht-accordion-panel-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-panel-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-hover-color: var(--basis-color-action-2-color-hover);
  --utrecht-accordion-button-hover-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-hover-background-color: var(--basis-color-default-bg-hover);
  --utrecht-accordion-button-focus-visible-color: var(--basis-focus-color);
  --utrecht-accordion-button-focus-visible-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-button-focus-visible-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-focus-visible-background-color: var(--basis-focus-background-color);
  --utrecht-accordion-button-active-color: var(--basis-color-action-2-color-active);
  --utrecht-accordion-button-active-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-active-background-color: var(--basis-color-default-bg-active);
  --utrecht-accordion-button-icon-size: var(--basis-size-icon-md);
  --utrecht-accordion-button-padding-inline-start: var(--basis-space-inline-xl);
  --utrecht-accordion-button-padding-inline-end: var(--basis-space-inline-xl);
  --utrecht-accordion-button-padding-block-start: var(--basis-space-block-lg);
  --utrecht-accordion-button-padding-block-end: var(--basis-space-block-lg);
  --utrecht-accordion-button-line-height: var(--basis-text-line-height-md);
  --utrecht-accordion-button-gap: var(--basis-space-text-md);
  --utrecht-accordion-button-font-weight: var(--basis-text-font-weight-bold);
  --utrecht-accordion-button-font-size: var(--basis-text-font-size-md);
  --utrecht-accordion-button-font-family: var(--basis-text-font-family-default);
  --utrecht-accordion-button-color: var(--basis-color-action-2-color-default);
  --utrecht-accordion-button-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-button-border-radius: var(--basis-border-radius-none);
  --utrecht-accordion-button-border-color: var(--basis-color-transparent);
  --utrecht-accordion-button-background-color: var(--basis-color-default-bg-default);
  --utrecht-accordion-row-gap: var(--basis-space-none);
  --utrecht-accordion-margin-block-start: var(--basis-space-none); /* [code-only] */
  --utrecht-accordion-margin-block-end: var(--basis-space-none); /* [code-only] */
  --basis-pointer-target-min-inline-size: 3rem;
  --basis-pointer-target-min-block-size: 3rem;
  --basis-page-max-inline-size: 1140px;
  --basis-heading-font-weight: var(--basis-text-font-weight-bold);
  --basis-heading-font-family: var(--basis-text-font-family-default);
  --basis-heading-color: var(--basis-color-default-color-document);
  --basis-form-control-read-only-color: var(--basis-color-default-color-document);
  --basis-form-control-read-only-border-color: var(--basis-color-transparent);
  --basis-form-control-read-only-background-color: var(--basis-color-default-bg-subtle);
  --basis-form-control-read-only-accent-color: var(--basis-color-default-bg-subtle);
  --basis-form-control-invalid-color: var(--basis-color-negative-color-default);
  --basis-form-control-invalid-border-width: var(--basis-border-width-md);
  --basis-form-control-invalid-border-color: var(--basis-color-negative-border-default);
  --basis-form-control-invalid-background-color: var(--basis-color-negative-bg-default);
  --basis-form-control-invalid-accent-color: var(--basis-color-negative-bg-default);
  --basis-form-control-hover-color: var(--basis-form-control-color);
  --basis-form-control-hover-border-width: var(--basis-border-width-md);
  --basis-form-control-hover-border-color: var(--basis-color-default-border-hover);
  --basis-form-control-hover-background-color: var(--basis-color-default-bg-hover);
  --basis-form-control-hover-accent-color: var(--basis-color-action-1-inverse-bg-hover);
  --basis-form-control-focus-color: var(--basis-form-control-color);
  --basis-form-control-focus-border-width: var(--basis-border-width-md);
  --basis-form-control-focus-border-color: var(--basis-color-default-border-active);
  --basis-form-control-focus-background-color: var(--basis-form-control-background-color);
  --basis-form-control-focus-accent-color: var(--basis-form-control-background-color);
  --basis-form-control-disabled-color: var(--basis-color-disabled-color-subtle);
  --basis-form-control-disabled-border-color: var(--basis-color-disabled-border-subtle);
  --basis-form-control-disabled-background-color: var(--basis-color-disabled-bg-default);
  --basis-form-control-disabled-accent-color: var(--basis-color-disabled-bg-default);
  --basis-form-control-active-color: var(--basis-form-control-color);
  --basis-form-control-active-border-width: var(--basis-border-width-md);
  --basis-form-control-active-border-color: var(--basis-color-default-border-active);
  --basis-form-control-active-background-color: var(--basis-color-default-bg-active);
  --basis-form-control-active-accent-color: var(--basis-color-action-1-inverse-bg-active);
  --basis-form-control-max-inline-size: 25rem;
  --basis-form-control-padding-inline-start: var(--basis-space-inline-lg);
  --basis-form-control-padding-inline-end: var(--basis-space-inline-lg);
  --basis-form-control-padding-block-start: var(--basis-space-block-lg);
  --basis-form-control-padding-block-end: var(--basis-space-block-lg);
  --basis-form-control-line-height: var(--basis-text-line-height-md);
  --basis-form-control-font-weight: var(--basis-text-font-weight-default);
  --basis-form-control-font-size: var(--basis-text-font-size-md);
  --basis-form-control-font-family: var(--basis-text-font-family-default);
  --basis-form-control-placeholder-color: var(--basis-color-default-color-subtle);
  --basis-form-control-color: var(--basis-color-default-color-document);
  --basis-form-control-border-width: var(--basis-border-width-sm);
  --basis-form-control-border-radius: 0px;
  --basis-form-control-border-color: var(--basis-color-default-border-default);
  --basis-form-control-background-color: var(--basis-color-default-bg-document);
  --basis-form-control-accent-color: var(--basis-color-action-1-inverse-bg-default);
  --basis-focus-outline-width: var(--basis-border-width-md);
  --basis-focus-outline-style: dashed;
  --basis-focus-outline-offset: 0px;
  --basis-focus-inverse-outline-color: #ffffff;
  --basis-focus-outline-color: #0b0c0c;
  --basis-focus-color: #0b0c0c;
  --basis-focus-background-color: #ffdd00;
  --basis-action-submit-cursor: pointer;
  --basis-action-activate-cursor: pointer;
  --basis-box-shadow-lg: 0 4px 8px 0 rgba(0,0,0,0.10), 0 16px 32px 0 rgba(0,0,0,0.08);
  --basis-box-shadow-md: 0 2px 4px 0 rgba(0,0,0,0.08), 0 8px 16px 0 rgba(0,0,0,0.06);
  --basis-box-shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.06), 0 2px 4px 0 rgba(0,0,0,0.04);
  --basis-box-shadow-none: none;
  --basis-border-width-lg: 0.25rem;
  --basis-border-width-md: 0.125rem;
  --basis-border-width-sm: 0.0625rem;
  --basis-border-width-none: 0px;
  --basis-border-radius-round: 999px;
  --basis-border-radius-lg: 16px;
  --basis-border-radius-md: 8px;
  --basis-border-radius-sm: 4px;
  --basis-border-radius-none: 0px; /* Square */
  --basis-size-icon-4xl: 3rem;
  --basis-size-icon-3xl: 2.5rem;
  --basis-size-icon-2xl: 2rem;
  --basis-size-icon-xl: 2rem;
  --basis-size-icon-lg: 1.5rem;
  --basis-size-icon-md: 1.5rem;
  --basis-size-icon-sm: 1.25rem;
  --basis-size-2xl: 160px;
  --basis-size-xl: 96px;
  --basis-size-lg: 64px;
  --basis-size-md: 48px;
  --basis-size-sm: 32px;
  --basis-size-xs: 24px;
  --basis-size-2xs: 16px;
  --basis-size-3xs: 8px;
  --basis-size-4xs: 4px;
  --basis-size-5xs: 2px;
  --basis-space-row-max-6xl: 160px;
  --basis-space-row-max-5xl: 64px;
  --basis-space-row-max-4xl: 32px;
  --basis-space-row-max-3xl: 24px;
  --basis-space-row-max-2xl: 20px;
  --basis-space-row-max-xl: 16px;
  --basis-space-row-max-lg: 12px;
  --basis-space-row-max-md: 8px;
  --basis-space-row-max-sm: 4px;
  --basis-space-row-max-xs: 2px;
  --basis-space-row-max-2xs: 1px;
  --basis-space-row-min-6xl: 160px;
  --basis-space-row-min-5xl: 64px;
  --basis-space-row-min-4xl: 32px;
  --basis-space-row-min-3xl: 24px;
  --basis-space-row-min-2xl: 20px;
  --basis-space-row-min-xl: 16px;
  --basis-space-row-min-lg: 12px;
  --basis-space-row-min-md: 8px;
  --basis-space-row-min-sm: 4px;
  --basis-space-row-min-xs: 2px;
  --basis-space-row-min-2xs: 1px;
  --basis-space-row-6xl: 160px;
  --basis-space-row-5xl: 64px;
  --basis-space-row-4xl: 32px;
  --basis-space-row-3xl: 24px;
  --basis-space-row-2xl: 20px;
  --basis-space-row-xl: 16px;
  --basis-space-row-lg: 12px;
  --basis-space-row-md: 8px;
  --basis-space-row-sm: 4px;
  --basis-space-row-xs: 2px;
  --basis-space-row-2xs: 1px;
  --basis-space-column-max-6xl: 160px;
  --basis-space-column-max-5xl: 64px;
  --basis-space-column-max-4xl: 32px;
  --basis-space-column-max-3xl: 24px;
  --basis-space-column-max-2xl: 20px;
  --basis-space-column-max-xl: 16px;
  --basis-space-column-max-lg: 12px;
  --basis-space-column-max-md: 8px;
  --basis-space-column-max-sm: 4px;
  --basis-space-column-max-xs: 2px;
  --basis-space-column-max-2xs: 1px;
  --basis-space-column-min-6xl: 160px;
  --basis-space-column-min-5xl: 64px;
  --basis-space-column-min-4xl: 32px;
  --basis-space-column-min-3xl: 24px;
  --basis-space-column-min-2xl: 20px;
  --basis-space-column-min-xl: 16px;
  --basis-space-column-min-lg: 12px;
  --basis-space-column-min-md: 8px;
  --basis-space-column-min-sm: 4px;
  --basis-space-column-min-xs: 2px;
  --basis-space-column-min-2xs: 1px;
  --basis-space-column-6xl: 160px;
  --basis-space-column-5xl: 64px;
  --basis-space-column-4xl: 32px;
  --basis-space-column-3xl: 24px;
  --basis-space-column-2xl: 20px;
  --basis-space-column-xl: 16px;
  --basis-space-column-lg: 12px;
  --basis-space-column-md: 8px;
  --basis-space-column-sm: 4px;
  --basis-space-column-xs: 2px;
  --basis-space-column-2xs: 1px;
  --basis-space-text-3xl: 24px; /* 3ch */
  --basis-space-text-2xl: 16px; /* 2ch */
  --basis-space-text-xl: 14px; /* 1.75ch */
  --basis-space-text-lg: 12px; /* 1.5ch */
  --basis-space-text-md: 8px; /* 1ch */
  --basis-space-text-sm: 6px; /* 0.75ch */
  --basis-space-text-xs: 4px; /* 0.5ch */
  --basis-space-text-2xs: 2px; /* 0.25ch */
  --basis-space-text-3xs: 1px; /* 0.125ch */
  --basis-space-block-max-6xl: 128px;
  --basis-space-block-max-5xl: 96px;
  --basis-space-block-max-4xl: 64px;
  --basis-space-block-max-3xl: 48px;
  --basis-space-block-max-2xl: 40px;
  --basis-space-block-max-xl: 32px;
  --basis-space-block-max-lg: 24px;
  --basis-space-block-max-md: 16px;
  --basis-space-block-max-sm: 8px;
  --basis-space-block-max-xs: 4px;
  --basis-space-block-max-2xs: 2px;
  --basis-space-block-min-6xl: 64px;
  --basis-space-block-min-5xl: 48px;
  --basis-space-block-min-4xl: 32px;
  --basis-space-block-min-3xl: 24px;
  --basis-space-block-min-2xl: 20px;
  --basis-space-block-min-xl: 16px;
  --basis-space-block-min-lg: 12px;
  --basis-space-block-min-md: 8px;
  --basis-space-block-min-sm: 4px;
  --basis-space-block-min-xs: 2px;
  --basis-space-block-min-2xs: 1px;
  --basis-space-block-6xl: 64px;
  --basis-space-block-5xl: 48px;
  --basis-space-block-4xl: 32px;
  --basis-space-block-3xl: 24px;
  --basis-space-block-2xl: 20px;
  --basis-space-block-xl: 16px;
  --basis-space-block-lg: 12px;
  --basis-space-block-md: 8px;
  --basis-space-block-sm: 4px;
  --basis-space-block-xs: 2px;
  --basis-space-block-2xs: 1px;
  --basis-space-inline-max-6xl: 128px;
  --basis-space-inline-max-5xl: 96px;
  --basis-space-inline-max-4xl: 64px;
  --basis-space-inline-max-3xl: 48px;
  --basis-space-inline-max-2xl: 40px;
  --basis-space-inline-max-xl: 32px;
  --basis-space-inline-max-lg: 24px;
  --basis-space-inline-max-md: 16px;
  --basis-space-inline-max-sm: 8px;
  --basis-space-inline-max-xs: 4px;
  --basis-space-inline-max-2xs: 2px;
  --basis-space-inline-min-6xl: 64px;
  --basis-space-inline-min-5xl: 48px;
  --basis-space-inline-min-4xl: 32px;
  --basis-space-inline-min-3xl: 24px;
  --basis-space-inline-min-2xl: 20px;
  --basis-space-inline-min-xl: 16px;
  --basis-space-inline-min-lg: 12px;
  --basis-space-inline-min-md: 8px;
  --basis-space-inline-min-sm: 4px;
  --basis-space-inline-min-xs: 2px;
  --basis-space-inline-min-2xs: 1px;
  --basis-space-inline-6xl: 64px;
  --basis-space-inline-5xl: 48px;
  --basis-space-inline-4xl: 32px;
  --basis-space-inline-3xl: 24px;
  --basis-space-inline-2xl: 20px;
  --basis-space-inline-xl: 16px;
  --basis-space-inline-lg: 12px;
  --basis-space-inline-md: 8px;
  --basis-space-inline-sm: 4px;
  --basis-space-inline-xs: 2px;
  --basis-space-inline-2xs: 1px;
  --basis-space-none: 0px;
  --basis-color-selected-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-selected-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-selected-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-selected-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-selected-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-selected-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-selected-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-selected-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-selected-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-selected-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-selected-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-selected-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-selected-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-selected-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-highlight-inverse-color-document: #ffffff;
  --basis-color-highlight-inverse-color-subtle: #e6c10c;
  --basis-color-highlight-inverse-color-active: #ffffff;
  --basis-color-highlight-inverse-color-hover: #ffffff;
  --basis-color-highlight-inverse-color-default: #ffffff;
  --basis-color-highlight-inverse-border-active: #ffde56;
  --basis-color-highlight-inverse-border-hover: #f9d103;
  --basis-color-highlight-inverse-border-default: #ecc609;
  --basis-color-highlight-inverse-border-subtle: #534615;
  --basis-color-highlight-inverse-bg-active: #483d14;
  --basis-color-highlight-inverse-bg-hover: #594a16;
  --basis-color-highlight-inverse-bg-default: #695817;
  --basis-color-highlight-inverse-bg-subtle: #201b0c;
  --basis-color-highlight-inverse-bg-document: #2a230f;
  --basis-color-warning-inverse-color-document: #ffffff;
  --basis-color-warning-inverse-color-subtle: #ffb46b;
  --basis-color-warning-inverse-color-active: #ffffff;
  --basis-color-warning-inverse-color-hover: #ffffff;
  --basis-color-warning-inverse-color-default: #ffffff;
  --basis-color-warning-inverse-border-active: #ffd9b4;
  --basis-color-warning-inverse-border-hover: #ffcb98;
  --basis-color-warning-inverse-border-default: #ffbc7a;
  --basis-color-warning-inverse-border-subtle: #683c12;
  --basis-color-warning-inverse-bg-active: #5a3511;
  --basis-color-warning-inverse-bg-hover: #6f4012;
  --basis-color-warning-inverse-bg-default: #844c12;
  --basis-color-warning-inverse-bg-subtle: #27190a;
  --basis-color-warning-inverse-bg-document: #331f0d;
  --basis-color-positive-inverse-color-document: #ffffff;
  --basis-color-positive-inverse-color-subtle: #8ad3a6;
  --basis-color-positive-inverse-color-active: #ffffff;
  --basis-color-positive-inverse-color-hover: #ffffff;
  --basis-color-positive-inverse-color-default: #ffffff;
  --basis-color-positive-inverse-border-active: #c3e9d1;
  --basis-color-positive-inverse-border-hover: #ace0c0;
  --basis-color-positive-inverse-border-default: #96d8ae;
  --basis-color-positive-inverse-border-subtle: #00531f;
  --basis-color-positive-inverse-bg-active: #00481b;
  --basis-color-positive-inverse-bg-hover: #005821;
  --basis-color-positive-inverse-bg-default: #006827;
  --basis-color-positive-inverse-bg-subtle: #00210c;
  --basis-color-positive-inverse-bg-document: #002b10;
  --basis-color-negative-inverse-color-document: #ffffff;
  --basis-color-negative-inverse-color-subtle: #f9b1b1;
  --basis-color-negative-inverse-color-active: #ffffff;
  --basis-color-negative-inverse-color-hover: #ffffff;
  --basis-color-negative-inverse-color-default: #ffffff;
  --basis-color-negative-inverse-border-active: #fcd7d7;
  --basis-color-negative-inverse-border-hover: #fbc8c8;
  --basis-color-negative-inverse-border-default: #fab9b9;
  --basis-color-negative-inverse-border-subtle: #930000;
  --basis-color-negative-inverse-bg-active: #820000;
  --basis-color-negative-inverse-bg-hover: #9c0000;
  --basis-color-negative-inverse-bg-default: #b70000;
  --basis-color-negative-inverse-bg-subtle: #410000;
  --basis-color-negative-inverse-bg-document: #510000;
  --basis-color-info-inverse-color-document: #ffffff;
  --basis-color-info-inverse-color-subtle: #b0c6df;
  --basis-color-info-inverse-color-active: #ffffff;
  --basis-color-info-inverse-color-hover: #ffffff;
  --basis-color-info-inverse-color-default: #ffffff;
  --basis-color-info-inverse-border-active: #d5e1ee;
  --basis-color-info-inverse-border-hover: #c6d6e8;
  --basis-color-info-inverse-border-default: #b8cbe2;
  --basis-color-info-inverse-border-subtle: #004494;
  --basis-color-info-inverse-bg-active: #003b81;
  --basis-color-info-inverse-bg-hover: #04499a;
  --basis-color-info-inverse-bg-default: #1b59a4;
  --basis-color-info-inverse-bg-subtle: #001b3c;
  --basis-color-info-inverse-bg-document: #00234d;
  --basis-color-disabled-inverse-color-document: var(--basis-color-disabled-inverse-color-subtle);
  --basis-color-disabled-inverse-color-subtle: var(--basis-color-default-inverse-color-subtle);
  --basis-color-disabled-inverse-color-active: 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-default: var(--basis-color-disabled-inverse-color-subtle);
  --basis-color-disabled-inverse-border-active: 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-default: var(--basis-color-disabled-inverse-border-subtle);
  --basis-color-disabled-inverse-border-subtle: var(--basis-color-default-inverse-border-subtle);
  --basis-color-disabled-inverse-bg-active: 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-default: var(--basis-color-default-inverse-bg-default);
  --basis-color-disabled-inverse-bg-subtle: var(--basis-color-disabled-inverse-bg-default);
  --basis-color-disabled-inverse-bg-document: var(--basis-color-disabled-inverse-bg-default);
  --basis-color-action-2-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-action-2-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-action-2-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-action-2-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-action-2-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-action-2-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-action-2-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-action-2-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-action-2-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-action-2-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-action-2-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-action-2-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-action-2-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-action-2-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-action-1-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-action-1-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-action-1-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-action-1-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-action-1-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-action-1-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-action-1-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-action-1-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-action-1-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-action-1-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-action-1-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-action-1-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-action-1-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-action-1-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-accent-3-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-accent-3-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-accent-3-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-accent-3-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-accent-3-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-accent-3-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-accent-3-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-accent-3-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-accent-3-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-accent-3-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-accent-3-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-accent-3-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-accent-3-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-accent-3-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-accent-2-inverse-color-document: var(--basis-color-accent-1-inverse-color-document);
  --basis-color-accent-2-inverse-color-subtle: var(--basis-color-accent-1-inverse-color-subtle);
  --basis-color-accent-2-inverse-color-active: var(--basis-color-accent-1-inverse-color-active);
  --basis-color-accent-2-inverse-color-hover: var(--basis-color-accent-1-inverse-color-hover);
  --basis-color-accent-2-inverse-color-default: var(--basis-color-accent-1-inverse-color-default);
  --basis-color-accent-2-inverse-border-active: var(--basis-color-accent-1-inverse-border-active);
  --basis-color-accent-2-inverse-border-hover: var(--basis-color-accent-1-inverse-border-hover);
  --basis-color-accent-2-inverse-border-default: var(--basis-color-accent-1-inverse-border-default);
  --basis-color-accent-2-inverse-border-subtle: var(--basis-color-accent-1-inverse-border-subtle);
  --basis-color-accent-2-inverse-bg-active: var(--basis-color-accent-1-inverse-bg-active);
  --basis-color-accent-2-inverse-bg-hover: var(--basis-color-accent-1-inverse-bg-hover);
  --basis-color-accent-2-inverse-bg-default: var(--basis-color-accent-1-inverse-bg-default);
  --basis-color-accent-2-inverse-bg-subtle: var(--basis-color-accent-1-inverse-bg-subtle);
  --basis-color-accent-2-inverse-bg-document: var(--basis-color-accent-1-inverse-bg-document);
  --basis-color-accent-1-inverse-color-document: #ffffff;
  --basis-color-accent-1-inverse-color-subtle: #b0c6df;
  --basis-color-accent-1-inverse-color-active: #ffffff;
  --basis-color-accent-1-inverse-color-hover: #ffffff;
  --basis-color-accent-1-inverse-color-default: #ffffff;
  --basis-color-accent-1-inverse-border-active: #d5e1ee;
  --basis-color-accent-1-inverse-border-hover: #c6d6e8;
  --basis-color-accent-1-inverse-border-default: #b8cbe2;
  --basis-color-accent-1-inverse-border-subtle: #004494;
  --basis-color-accent-1-inverse-bg-active: #003b81;
  --basis-color-accent-1-inverse-bg-hover: #04499a;
  --basis-color-accent-1-inverse-bg-default: #1b59a4;
  --basis-color-accent-1-inverse-bg-subtle: #001b3c;
  --basis-color-accent-1-inverse-bg-document: #00234d;
  --basis-color-default-inverse-color-document: #ffffff;
  --basis-color-default-inverse-color-subtle: #c4c4c4;
  --basis-color-default-inverse-color-active: #ffffff;
  --basis-color-default-inverse-color-hover: #ffffff;
  --basis-color-default-inverse-color-default: #ffffff;
  --basis-color-default-inverse-border-active: #dfdfdf;
  --basis-color-default-inverse-border-hover: #d4d4d4;
  --basis-color-default-inverse-border-default: #c9c9c9;
  --basis-color-default-inverse-border-subtle: #474747;
  --basis-color-default-inverse-bg-active: #3e3e3e;
  --basis-color-default-inverse-bg-hover: #4b4b4b;
  --basis-color-default-inverse-bg-default: #595959;
  --basis-color-default-inverse-bg-subtle: #1b1b1b;
  --basis-color-default-inverse-bg-document: #242424;
  --basis-color-selected-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-selected-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-selected-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-selected-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-selected-color-default: var(--basis-color-accent-1-color-default);
  --basis-color-selected-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-selected-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-selected-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-selected-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-selected-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-selected-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-selected-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-selected-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-selected-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-highlight-color-document: #201b0c;
  --basis-color-highlight-color-subtle: #756218;
  --basis-color-highlight-color-active: #483d14;
  --basis-color-highlight-color-hover: #594a16;
  --basis-color-highlight-color-default: #695817;
  --basis-color-highlight-border-active: #867018;
  --basis-color-highlight-border-hover: #927a18;
  --basis-color-highlight-border-default: #9e8418;
  --basis-color-highlight-border-subtle: #e6c10c;
  --basis-color-highlight-bg-active: #ffe57c;
  --basis-color-highlight-bg-hover: #ffeb9d;
  --basis-color-highlight-bg-default: #fff1bb;
  --basis-color-highlight-bg-subtle: #fff7d7;
  --basis-color-highlight-bg-document: #fffcf2;
  --basis-color-warning-color-document: #27190a;
  --basis-color-warning-color-subtle: #935412;
  --basis-color-warning-color-active: #5a3511;
  --basis-color-warning-color-hover: #6f4012;
  --basis-color-warning-color-default: #844c12;
  --basis-color-warning-border-active: #a96011;
  --basis-color-warning-border-hover: #b86810;
  --basis-color-warning-border-default: #c8700e;
  --basis-color-warning-border-subtle: #ffb46b;
  --basis-color-warning-bg-active: #ffe0c2;
  --basis-color-warning-bg-hover: #ffe7d0;
  --basis-color-warning-bg-default: #ffeedd;
  --basis-color-warning-bg-subtle: #fff5eb;
  --basis-color-warning-bg-document: #fffcf8;
  --basis-color-positive-color-document: #00210c;
  --basis-color-positive-color-subtle: #00732b;
  --basis-color-positive-color-active: #00481b;
  --basis-color-positive-color-hover: #005821;
  --basis-color-positive-color-default: #006827;
  --basis-color-positive-border-active: #008432;
  --basis-color-positive-border-hover: #009036;
  --basis-color-positive-border-default: #009b3a;
  --basis-color-positive-border-subtle: #8ad3a6;
  --basis-color-positive-bg-active: #ceedd9;
  --basis-color-positive-bg-hover: #d9f1e2;
  --basis-color-positive-bg-default: #e4f5ea;
  --basis-color-positive-bg-subtle: #eff9f3;
  --basis-color-positive-bg-document: #fafdfb;
  --basis-color-negative-color-document: #410000;
  --basis-color-negative-color-subtle: #ca0000;
  --basis-color-negative-color-active: #930000;
  --basis-color-negative-color-hover: #9c0000;
  --basis-color-negative-color-default: #b70000;
  --basis-color-negative-border-active: #e60000;
  --basis-color-negative-border-hover: #ef2929;
  --basis-color-negative-border-default: #f14848;
  --basis-color-negative-border-subtle: #f9b1b1;
  --basis-color-negative-bg-active: #fddede;
  --basis-color-negative-bg-hover: #fde6e6;
  --basis-color-negative-bg-default: #feeded;
  --basis-color-negative-bg-subtle: #fef4f4;
  --basis-color-negative-bg-document: #fffbfb;
  --basis-color-info-color-document: #001b3c;
  --basis-color-info-color-subtle: #2964aa;
  --basis-color-info-color-active: #003b81;
  --basis-color-info-color-hover: #04499a;
  --basis-color-info-color-default: #1b59a4;
  --basis-color-info-border-active: #3f74b2;
  --basis-color-info-border-hover: #4e7fb8;
  --basis-color-info-border-default: #5c89be;
  --basis-color-info-border-subtle: #b0c6df;
  --basis-color-info-bg-active: #dde6f1;
  --basis-color-info-bg-hover: #e4ecf4;
  --basis-color-info-bg-default: #ecf1f7;
  --basis-color-info-bg-subtle: #f4f7fa;
  --basis-color-info-bg-document: #fbfcfd;
  --basis-color-disabled-color-document: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-subtle: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-active: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-hover: var(--basis-color-default-color-subtle);
  --basis-color-disabled-color-default: var(--basis-color-default-color-subtle);
  --basis-color-disabled-border-active: var(--basis-color-disabled-border-subtle);
  --basis-color-disabled-border-hover: var(--basis-color-disabled-border-subtle);
  --basis-color-disabled-border-default: var(--basis-color-disabled-border-subtle);
  --basis-color-disabled-border-subtle: var(--basis-color-default-border-subtle);
  --basis-color-disabled-bg-active: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-bg-hover: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-bg-default: var(--basis-color-default-bg-default);
  --basis-color-disabled-bg-subtle: var(--basis-color-disabled-bg-default);
  --basis-color-disabled-bg-document: var(--basis-color-disabled-bg-default);
  --basis-color-action-2-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-action-2-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-action-2-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-action-2-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-action-2-color-default: var(--basis-color-accent-1-color-default);
  --basis-color-action-2-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-action-2-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-action-2-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-action-2-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-action-2-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-action-2-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-action-2-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-action-2-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-action-2-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-action-1-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-action-1-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-action-1-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-action-1-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-action-1-color-default: var(--basis-color-accent-1-color-default);
  --basis-color-action-1-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-action-1-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-action-1-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-action-1-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-action-1-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-action-1-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-action-1-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-action-1-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-action-1-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-accent-3-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-accent-3-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-accent-3-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-accent-3-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-accent-3-color-default: var(--basis-color-accent-1-color-default);
  --basis-color-accent-3-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-accent-3-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-accent-3-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-accent-3-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-accent-3-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-accent-3-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-accent-3-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-accent-3-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-accent-3-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-accent-2-color-document: var(--basis-color-accent-1-color-document);
  --basis-color-accent-2-color-subtle: var(--basis-color-accent-1-color-subtle);
  --basis-color-accent-2-color-active: var(--basis-color-accent-1-color-active);
  --basis-color-accent-2-color-hover: var(--basis-color-accent-1-color-hover);
  --basis-color-accent-2-color-default: var(--basis-color-accent-1-color-default);
  --basis-color-accent-2-border-active: var(--basis-color-accent-1-border-active);
  --basis-color-accent-2-border-hover: var(--basis-color-accent-1-border-hover);
  --basis-color-accent-2-border-default: var(--basis-color-accent-1-border-default);
  --basis-color-accent-2-border-subtle: var(--basis-color-accent-1-border-subtle);
  --basis-color-accent-2-bg-active: var(--basis-color-accent-1-bg-active);
  --basis-color-accent-2-bg-hover: var(--basis-color-accent-1-bg-hover);
  --basis-color-accent-2-bg-default: var(--basis-color-accent-1-bg-default);
  --basis-color-accent-2-bg-subtle: var(--basis-color-accent-1-bg-subtle);
  --basis-color-accent-2-bg-document: var(--basis-color-accent-1-bg-document);
  --basis-color-accent-1-color-document: #001b3c;
  --basis-color-accent-1-color-subtle: #2964aa;
  --basis-color-accent-1-color-active: #003b81;
  --basis-color-accent-1-color-hover: #04499a;
  --basis-color-accent-1-color-default: #1b59a4;
  --basis-color-accent-1-border-active: #3f74b2;
  --basis-color-accent-1-border-hover: #4e7fb8;
  --basis-color-accent-1-border-default: #5c89be;
  --basis-color-accent-1-border-subtle: #b0c6df;
  --basis-color-accent-1-bg-active: #dde6f1;
  --basis-color-accent-1-bg-hover: #e4ecf4;
  --basis-color-accent-1-bg-default: #ecf1f7;
  --basis-color-accent-1-bg-subtle: #f4f7fa;
  --basis-color-accent-1-bg-document: #fbfcfd;
  --basis-color-default-color-document: #1b1b1b;
  --basis-color-default-color-subtle: #636363;
  --basis-color-default-color-active: #3e3e3e;
  --basis-color-default-color-hover: #4b4b4b;
  --basis-color-default-color-default: #595959;
  --basis-color-default-border-active: #727272;
  --basis-color-default-border-hover: #7c7c7c;
  --basis-color-default-border-default: #868686;
  --basis-color-default-border-subtle: #c4c4c4;
  --basis-color-default-bg-active: #e5e5e5;
  --basis-color-default-bg-hover: #ebebeb;
  --basis-color-default-bg-default: #f1f1f1;
  --basis-color-default-bg-subtle: #f6f6f6;
  --basis-color-default-bg-document: #fcfcfc;
  --basis-color-transparent: rgba(0, 0, 0, 0);
  --basis-text-line-height-4xl: 1.25;
  --basis-text-line-height-3xl: 1.25;
  --basis-text-line-height-2xl: 1.25;
  --basis-text-line-height-xl: 1.25;
  --basis-text-line-height-lg: 1.25;
  --basis-text-line-height-md: 1.5;
  --basis-text-line-height-sm: 1.5;
  --basis-text-font-size-4xl: 2.5rem;
  --basis-text-font-size-3xl: 2rem;
  --basis-text-font-size-2xl: 1.75rem;
  --basis-text-font-size-xl: 1.5rem;
  --basis-text-font-size-lg: 1.25rem;
  --basis-text-font-size-md: 1rem;
  --basis-text-font-size-sm: 0.875rem;
  --basis-text-font-weight-bold: 700;
  --basis-text-font-weight-default: 400;
  --basis-text-font-family-monospace: 'IBM Plex Mono', monospace;
  --basis-text-font-family-default: 'IBM Plex Sans', sans-serif;
}