@import url('https://cdn.jsdelivr.net/npm/fontsource-cantarell@4.0.0/400-italic.css');
@import url('https://cdn.jsdelivr.net/npm/fontsource-cantarell@4.0.0/700-italic.css');
@import url('https://cdn.jsdelivr.net/npm/fontsource-cantarell@4.0.0/400.css');
@import url('https://cdn.jsdelivr.net/npm/fontsource-cantarell@4.0.0/700.css');

.organization-theme {
  --denhaag-sidenav-list-padding-inline-start: 0px;
  --denhaag-sidenav-list-padding-block-start: 0px;
  --denhaag-sidenav-list-padding-block-end: 0px;
  --denhaag-sidenav-link-active-color: var(--basis-interaction-active-color);
  --denhaag-sidenav-link-hover-color: var(--basis-interaction-hover-color);
  --denhaag-sidenav-link-current-font-weight: var(--basis-document-strong-font-weight);
  --denhaag-sidenav-link-text-decoration: None;
  --denhaag-sidenav-link-padding-block-start: var(--basis-space-block-large);
  --denhaag-sidenav-link-padding-block-end: var(--basis-space-block-large);
  --denhaag-sidenav-link-column-gap: var(--basis-space-text-md);
  --denhaag-sidenav-link-color: var(--basis-interaction-color);
  --denhaag-sidenav-item-line-height: var(--utrecht-document-line-height);
  --denhaag-sidenav-item-font-weight: var(--utrecht-document-font-weight);
  --denhaag-sidenav-item-font-size: var(--utrecht-document-font-size);
  --denhaag-sidenav-item-font-family: var(--utrecht-document-font-family);
  --denhaag-sidenav-row-gap: var(--basis-space-row-xxx-large);
  --denhaag-sidenav-min-width: 240px;
  --todo-toolbar-button-padding-inline-start: var(--basis-space-inline-medium);
  --todo-toolbar-button-padding-inline-end: var(--basis-space-inline-medium);
  --todo-toolbar-button-padding-block-start: var(--basis-space-block-large);
  --todo-toolbar-button-padding-block-end: var(--basis-space-block-large);
  --todo-toolbar-button-column-gap: var(--basis-space-text-xs);
  --todo-textbox-hover-color: var(--basis-form-control-hover-color);
  --todo-textbox-hover-border-color: var(--basis-form-control-hover-border-color);
  --todo-textbox-hover-background-color: var(--basis-form-control-hover-background-color);
  --todo-textarea-hover-color: var(--basis-form-control-hover-color);
  --todo-textarea-hover-border-color: var(--basis-form-control-hover-border-color);
  --todo-textarea-hover-background-color: var(--basis-form-control-hover-background-color);
  --todo-task-list-row-gap: var(--basis-space-row-x-large);
  --todo-task-list-item-margin-block-start: var(--basis-space-block-small);
  --todo-task-list-item-margin-block-end: var(--basis-space-block-small);
  --todo-task-list-item-column-gap: var(--basis-space-column-large);
  --todo-task-list-line-height: var(--utrecht-document-line-height);
  --todo-task-list-font-weight: var(--utrecht-document-font-weight);
  --todo-task-list-font-size: var(--utrecht-document-font-size);
  --todo-task-list-font-family: var(--utrecht-document-font-family);
  --todo-task-list-marker-border-radius: 0px;
  --todo-task-list-marker-not-checked-border-color: var(--utrecht-form-control-read-only-border-color);
  --todo-task-list-marker-not-checked-background-color: var(--utrecht-form-control-read-only-background-color);
  --todo-task-list-marker-border-width: var(--utrecht-form-control-border-width);
  --todo-task-list-marker-icon-size: var(--basis-size-icon-sm);
  --todo-task-list-marker-size: var(--basis-size-xs);
  --todo-task-list-marker-checked-border-color: transparent;
  --todo-task-list-marker-checked-background-color: var(--basis-feedback-positive);
  --todo-task-list-marker-checked-color: var(--basis-color-white);
  --todo-task-list-color: var(--basis-body-color);
  --todo-table-footer-font-weight: var(--basis-document-strong-font-weight);
  --todo-table-footer-border-block-start-width: var(--basis-border-width-md);
  --todo-table-footer-border-block-start-color: var(--basis-line-border-color);
  --todo-table-container-box-inline-start-shadow: var(--basis-box-shadow-lg);
  --todo-table-container-box-inline-end-shadow: var(--basis-box-shadow-lg);
  --todo-switch-thumb-border-width: var(--basis-border-width-sm);
  --todo-switch-thumb-border-radius: var(--basis-border-radius-round);
  --todo-switch-thumb-box-shadow: var(--basis-box-shadow-sm);
  --todo-switch-thumb-min-block-size: var(--basis-size-sm);
  --todo-switch-thumb-min-inline-size: var(--basis-size-sm);
  --todo-switch-thumb-focus-background-color: var(--basis-focus-color);
  --todo-switch-thumb-border-color: transparent;
  --todo-switch-thumb-background-color: var(--basis-color-white);
  --todo-switch-thumb-disabled-box-shadow: None;
  --todo-switch-thumb-disabled-background-color: var(--basis-color-white);
  --todo-switch-border-color: transparent;
  --todo-switch-icon-size: var(--basis-icon-functional-size);
  --todo-switch-icon-disabled-color: var(--basis-color-gray-600);
  --todo-switch-icon-focus-color: var(--basis-focus-color);
  --todo-switch-icon-color: var(--basis-color-white);
  --todo-switch-track-border-width: var(--basis-border-width-sm);
  --todo-switch-track-inline-size: 5rem;
  --todo-switch-track-padding-inline: var(--basis-space-inline-small);
  --todo-switch-track-padding-block: var(--basis-space-inline-small);
  --todo-switch-track-border-radius: var(--basis-border-radius-round);
  --todo-switch-track-checked-disabled-background-color: var(--basis-color-gray-300);
  --todo-switch-track-checked-focus-background-color: var(--basis-focus-background-color);
  --todo-switch-track-checked-active-background-color: var(--basis-interaction-active-color);
  --todo-switch-track-checked-hover-background-color: var(--basis-interaction-hover-color);
  --todo-switch-track-checked-background-color: var(--basis-color-black);
  --todo-switch-track-disabled-background-color: var(--basis-color-gray-300);
  --todo-switch-track-focus-background-color: var(--basis-focus-background-color);
  --todo-switch-track-hover-background-color: var(--basis-color-gray-600);
  --todo-switch-track-active-background-color: var(--basis-color-gray-700);
  --todo-switch-track-background-color: var(--basis-color-gray-500);
  --todo-summary-list-item-action-padding-inline-start: 0px;
  --todo-summary-list-item-action-padding-inline-end: var(--basis-space-inline-x-large);
  --todo-summary-list-item-action-padding-block-start: var(--basis-space-block-large);
  --todo-summary-list-item-action-padding-block-end: var(--basis-space-block-large);
  --todo-summary-list-item-action-row-padding-inline-start: var(--basis-space-inline-x-large);
  --todo-summary-list-item-action-row-padding-inline-end: 0px;
  --todo-summary-list-item-action-row-padding-block-start: var(--basis-space-block-large);
  --todo-summary-list-item-action-row-padding-block-end: var(--basis-space-block-large);
  --todo-summary-list-line-height: var(--utrecht-document-line-height);
  --todo-summary-list-font-size: var(--utrecht-document-font-size);
  --todo-summary-list-item-color: var(--basis-body-color);
  --todo-summary-list-item-border-color: var(--basis-line-border-color);
  --todo-summary-list-item-border-width: var(--basis-border-width-sm);
  --todo-summary-list-item-key-padding-inline-start: 0px;
  --todo-summary-list-item-key-padding-inline-end: 0px;
  --todo-summary-list-item-key-padding-block-start: var(--basis-space-block-large);
  --todo-summary-list-item-key-padding-block-end: var(--basis-space-block-small);
  --todo-summary-list-item-key-row-padding-inline-start: 0px;
  --todo-summary-list-item-key-row-padding-inline-end: var(--basis-space-inline-x-large);
  --todo-summary-list-item-key-row-padding-block-start: var(--basis-space-block-large);
  --todo-summary-list-item-key-row-padding-block-end: var(--basis-space-block-large);
  --todo-summary-list-item-key-font-weight: var(--basis-document-strong-font-weight);
  --todo-summary-list-item-value-padding-inline-start: 0px;
  --todo-summary-list-item-value-padding-inline-end: 0px;
  --todo-summary-list-item-value-padding-block-start: var(--basis-space-block-small);
  --todo-summary-list-item-value-padding-block-end: var(--basis-space-block-large);
  --todo-summary-list-item-value-row-padding-inline-start: 0px;
  --todo-summary-list-item-value-row-padding-inline-end: 0px;
  --todo-summary-list-item-value-row-padding-block-start: var(--basis-space-block-large);
  --todo-summary-list-item-value-row-padding-block-end: var(--basis-space-block-large);
  --todo-summary-list-item-value-font-weight: var(--utrecht-document-font-weight);
  --todo-summary-list-font-family: var(--utrecht-document-font-family);
  --todo-status-badge-color: var(--basis-body-color);
  --todo-status-badge-border-color: transparent;
  --todo-status-badge-background-color: var(--basis-color-gray-100);
  --todo-status-badge-warning-color: var(--basis-body-color);
  --todo-status-badge-warning-border-color: transparent;
  --todo-status-badge-warning-background-color: var(--utrecht-feedback-warning);
  --todo-status-badge-negative-color: var(--basis-document-inverse-color);
  --todo-status-badge-negative-border-color: transparent;
  --todo-status-badge-negative-background-color: var(--basis-feedback-negative);
  --todo-status-badge-positive-color: var(--basis-document-inverse-color);
  --todo-status-badge-positive-border-color: transparent;
  --todo-status-badge-positive-background-color: var(--utrecht-alert-ok-background-color);
  --todo-status-badge-informative-color: var(--basis-document-inverse-color);
  --todo-status-badge-informative-border-color: transparent;
  --todo-status-badge-informative-background-color: var(--utrecht-alert-info-background-color);
  --todo-status-badge-padding-block: var(--basis-space-block-x-small);
  --todo-status-badge-padding-inline: var(--basis-space-inline-small);
  --todo-status-badge-border-radius: var(--basis-border-radius-sm);
  --todo-status-badge-font-family: var(--utrecht-document-font-family);
  --todo-status-badge-border-width: var(--basis-border-width-sm);
  --todo-status-badge-font-weight: var(--basis-document-strong-font-weight);
  --todo-status-badge-line-height: var(--utrecht-document-line-height);
  --todo-status-badge-font-size: var(--basis-typography-font-size-6);
  --todo-skip-link-font-weight: var(--basis-document-strong-font-weight);
  --todo-skip-link-box-shadow: var(--basis-box-shadow-lg);
  --todo-skip-link-border-width: var(--basis-border-width-sm);
  --todo-skip-link-border-color: transparent;
  --todo-sidenav-link-icon-size: var(--basis-icon-functional-size);
  --todo-sidenav-link-hover-text-decoration: underline;
  --todo-sidenav-link-focus-text-decoration: None;
  --todo-sidenav-link-focus-color: var(--basis-focus-color);
  --todo-sidenav-link-focus-background-color: var(--basis-focus-background-color);
  --todo-sidenav-link-active-text-decoration: underline;
  --todo-sidenav-link-current-color: var(--basis-body-color);
  --todo-select-hover-border-width: var(--basis-form-control-hover-border-width);
  --todo-select-hover-color: var(--basis-form-control-hover-color);
  --todo-select-hover-border-color: var(--basis-form-control-hover-border-color);
  --todo-select-hover-background-color: var(--basis-form-control-hover-background-color);
  --todo-select-focus-border-width: var(--utrecht-form-control-focus-border-width);
  --todo-select-icon-size: var(--basis-icon-functional-size);
  --todo-select-line-height: var(--utrecht-form-control-line-height);
  --todo-radio-group-row-gap: var(--basis-space-row-x-large);
  --todo-radio-group-padding-block-start: var(--basis-space-block-medium);
  --todo-radio-group-padding-block-end: var(--basis-space-block-medium);
  --todo-radio-button-checked-disabled-color: var(--basis-color-white);
  --todo-radio-button-checked-disabled-border-color: transparent;
  --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-xxx-large);
  --todo-progress-list-step-body-row-gap: var(--basis-space-row-medium);
  --todo-progress-list-sub-step-margin-block-start: var(--basis-space-block-xxx-large);
  --todo-progress-list-step-meta-padding-inline-start: var(--basis-space-inline-xxxxx-large);
  --todo-progress-list-step-header-column-gap: var(--basis-space-column-x-large);
  --todo-progress-list-button-border-width: var(--basis-border-width-sm);
  --todo-progress-list-button-border-radius: var(--utrecht-button-border-radius);
  --todo-progress-list-button-error-border-color: transparent;
  --todo-progress-list-button-error-background-color: transparent;
  --todo-progress-list-button-error-focus-border-color: transparent;
  --todo-progress-list-button-error-focus-color: var(--basis-focus-color);
  --todo-progress-list-button-error-focus-background-color: var(--basis-focus-background-color);
  --todo-progress-list-button-error-hover-border-color: transparent;
  --todo-progress-list-button-error-hover-background-color: transparent;
  --todo-progress-list-button-error-hover-color: var(--basis-interaction-hover-color);
  --todo-progress-list-button-error-active-border-color: transparent;
  --todo-progress-list-button-error-active-background-color: transparent;
  --todo-progress-list-button-error-active-color: var(--basis-interaction-active-color);
  --todo-progress-list-button-warning-border-color: transparent;
  --todo-progress-list-button-warning-background-color: transparent;
  --todo-progress-list-button-warning-focus-border-color: transparent;
  --todo-progress-list-button-warning-focus-color: var(--basis-focus-color);
  --todo-progress-list-button-warning-focus-background-color: var(--basis-focus-background-color);
  --todo-progress-list-button-warning-hover-border-color: transparent;
  --todo-progress-list-button-warning-hover-background-color: transparent;
  --todo-progress-list-button-warning-hover-color: var(--basis-interaction-hover-color);
  --todo-progress-list-button-warning-active-border-color: transparent;
  --todo-progress-list-button-warning-active-background-color: transparent;
  --todo-progress-list-button-warning-active-color: var(--basis-interaction-active-color);
  --todo-progress-list-button-current-border-color: transparent;
  --todo-progress-list-button-current-background-color: transparent;
  --todo-progress-list-button-current-focus-border-color: transparent;
  --todo-progress-list-button-current-focus-color: var(--basis-focus-color);
  --todo-progress-list-button-current-focus-background-color: var(--basis-focus-background-color);
  --todo-progress-list-button-current-hover-border-color: transparent;
  --todo-progress-list-button-current-hover-background-color: transparent;
  --todo-progress-list-button-current-hover-color: var(--basis-interaction-hover-color);
  --todo-progress-list-button-current-active-border-color: transparent;
  --todo-progress-list-button-current-active-background-color: transparent;
  --todo-progress-list-button-current-active-color: var(--basis-interaction-active-color);
  --todo-progress-list-button-checked-border-color: transparent;
  --todo-progress-list-button-checked-background-color: transparent;
  --todo-progress-list-button-checked-focus-border-color: transparent;
  --todo-progress-list-button-checked-focus-color: var(--basis-focus-color);
  --todo-progress-list-button-checked-focus-background-color: var(--basis-focus-background-color);
  --todo-progress-list-button-checked-hover-border-color: transparent;
  --todo-progress-list-button-checked-hover-background-color: transparent;
  --todo-progress-list-button-checked-hover-color: var(--basis-interaction-hover-color);
  --todo-progress-list-button-checked-active-border-color: transparent;
  --todo-progress-list-button-checked-active-background-color: transparent;
  --todo-progress-list-button-checked-active-color: var(--basis-interaction-active-color);
  --todo-progress-list-button-min-block-size: var(--utrecht-pointer-target-min-size);
  --todo-progress-list-button-min-inline-size: var(--utrecht-pointer-target-min-size);
  --todo-progress-list-button-icon-error-focus-color: var(--basis-focus-color);
  --todo-progress-list-button-icon-error-hover-color: var(--basis-interaction-hover-color);
  --todo-progress-list-button-icon-error-active-color: var(--basis-interaction-active-color);
  --todo-progress-list-button-icon-error-color: var(--basis-feedback-negative);
  --todo-progress-list-button-icon-warning-focus-color: var(--basis-focus-color);
  --todo-progress-list-button-icon-warning-hover-color: var(--basis-interaction-hover-color);
  --todo-progress-list-button-icon-warning-active-color: var(--basis-interaction-active-color);
  --todo-progress-list-button-icon-warning-color: var(--basis-body-color);
  --todo-progress-list-button-icon-current-focus-color: var(--basis-focus-color);
  --todo-progress-list-button-icon-current-hover-color: var(--basis-interaction-hover-color);
  --todo-progress-list-button-icon-current-active-color: var(--basis-interaction-active-color);
  --todo-progress-list-button-icon-current-color: var(--basis-body-color);
  --todo-progress-list-button-icon-checked-active-color: var(--basis-interaction-active-color);
  --todo-progress-list-button-icon-checked-focus-color: var(--basis-focus-color);
  --todo-progress-list-button-icon-checked-hover-color: var(--basis-interaction-hover-color);
  --todo-progress-list-button-icon-checked-color: var(--basis-body-color);
  --todo-progress-list-button-icon-margin-inline: var(--basis-space-text-xs);
  --todo-progress-list-button-icon-size: var(--basis-icon-functional-size);
  --todo-progress-list-step-heading-line-height: var(--utrecht-document-line-height);
  --todo-progress-list-step-heading-font-size: var(--utrecht-document-font-size);
  --todo-progress-list-step-heading-font-weight: var(--basis-document-strong-font-weight);
  --todo-progress-list-step-heading-font-family: var(--utrecht-document-font-family);
  --todo-progress-list-step-heading-error-color: var(--basis-feedback-negative);
  --todo-progress-list-step-heading-warning-color: var(--basis-body-color);
  --todo-progress-list-step-heading-current-color: var(--basis-body-color);
  --todo-progress-list-step-heading-not-checked-color: var(--basis-body-color);
  --todo-progress-list-step-heading-checked-color: var(--basis-body-color);
  --todo-progress-list-step-heading-padding-block-end: var(--basis-space-block-xx-large);
  --todo-progress-list-step-heading-padding-block-start: var(--basis-space-block-small);
  --todo-progress-list-connector-border-width: var(--basis-border-width-md);
  --todo-progress-list-connector-error-border-color: var(--basis-feedback-negative);
  --todo-progress-list-connector-warning-border-color: var(--basis-line-border-color);
  --todo-progress-list-connector-not-checked-border-color: var(--basis-document-subtle-color);
  --todo-progress-list-connector-checked-border-color: var(--basis-feedback-positive);
  --todo-progress-list-connector-padding-inline-start: var(--basis-space-inline-x-large);
  --todo-progress-list-step-marker-icon-size: var(--basis-icon-functional-size);
  --todo-progress-list-step-marker-border-width: var(--basis-border-width-sm);
  --todo-progress-list-step-marker-line-height: var(--utrecht-document-line-height);
  --todo-progress-list-step-marker-font-size: var(--utrecht-document-font-size);
  --todo-progress-list-step-marker-font-weight: var(--basis-document-strong-font-weight);
  --todo-progress-list-step-marker-font-family: var(--utrecht-document-font-family);
  --todo-progress-list-step-marker-border-radius: var(--basis-border-radius-round);
  --todo-progress-list-step-marker-error-border-color: transparent;
  --todo-progress-list-step-marker-error-color: var(--basis-color-white);
  --todo-progress-list-step-marker-error-background-color: var(--basis-feedback-negative);
  --todo-progress-list-step-marker-warning-border-color: transparent;
  --todo-progress-list-step-marker-warning-color: var(--basis-body-color);
  --todo-progress-list-step-marker-warning-background-color: var(--utrecht-feedback-warning);
  --todo-progress-list-step-marker-current-border-color: transparent;
  --todo-progress-list-step-marker-current-color: var(--basis-color-white);
  --todo-progress-list-step-marker-current-background-color: var(--basis-color-black);
  --todo-progress-list-step-marker-not-checked-border-color: transparent;
  --todo-progress-list-step-marker-not-checked-color: var(--basis-color-white);
  --todo-progress-list-step-marker-not-checked-background-color: var(--basis-document-subtle-color);
  --todo-progress-list-step-marker-checked-border-color: transparent;
  --todo-progress-list-step-marker-checked-color: var(--basis-color-white);
  --todo-progress-list-step-marker-checked-background-color: var(--basis-feedback-positive);
  --todo-progress-list-step-marker-nested-padding-inline-start: var(--basis-space-inline-medium);
  --todo-progress-list-step-marker-nested-figma-inset-block-start: var(--basis-space-block-small);
  --todo-progress-list-step-marker-nested-size: var(--basis-size-2xs);
  --todo-progress-list-step-marker-size: var(--basis-size-sm);
  --todo-pagination-description-font-weight: var(--utrecht-document-font-weight);
  --todo-pagination-description-color: var(--basis-body-color);
  --todo-pagination-ellipses-font-weight: var(--utrecht-document-font-weight);
  --todo-pagination-ellipses-color: var(--basis-document-subtle-color);
  --todo-pagination-ellipses-padding-inline-start: var(--basis-space-inline-small);
  --todo-pagination-ellipses-padding-inline-end: var(--basis-space-inline-small);
  --todo-pagination-ellipses-padding-block-start: var(--basis-space-block-large);
  --todo-pagination-ellipses-padding-block-end: var(--basis-space-block-large);
  --todo-pagination-font-size: var(--utrecht-document-font-size);
  --todo-pagination-line-height: var(--utrecht-document-line-height);
  --todo-pagination-font-family: var(--utrecht-document-font-family);
  --todo-pagination-page-link-min-inline-size: var(--utrecht-pointer-target-min-size);
  --todo-pagination-page-link-min-block-size: var(--utrecht-pointer-target-min-size);
  --todo-pagination-page-link-color: var(--basis-interaction-color);
  --todo-pagination-page-link-border-color: transparent;
  --todo-pagination-page-link-background-color: transparent;
  --todo-pagination-page-link-active-color: var(--basis-interaction-active-color);
  --todo-pagination-page-link-active-border-color: transparent;
  --todo-pagination-page-link-active-background-color: transparent;
  --todo-pagination-page-link-active-text-decoration: underline;
  --todo-pagination-page-link-text-decoration: None;
  --todo-pagination-page-link-hover-color: var(--basis-interaction-hover-color);
  --todo-pagination-page-link-hover-border-color: transparent;
  --todo-pagination-page-link-hover-background-color: transparent;
  --todo-pagination-page-link-hover-text-decoration: underline;
  --todo-pagination-page-link-focus-color: var(--basis-focus-color);
  --todo-pagination-page-link-focus-background-color: var(--basis-focus-background-color);
  --todo-pagination-page-link-focus-text-decoration: None;
  --todo-pagination-page-link-padding-inline-start: var(--basis-space-inline-large);
  --todo-pagination-page-link-padding-inline-end: var(--basis-space-inline-large);
  --todo-pagination-page-link-padding-block-start: var(--basis-space-block-large);
  --todo-pagination-page-link-padding-block-end: var(--basis-space-block-large);
  --todo-pagination-page-link-border-radius: 0px;
  --todo-pagination-page-link-current-color: var(--basis-body-color);
  --todo-pagination-page-link-current-border-color: transparent;
  --todo-pagination-page-link-current-background-color: var(--basis-color-gray-100);
  --todo-pagination-page-link-current-text-decoration: None;
  --todo-pagination-page-link-current-font-weight: var(--basis-document-strong-font-weight);
  --todo-pagination-page-link-font-weight: var(--utrecht-document-font-weight);
  --todo-pagination-page-link-border-width: var(--basis-border-width-sm);
  --todo-pagination-relative-link-disabled-color: var(--basis-color-gray-500);
  --todo-pagination-relative-link-disabled-border-color: transparent;
  --todo-pagination-relative-link-disabled-background-color: transparent;
  --todo-pagination-relative-link-min-inline-size: var(--utrecht-pointer-target-min-size);
  --todo-pagination-relative-link-min-block-size: var(--utrecht-pointer-target-min-size);
  --todo-pagination-relative-link-font-weight: var(--utrecht-document-font-weight);
  --todo-pagination-relative-link-border-radius: 0px;
  --todo-pagination-relative-link-text-decoration: None;
  --todo-pagination-relative-link-hover-text-decoration: underline;
  --todo-pagination-relative-link-hover-color: var(--basis-interaction-hover-color);
  --todo-pagination-relative-link-hover-border-color: transparent;
  --todo-pagination-relative-link-hover-background-color: transparent;
  --todo-pagination-relative-link-focus-text-decoration: None;
  --todo-pagination-relative-link-focus-color: var(--basis-focus-color);
  --todo-pagination-relative-link-focus-background-color: var(--basis-focus-background-color);
  --todo-pagination-relative-link-active-text-decoration: underline;
  --todo-pagination-relative-link-active-color: var(--basis-interaction-active-color);
  --todo-pagination-relative-link-active-border-color: transparent;
  --todo-pagination-relative-link-active-background-color: transparent;
  --todo-pagination-relative-link-color: var(--basis-interaction-color);
  --todo-pagination-relative-link-border-color: transparent;
  --todo-pagination-relative-link-background-color: transparent;
  --todo-pagination-relative-link-padding-inline-end: 0px;
  --todo-pagination-relative-link-padding-inline-start: 0px;
  --todo-pagination-relative-link-padding-block-start: var(--basis-space-block-large);
  --todo-pagination-relative-link-padding-block-end: var(--basis-space-block-large);
  --todo-pagination-relative-link-icon-size: var(--basis-icon-functional-size);
  --todo-pagination-relative-link-icon-margin-inline: var(--basis-space-text-xs);
  --todo-pagination-relative-link-border-width: var(--basis-border-width-sm);
  --todo-modal-dialog-border-width: var(--basis-border-width-sm);
  --todo-modal-dialog-content-padding-inline: var(--basis-space-inline-x-large);
  --todo-modal-dialog-content-padding-block-end: var(--basis-space-block-xxx-large);
  --todo-modal-dialog-content-padding-block-start: var(--basis-space-block-xxx-large);
  --todo-modal-dialog-footer-border-width: var(--basis-border-width-sm);
  --todo-modal-dialog-footer-border-color: transparent;
  --todo-modal-dialog-footer-background-color: transparent;
  --todo-modal-dialog-footer-padding-block-end: var(--basis-space-block-x-large);
  --todo-modal-dialog-footer-padding-inline-end: var(--basis-space-inline-x-large);
  --todo-modal-dialog-footer-padding-inline-start: var(--basis-space-inline-x-large);
  --todo-modal-dialog-footer-padding-block-start: var(--basis-space-block-x-large);
  --todo-modal-dialog-color: var(--basis-body-color);
  --todo-modal-dialog-background-color: var(--basis-body-background-color);
  --todo-modal-dialog-border-color: transparent;
  --todo-modal-dialog-header-border-width: var(--basis-border-width-sm);
  --todo-modal-dialog-header-column-gap: var(--basis-space-column-medium);
  --todo-modal-dialog-header-border-color: var(--basis-line-border-color);
  --todo-modal-dialog-header-label-line-height: var(--utrecht-document-line-height);
  --todo-modal-dialog-header-label-font-size: var(--utrecht-document-font-size);
  --todo-modal-dialog-header-label-font-weight: var(--basis-document-strong-font-weight);
  --todo-modal-dialog-header-label-font-family: var(--utrecht-document-font-family);
  --todo-modal-dialog-header-label-color: var(--basis-body-color);
  --todo-modal-dialog-header-background-color: transparent;
  --todo-modal-dialog-header-padding-block-end: var(--basis-space-block-medium);
  --todo-modal-dialog-header-padding-inline-end: var(--basis-space-inline-medium);
  --todo-modal-dialog-header-padding-inline-start: var(--basis-space-inline-x-large);
  --todo-modal-dialog-header-padding-block-start: var(--basis-space-block-medium);
  --todo-modal-dialog-box-shadow: var(--basis-box-shadow-lg);
  --todo-modal-dialog-border-radius: var(--basis-border-radius-lg);
  --todo-link-list-item-hover-text-decoration: underline;
  --todo-link-list-item-focus-text-decoration: none;
  --todo-link-list-item-active-text-decoration: underline;
  --todo-link-list-item-text-decoration: None;
  --todo-link-list-item-column-gap: var(--basis-space-block-medium);
  --todo-icon-only-button-padding-inline-start: var(--basis-space-inline-large);
  --todo-icon-only-button-padding-inline-end: var(--basis-space-inline-large);
  --todo-icon-only-button-padding-block-start: var(--basis-space-block-large);
  --todo-icon-only-button-padding-block-end: var(--basis-space-block-large);
  --todo-form-field-radio-option-column-gap: var(--basis-space-column-medium);
  --todo-form-field-option-label-disabled-color: var(--basis-color-gray-600);
  --todo-form-field-option-label-font-weight: var(--utrecht-document-font-weight);
  --todo-form-field-option-label-font-family: var(--utrecht-document-font-family);
  --todo-form-field-option-label-line-height: var(--utrecht-document-line-height);
  --todo-form-field-option-label-font-size: var(--utrecht-document-font-size);
  --todo-form-field-option-label-color: var(--utrecht-form-control-color);
  --todo-form-field-label-line-height: var(--utrecht-document-line-height);
  --todo-form-field-label-font-weight: var(--basis-document-strong-font-weight);
  --todo-form-field-label-font-size: var(--utrecht-document-font-size);
  --todo-form-field-label-font-family: var(--utrecht-document-font-family);
  --todo-form-field-label-color: var(--basis-body-color);
  --todo-form-field-error-message-column-gap: var(--basis-space-text-md);
  --todo-form-field-error-message-icon-size: var(--basis-icon-functional-size);
  --todo-form-field-checkbox-option-column-gap: var(--basis-space-column-medium);
  --todo-drawer-box-shadow: var(--basis-box-shadow-lg);
  --todo-drawer-color: var(--basis-body-color);
  --todo-drawer-border-color: var(--basis-container-border-color);
  --todo-drawer-background-color: var(--basis-body-background-color);
  --todo-drawer-content-padding-inline: var(--basis-space-inline-x-large);
  --todo-drawer-content-padding-block-start: var(--basis-space-block-xxx-large);
  --todo-drawer-content-padding-block-end: var(--basis-space-block-xxx-large);
  --todo-drawer-border-width: var(--basis-border-width-sm);
  --todo-drawer-footer-background-color: transparent;
  --todo-drawer-footer-border-color: var(--basis-line-border-color);
  --todo-drawer-footer-padding-inline-end: var(--basis-space-inline-x-large);
  --todo-drawer-footer-padding-inline-start: var(--basis-space-inline-x-large);
  --todo-drawer-footer-padding-block-start: var(--basis-space-block-x-large);
  --todo-drawer-footer-padding-block-end: var(--basis-space-block-x-large);
  --todo-drawer-footer-border-width: var(--basis-border-width-sm);
  --todo-drawer-border-radius: 0px;
  --todo-drawer-header-background-color: transparent;
  --todo-drawer-header-border-color: var(--basis-line-border-color);
  --todo-drawer-header-column-gap: var(--basis-space-column-medium);
  --todo-drawer-header-padding-inline-end: var(--basis-space-inline-medium);
  --todo-drawer-header-padding-inline-start: var(--basis-space-inline-x-large);
  --todo-drawer-header-padding-block-start: var(--basis-space-block-medium);
  --todo-drawer-header-padding-block-end: var(--basis-space-block-medium);
  --todo-drawer-header-label-line-height: var(--utrecht-document-line-height);
  --todo-drawer-header-label-font-weight: var(--basis-document-strong-font-weight);
  --todo-drawer-header-label-font-size: var(--utrecht-document-font-size);
  --todo-drawer-header-label-font-family: var(--utrecht-document-font-family);
  --todo-drawer-header-label-color: var(--basis-body-color);
  --todo-drawer-header-border-width: var(--basis-border-width-sm);
  --todo-checkbox-group-row-gap: var(--basis-space-row-x-large);
  --todo-checkbox-group-padding-block-start: var(--basis-space-block-medium);
  --todo-checkbox-group-padding-block-end: var(--basis-space-block-medium);
  --todo-checkbox-indeterminate-disabled-color: var(--basis-color-white);
  --todo-checkbox-indeterminate-disabled-border-color: transparent;
  --todo-checkbox-indeterminate-disabled-background-color: var(--basis-form-control-disabled-accent-color);
  --todo-checkbox-indeterminate-focus-color: var(--utrecht-form-control-focus-color);
  --todo-checkbox-indeterminate-focus-border-color: var(--utrecht-form-control-focus-border-color);
  --todo-checkbox-indeterminate-focus-background-color: var(--utrecht-form-control-focus-background-color);
  --todo-checkbox-indeterminate-focus-border-width: var(--utrecht-form-control-focus-border-width);
  --todo-checkbox-indeterminate-hover-color: var(--basis-color-white);
  --todo-checkbox-indeterminate-hover-border-color: transparent;
  --todo-checkbox-indeterminate-hover-background-color: var(--basis-form-control-hover-accent-color);
  --todo-checkbox-indeterminate-hover-border-width: var(--basis-form-control-hover-border-width);
  --todo-checkbox-indeterminate-active-color: var(--basis-color-white);
  --todo-checkbox-indeterminate-active-border-color: transparent;
  --todo-checkbox-indeterminate-active-background-color: var(--basis-form-control-active-accent-color);
  --todo-checkbox-indeterminate-active-border-width: var(--basis-form-control-active-border-width);
  --todo-checkbox-checked-disabled-color: var(--basis-color-white);
  --todo-checkbox-checked-disabled-border-color: transparent;
  --todo-checkbox-checked-disabled-background-color: var(--basis-form-control-disabled-accent-color);
  --todo-checkbox-checked-active-color: var(--basis-color-white);
  --todo-checkbox-checked-active-border-color: transparent;
  --todo-checkbox-checked-active-background-color: var(--basis-form-control-active-accent-color);
  --todo-checkbox-checked-active-border-width: var(--basis-form-control-active-border-width);
  --todo-checkbox-checked-hover-color: var(--basis-color-white);
  --todo-checkbox-checked-hover-border-color: transparent;
  --todo-checkbox-checked-hover-background-color: var(--basis-form-control-hover-accent-color);
  --todo-checkbox-checked-hover-border-width: var(--basis-form-control-hover-border-width);
  --todo-checkbox-checked-focus-color: var(--utrecht-form-control-focus-color);
  --todo-checkbox-checked-focus-border-color: var(--utrecht-form-control-focus-border-color);
  --todo-checkbox-checked-focus-background-color: var(--utrecht-form-control-focus-background-color);
  --todo-checkbox-checked-focus-border-width: var(--utrecht-form-control-focus-border-width);
  --todo-case-card-color: var(--basis-body-color);
  --todo-case-card-border-radius: var(--basis-border-radius-sm);
  --todo-case-card-focus-color: var(--basis-focus-color);
  --todo-case-card-focus-background-color: var(--basis-focus-background-color);
  --todo-case-card-decoration-folder-focus-background-color: var(--basis-color-black);
  --todo-case-card-decoration-folder-hover-background-color: var(--basis-color-gray-300);
  --todo-case-card-decoration-folder-active-background-color: var(--basis-color-gray-400);
  --todo-case-card-decoration-folder-read-only-active-background-color: var(--basis-color-gray-400);
  --todo-case-card-decoration-folder-read-only-hover-background-color: var(--basis-color-gray-300);
  --todo-case-card-decoration-folder-read-only-background-color: var(--basis-color-gray-200);
  --todo-case-card-decoration-folder-background-color: var(--basis-color-gray-200);
  --todo-case-card-decoration-paper-background-color: var(--basis-body-background-color);
  --todo-case-card-min-inline-size: 328px;
  --todo-case-card-min-block-size: 192px;
  --todo-case-card-active-background-color: var(--basis-color-gray-300);
  --todo-case-card-hover-background-color: var(--basis-color-gray-200);
  --todo-case-card-read-only-active-background-color: var(--basis-color-gray-300);
  --todo-case-card-read-only-hover-background-color: var(--basis-color-gray-200);
  --todo-case-card-read-only-background-color: var(--basis-color-gray-100);
  --todo-case-card-background-color: var(--basis-color-gray-100);
  --todo-case-card-icon-color: var(--basis-body-color);
  --todo-case-card-icon-size: var(--basis-icon-functional-size);
  --todo-case-card-padding-inline: var(--basis-space-inline-xxx-large);
  --todo-case-card-padding-block: var(--basis-space-block-xx-large);
  --todo-case-card-row-gap: var(--basis-space-row-large);
  --todo-case-card-heading-font-weight: var(--utrecht-heading-font-weight);
  --todo-case-card-heading-font-family: var(--utrecht-heading-font-family);
  --todo-case-card-heading-color: var(--basis-body-color);
  --todo-case-card-heading-font-size: var(--basis-typography-font-size-3);
  --todo-case-card-heading-line-height: var(--basis-typography-line-height-sm);
  --todo-breadcrumb-nav-font-weight: var(--utrecht-document-font-weight);
  --todo-breadcrumb-nav-font-family: var(--utrecht-document-font-family);
  --todo-breadcrumb-nav-column-gap: var(--basis-space-column-medium);
  --todo-breadcrumb-nav-separator-color: var(--basis-body-color);
  --todo-breadcrumb-nav-separator-size: var(--basis-size-2xs);
  --todo-breadcrumb-nav-link-text-decoration: underline;
  --todo-breadcrumb-nav-link-current-color: var(--basis-body-color);
  --todo-breadcrumb-nav-link-hover-text-decoration: None;
  --todo-breadcrumb-nav-link-hover-color: var(--basis-interaction-hover-color);
  --todo-breadcrumb-nav-link-focus-text-decoration: None;
  --todo-breadcrumb-nav-link-focus-color: var(--basis-focus-color);
  --todo-breadcrumb-nav-link-focus-background-color: var(--basis-focus-background-color);
  --todo-breadcrumb-nav-link-active-text-decoration: None;
  --todo-breadcrumb-nav-link-active-color: var(--basis-interaction-active-color);
  --todo-breadcrumb-nav-link-color: var(--basis-interaction-color);
  --todo-breadcrumb-nav-link-padding-inline-start: 0px;
  --todo-breadcrumb-nav-link-padding-inline-end: 0px;
  --todo-breadcrumb-nav-link-padding-block-start: var(--basis-space-block-large);
  --todo-breadcrumb-nav-link-padding-block-end: var(--basis-space-block-large);
  --todo-breadcrumb-nav-link-icon-column-gap: var(--basis-space-text-xs);
  --todo-breadcrumb-nav-link-icon-size: var(--basis-icon-functional-size);
  --todo-breadcrumb-nav-font-size: var(--utrecht-document-font-size);
  --todo-breadcrumb-nav-line-height: var(--utrecht-document-line-height);
  --todo-blockquote-content-font-weight: var(--utrecht-document-font-weight);
  --todo-blockquote-content-line-height: var(--basis-typography-line-height-sm);
  --todo-blockquote-content-font-family: var(--utrecht-heading-font-family);
  --todo-blockquote-attribution-font-weight: var(--utrecht-document-font-weight);
  --todo-blockquote-attribution-line-height: var(--basis-typography-line-height-md);
  --todo-blockquote-attribution-font-family: var(--utrecht-document-font-family);
  --todo-blockquote-row-gap: var(--basis-space-row-medium);
  --todo-badge-data-text-decoration: None;
  --todo-badge-data-padding-inline-end: var(--basis-space-block-small);
  --todo-badge-data-padding-inline-start: var(--basis-space-block-small);
  --todo-badge-data-padding-block-start: var(--basis-space-block-x-small);
  --todo-badge-data-padding-block-end: var(--basis-space-block-x-small);
  --todo-badge-data-min-block-size: var(--basis-size-2xs);
  --todo-badge-data-min-inline-size: var(--basis-size-3xs);
  --todo-badge-data-max-inline-size: None;
  --todo-badge-data-max-block-size: None;
  --todo-badge-data-font-weight: var(--basis-document-strong-font-weight);
  --todo-badge-data-line-height: var(--utrecht-document-line-height);
  --todo-badge-data-font-size: var(--utrecht-document-font-size);
  --todo-badge-data-font-family: var(--utrecht-document-font-family);
  --todo-badge-data-color: var(--basis-body-color);
  --todo-badge-data-border-radius: var(--basis-border-radius-sm);
  --todo-badge-data-background-color: var(--basis-color-gray-100);
  --todo-avatar-hover-color: var(--basis-color-white);
  --todo-avatar-hover-border-color: transparent;
  --todo-avatar-hover-background-color: var(--basis-interaction-hover-color);
  --todo-avatar-border-width: var(--basis-border-width-sm);
  --todo-avatar-text-font-size: var(--utrecht-document-font-size);
  --todo-avatar-text-text-transform: uppercase;
  --todo-avatar-text-line-height: var(--utrecht-document-line-height);
  --todo-avatar-text-font-weight: var(--basis-document-strong-font-weight);
  --todo-avatar-text-font-family: var(--utrecht-document-font-family);
  --todo-avatar-color: var(--basis-color-white);
  --todo-avatar-border-color: transparent;
  --todo-avatar-icon-icon-size: var(--basis-icon-functional-size);
  --todo-avatar-size: var(--utrecht-pointer-target-min-size);
  --todo-avatar-border-radius: var(--basis-border-radius-round);
  --todo-avatar-background-color: var(--basis-interaction-color);
  --todo-alert-heading-font-size: var(--basis-typography-font-size-3);
  --todo-alert-heading-line-height: var(--basis-typography-line-height-sm);
  --todo-alert-heading-font-weight: var(--utrecht-heading-font-weight);
  --todo-alert-heading-font-family: var(--utrecht-heading-font-family);
  --todo-accordion-button-font-weight: var(--basis-document-strong-font-weight);
  --todo-accordion-button-font-family: var(--utrecht-document-font-family);
  --todo-accordion-button-expanded-color: var(--basis-interaction-color);
  --todo-accordion-button-expanded-border-color: transparent;
  --todo-accordion-button-expanded-background-color: var(--basis-color-gray-50);
  --todo-accordion-button-line-height: var(--utrecht-document-line-height);
  --todo-accordion-button-font-size: var(--utrecht-document-font-size);
  --todo-accordion-section-border-color: var(--basis-line-border-color);
  --todo-accordion-section-border-block-end-width: var(--basis-border-width-sm);
  --todo-accordion-border-radius: 0px;
  --utrecht-listbox-option-selected-hover-color: var(--utrecht-listbox-option-selected-background-color);
  --utrecht-listbox-option-selected-hover-background-color: var(--utrecht-listbox-option-selected-color);
  --utrecht-listbox-option-selected-disabled-color: var(--utrecht-form-control-disabled-background-color);
  --utrecht-listbox-option-selected-disabled-background-color: var(--utrecht-form-control-disabled-color);
  --utrecht-listbox-option-selected-color: var(--utrecht-form-control-background-color);
  --utrecht-listbox-option-selected-background-color: var(--utrecht-form-control-color);
  --utrecht-listbox-option-disabled-color: var(--utrecht-form-control-disabled-color);
  --utrecht-listbox-option-disabled-background-color: var(--utrecht-form-control-disabled-background-color);
  --utrecht-listbox-option-active-color: var(--utrecht-form-control-background-color);
  --utrecht-listbox-option-active-background-color: var(--utrecht-form-control-color);
  --utrecht-listbox-option-is-active-color: var(--utrecht-form-control-background-color);
  --utrecht-listbox-option-is-active-background-color: var(--utrecht-form-control-color);
  --utrecht-listbox-option-padding-inline-start: var(--basis-space-inline-small);
  --utrecht-listbox-option-padding-inline-end: var(--basis-space-inline-small);
  --utrecht-listbox-option-padding-block-start: var(--basis-space-block-small);
  --utrecht-listbox-option-padding-block-end: var(--basis-space-block-small);
  --utrecht-listbox-hover-color: var(--utrecht-form-control-color);
  --utrecht-listbox-hover-background-color: var(--utrecht-form-control-background-color);
  --utrecht-listbox-padding-inline-start: 0;
  --utrecht-listbox-padding-inline-end: 0;
  --utrecht-listbox-padding-block-start: 0;
  --utrecht-listbox-padding-block-end: 0;
  --utrecht-listbox-color: var(--utrecht-form-control-color);
  --utrecht-listbox-border-width: var(--utrecht-form-control-border-width);
  --utrecht-listbox-border-radius: var(--utrecht-form-control-border-radius);
  --utrecht-listbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-listbox-background-color: var(--utrecht-form-control-background-color);
  --utrecht-form-label-radio-font-weight: var(--basis-typography-font-weight-normal);
  --utrecht-form-label-checkbox-font-weight: var(--basis-typography-font-weight-normal);
  --utrecht-form-label-font-weight: var(--basis-typography-font-weight-bold);
  --utrecht-form-label-color: var(--basis-color-text-text-1);
  --utrecht-article-max-inline-size: 750px;
  --utrecht-body-line-height: var(--basis-body-line-height);
  --utrecht-body-font-weight: var(--basis-body-font-weight);
  --utrecht-body-font-size: var(--basis-body-font-size);
  --utrecht-body-color: var(--basis-body-color);
  --utrecht-body-background-color: var(--basis-body-background-color);
  --utrecht-root-font-family: var(--basis-typography-font-family-default);
  --utrecht-root-color: var(--basis-root-color);
  --utrecht-root-background-color: var(--basis-root-background-color);
  --utrecht-page-header-content-padding-inline: var(--basis-space-inline-xxxx-large);
  --utrecht-page-header-content-padding-block-start: var(--basis-space-block-xxxx-large);
  --utrecht-page-header-content-padding-block-end: var(--basis-space-block-xxxx-large);
  --utrecht-page-header-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-header-padding-inline: var(--basis-space-inline-xxxx-large);
  --utrecht-page-header-color: var(--basis-color-text-text-1);
  --utrecht-page-header-background-color: var(--basis-color-text-bg-1);
  --utrecht-page-footer-content-padding-inline: var(--basis-space-inline-xxxx-large);
  --utrecht-page-footer-content-padding-block-start: var(--basis-space-block-xxxx-large);
  --utrecht-page-footer-content-padding-block-end: var(--basis-space-block-xxxx-large);
  --utrecht-page-footer-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-footer-padding-inline: 0;
  --utrecht-page-footer-color: var(--basis-color-secondary-inverse-text-1);
  --utrecht-page-footer-background-color: var(--basis-color-secondary-inverse-bg-1);
  --utrecht-page-body-content-padding-block-start: var(--basis-space-block-xxxx-large);
  --utrecht-page-body-content-padding-block-end: var(--basis-space-block-xxxx-large);
  --utrecht-page-body-content-padding-inline: var(--basis-space-inline-xxxx-large);
  --utrecht-page-body-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-page-body-color: var(--basis-color-text-text-1);
  --utrecht-page-body-background-color: var(--basis-color-text-bg-1);
  --utrecht-nav-bar-content-padding-inline: var(--basis-space-inline-xxxx-large);
  --utrecht-nav-bar-content-max-inline-size: var(--basis-page-max-inline-size);
  --utrecht-nav-bar-content-color: var(--basis-color-text-text-1);
  --utrecht-nav-bar-content-background-color: var(--basis-color-text-bg-1);
  --utrecht-nav-bar-color: var(--basis-color-text-text-1);
  --utrecht-nav-bar-background-color: var(--basis-color-text-bg-1);
  --utrecht-logo-max-block-size: var(--utrecht-logo-min-block-size);
  --utrecht-logo-max-inline-size: var(--utrecht-logo-min-inline-size);
  --utrecht-logo-min-block-size: 70px;
  --utrecht-logo-min-inline-size: 150px;
  --utrecht-unordered-list-marker-color: var(--basis-body-color);
  --utrecht-unordered-list-item-margin-block-start: var(--basis-space-block-small);
  --utrecht-unordered-list-item-margin-block-end: var(--basis-space-block-small);
  --utrecht-unordered-list-item-padding-inline-start: var(--basis-space-inline-medium);
  --utrecht-unordered-list-padding-inline-start: var(--basis-space-inline-xxx-large);
  --utrecht-unordered-list-line-height: var(--utrecht-document-line-height);
  --utrecht-unordered-list-font-size: var(--utrecht-document-font-size);
  --utrecht-textbox-font-weight: var(--utrecht-form-control-font-weight);
  --utrecht-textbox-read-only-color: var(--utrecht-form-control-read-only-color);
  --utrecht-textbox-read-only-border-color: var(--utrecht-form-control-read-only-border-color);
  --utrecht-textbox-read-only-background-color: var(--utrecht-form-control-read-only-background-color);
  --utrecht-textbox-invalid-color: var(--utrecht-form-control-color);
  --utrecht-textbox-invalid-border-width: var(--utrecht-form-control-invalid-border-width);
  --utrecht-textbox-invalid-border-color: var(--utrecht-form-control-invalid-border-color);
  --utrecht-textbox-invalid-border-block-end-width: var(--utrecht-textbox-invalid-border-width);
  --utrecht-textbox-invalid-background-color: var(--utrecht-form-control-invalid-background-color);
  --utrecht-textbox-focus-color: var(--utrecht-form-control-focus-color);
  --utrecht-textbox-focus-border-color: var(--utrecht-form-control-focus-border-color);
  --utrecht-textbox-focus-background-color: var(--utrecht-form-control-focus-background-color);
  --utrecht-textbox-disabled-color: var(--utrecht-form-control-disabled-color);
  --utrecht-textbox-disabled-border-color: var(--utrecht-form-control-disabled-border-color);
  --utrecht-textbox-disabled-background-color: var(--utrecht-form-control-disabled-background-color);
  --utrecht-textbox-placeholder-color: var(--utrecht-form-control-placeholder-color);
  --utrecht-textbox-padding-inline-start: var(--utrecht-form-control-padding-inline-start);
  --utrecht-textbox-padding-inline-end: var(--utrecht-form-control-padding-inline-end);
  --utrecht-textbox-padding-block-start: var(--utrecht-form-control-padding-block-start);
  --utrecht-textbox-padding-block-end: var(--utrecht-form-control-padding-block-end);
  --utrecht-textbox-min-block-size: var(--utrecht-pointer-target-min-size);
  --utrecht-textbox-max-inline-size: var(--utrecht-form-control-max-inline-size);
  --utrecht-textbox-line-height: var(--utrecht-form-control-line-height);
  --utrecht-textbox-font-size: var(--utrecht-form-control-font-size);
  --utrecht-textbox-font-family: var(--utrecht-form-control-font-family);
  --utrecht-textbox-color: var(--utrecht-form-control-color);
  --utrecht-textbox-border-width: var(--utrecht-form-control-border-width);
  --utrecht-textbox-border-radius: var(--utrecht-form-control-border-radius);
  --utrecht-textbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-textbox-border-block-end-width: var(--utrecht-textbox-border-width);
  --utrecht-textbox-background-color: var(--utrecht-form-control-background-color);
  --utrecht-textarea-font-weight: var(--utrecht-form-control-font-weight);
  --utrecht-textarea-read-only-color: var(--utrecht-form-control-read-only-color);
  --utrecht-textarea-read-only-border-color: var(--utrecht-form-control-read-only-border-color);
  --utrecht-textarea-read-only-background-color: var(--utrecht-form-control-read-only-background-color);
  --utrecht-textarea-invalid-color: var(--utrecht-form-control-color);
  --utrecht-textarea-invalid-border-width: var(--utrecht-form-control-invalid-border-width);
  --utrecht-textarea-invalid-border-color: var(--utrecht-form-control-invalid-border-color);
  --utrecht-textarea-invalid-background-color: var(--utrecht-form-control-invalid-background-color);
  --utrecht-textarea-invalid-border-block-end-width: var(--utrecht-textarea-invalid-border-width);
  --utrecht-textarea-disabled-color: var(--utrecht-form-control-disabled-color);
  --utrecht-textarea-disabled-border-color: var(--utrecht-form-control-disabled-border-color);
  --utrecht-textarea-disabled-background-color: var(--utrecht-form-control-disabled-background-color);
  --utrecht-textarea-focus-color: var(--utrecht-form-control-focus-color);
  --utrecht-textarea-focus-border-color: var(--utrecht-form-control-focus-border-color);
  --utrecht-textarea-focus-background-color: var(--utrecht-form-control-focus-background-color);
  --utrecht-textarea-placeholder-color: var(--utrecht-form-control-placeholder-color);
  --utrecht-textarea-padding-inline-start: var(--utrecht-form-control-padding-inline-start);
  --utrecht-textarea-padding-inline-end: var(--utrecht-form-control-padding-inline-end);
  --utrecht-textarea-padding-block-start: var(--utrecht-form-control-padding-block-start);
  --utrecht-textarea-padding-block-end: var(--utrecht-form-control-padding-block-end);
  --utrecht-textarea-min-block-size: var(--utrecht-pointer-target-min-size);
  --utrecht-textarea-max-inline-size: 100%;
  --utrecht-textarea-line-height: var(--utrecht-document-line-height);
  --utrecht-textarea-font-size: var(--utrecht-form-control-font-size);
  --utrecht-textarea-font-family: var(--utrecht-form-control-font-family);
  --utrecht-textarea-color: var(--utrecht-form-control-color);
  --utrecht-textarea-border-width: var(--utrecht-form-control-border-width);
  --utrecht-textarea-border-radius: var(--utrecht-form-control-border-radius);
  --utrecht-textarea-border-color: var(--utrecht-form-control-border-color);
  --utrecht-textarea-border-block-end-width: var(--utrecht-textarea-border-width);
  --utrecht-textarea-background-color: var(--utrecht-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-line-border-color);
  --utrecht-table-header-cell-font-weight: var(--basis-document-strong-font-weight);
  --utrecht-table-header-color: var(--basis-body-color);
  --utrecht-table-header-border-block-end-width: var(--basis-border-width-md);
  --utrecht-table-header-border-block-end-color: var(--basis-line-border-color);
  --utrecht-table-header-background-color: transparent;
  --utrecht-table-footer-color: var(--basis-body-color);
  --utrecht-table-footer-background-color: transparent;
  --utrecht-table-cell-padding-inline-start: var(--basis-space-inline-x-large);
  --utrecht-table-cell-padding-inline-end: var(--basis-space-inline-x-large);
  --utrecht-table-cell-padding-block-start: var(--basis-space-block-large);
  --utrecht-table-cell-padding-block-end: var(--basis-space-block-large);
  --utrecht-table-caption-margin-block-end: var(--basis-space-block-xxx-large);
  --utrecht-table-caption-font-weight: var(--utrecht-heading-font-weight);
  --utrecht-table-caption-font-size: var(--basis-typography-font-size-3);
  --utrecht-table-caption-font-family: var(--utrecht-heading-font-family);
  --utrecht-table-caption-line-height: var(--basis-typography-line-height-sm);
  --utrecht-table-caption-color: var(--utrecht-heading-color);
  --utrecht-table-line-height: var(--utrecht-document-line-height);
  --utrecht-table-font-size: var(--utrecht-document-font-size);
  --utrecht-table-font-family: var(--utrecht-document-font-family);
  --utrecht-spotlight-section-warning-color: var(--basis-color-warning-text-1);
  --utrecht-spotlight-section-warning-border-color: transparent;
  --utrecht-spotlight-section-warning-background-color: var(--basis-color-warning-bg-1);
  --utrecht-spotlight-section-ok-color: var(--basis-color-success-text-1);
  --utrecht-spotlight-section-ok-border-color: transparent;
  --utrecht-spotlight-section-ok-background-color: var(--basis-color-success-bg-1);
  --utrecht-spotlight-section-error-color: var(--basis-color-error-text-1);
  --utrecht-spotlight-section-error-border-color: transparent;
  --utrecht-spotlight-section-error-background-color: var(--basis-color-error-bg-1);
  --utrecht-spotlight-section-info-color: var(--basis-color-info-text-1);
  --utrecht-spotlight-section-info-border-color: transparent;
  --utrecht-spotlight-section-info-background-color: var(--basis-color-info-bg-1);
  --utrecht-spotlight-section-padding-inline-start: var(--basis-space-inline-x-large);
  --utrecht-spotlight-section-padding-inline-end: var(--basis-space-inline-x-large);
  --utrecht-spotlight-section-padding-block-start: var(--basis-space-block-x-large);
  --utrecht-spotlight-section-padding-block-end: var(--basis-space-block-xx-large);
  --utrecht-spotlight-section-color: var(--basis-color-text-text-1);
  --utrecht-spotlight-section-border-width: var(--basis-border-width-md);
  --utrecht-spotlight-section-border-color: transparent;
  --utrecht-spotlight-section-background-color: var(--basis-color-text-interactive-1);
  --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-x-large);
  --utrecht-skip-link-padding-inline-end: var(--basis-space-inline-x-large);
  --utrecht-skip-link-padding-block-start: var(--basis-space-block-large);
  --utrecht-skip-link-padding-block-end: var(--basis-space-block-large);
  --utrecht-skip-link-min-inline-size: var(--utrecht-pointer-target-min-size);
  --utrecht-skip-link-min-block-size: var(--utrecht-pointer-target-min-size);
  --utrecht-skip-link-color: var(--basis-document-inverse-color);
  --utrecht-skip-link-background-color: var(--basis-document-inverse-background-color);
  --utrecht-separator-margin-block-start: var(--basis-space-block-large);
  --utrecht-separator-margin-block-end: var(--basis-space-block-large);
  --utrecht-separator-block-size: var(--basis-size-4xs);
  --utrecht-separator-color: var(--basis-line-border-color);
  --utrecht-select-invalid-border-width: var(--utrecht-form-control-invalid-border-width);
  --utrecht-select-invalid-border-color: var(--utrecht-form-control-invalid-border-color);
  --utrecht-select-invalid-background-color: var(--utrecht-form-control-invalid-background-color);
  --utrecht-select-invalid-border-block-end-width: var(--utrecht-select-invalid-border-width);
  --utrecht-select-focus-color: var(--utrecht-form-control-focus-color);
  --utrecht-select-focus-border-color: var(--utrecht-form-control-focus-border-color);
  --utrecht-select-focus-background-color: var(--utrecht-form-control-focus-background-color);
  --utrecht-select-disabled-color: var(--utrecht-form-control-disabled-color);
  --utrecht-select-disabled-border-color: var(--utrecht-form-control-disabled-border-color);
  --utrecht-select-disabled-background-color: var(--utrecht-form-control-disabled-background-color);
  --utrecht-select-padding-inline-start: var(--utrecht-form-control-padding-inline-start);
  --utrecht-select-padding-inline-end: var(--utrecht-form-control-padding-inline-end);
  --utrecht-select-padding-block-start: var(--utrecht-form-control-padding-block-start);
  --utrecht-select-padding-block-end: var(--utrecht-form-control-padding-block-end);
  --utrecht-select-min-block-size: var(--utrecht-pointer-target-min-size);
  --utrecht-select-max-inline-size: var(--utrecht-form-control-max-inline-size);
  --utrecht-select-font-weight: var(--utrecht-document-font-weight);
  --utrecht-select-font-size: var(--utrecht-form-control-font-size);
  --utrecht-select-font-family: var(--utrecht-form-control-font-family);
  --utrecht-select-color: var(--utrecht-form-control-color);
  --utrecht-select-border-width: var(--utrecht-form-control-border-width);
  --utrecht-select-border-radius: var(--utrecht-form-control-border-radius);
  --utrecht-select-border-color: var(--utrecht-form-control-border-color);
  --utrecht-select-border-block-end-width: var(--utrecht-select-border-width);
  --utrecht-select-background-color: var(--utrecht-form-control-background-color);
  --utrecht-radio-button-checked-hover-color: var(--basis-color-primary-bg-1);
  --utrecht-radio-button-checked-hover-border-width: var(--basis-form-control-hover-border-width);
  --utrecht-radio-button-checked-hover-border-color: transparent;
  --utrecht-radio-button-checked-hover-background-color: var(--basis-color-primary-text-1);
  --utrecht-radio-button-checked-focus-color: var(--utrecht-form-control-focus-color);
  --utrecht-radio-button-checked-focus-border-width: var(--utrecht-form-control-focus-border-width);
  --utrecht-radio-button-checked-focus-border-color: var(--utrecht-form-control-focus-border-color);
  --utrecht-radio-button-checked-focus-background-color: var(--utrecht-form-control-focus-background-color);
  --utrecht-radio-button-checked-active-color: var(--basis-color-primary-bg-1);
  --utrecht-radio-button-checked-active-border-width: var(--basis-form-control-active-border-width);
  --utrecht-radio-button-checked-active-border-color: transparent;
  --utrecht-radio-button-checked-active-background-color: var(--basis-color-primary-text-1);
  --utrecht-radio-button-checked-color: var(--basis-color-primary-bg-1);
  --utrecht-radio-button-checked-border-width: var(--utrecht-form-control-border-width);
  --utrecht-radio-button-checked-border-color: transparent;
  --utrecht-radio-button-checked-background-color: var(--basis-color-primary-text-1);
  --utrecht-radio-button-disabled-border-color: var(--utrecht-form-control-disabled-border-color);
  --utrecht-radio-button-disabled-background-color: var(--utrecht-form-control-disabled-background-color);
  --utrecht-radio-button-invalid-border-width: var(--utrecht-form-control-invalid-border-width);
  --utrecht-radio-button-invalid-border-color: var(--utrecht-form-control-invalid-border-color);
  --utrecht-radio-button-invalid-background-color: var(--utrecht-form-control-invalid-background-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-border-width: var(--utrecht-form-control-focus-border-width);
  --utrecht-radio-button-focus-border-color: var(--utrecht-form-control-focus-border-color);
  --utrecht-radio-button-focus-background-color: var(--utrecht-form-control-focus-background-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-border-width: var(--basis-border-width-sm);
  --utrecht-radio-button-border-color: var(--utrecht-form-control-border-color);
  --utrecht-radio-button-background-color: var(--utrecht-form-control-background-color);
  --utrecht-pre-heading-line-height: var(--utrecht-document-line-height);
  --utrecht-pre-heading-font-weight: var(--basis-document-strong-font-weight);
  --utrecht-pre-heading-font-size: var(--basis-typography-font-size-6);
  --utrecht-pre-heading-font-family: var(--utrecht-document-font-family);
  --utrecht-pre-heading-color: var(--basis-body-color);
  --utrecht-paragraph-small-line-height: var(--utrecht-document-line-height);
  --utrecht-paragraph-small-font-weight: var(--utrecht-document-font-weight);
  --utrecht-paragraph-small-font-size: var(--basis-typography-font-size-6);
  --utrecht-paragraph-small-color: var(--basis-body-color);
  --utrecht-paragraph-lead-line-height: var(--utrecht-document-line-height);
  --utrecht-paragraph-lead-font-weight: var(--utrecht-document-font-weight);
  --utrecht-paragraph-lead-font-size: var(--basis-typography-font-size-4);
  --utrecht-paragraph-lead-color: var(--basis-body-color);
  --utrecht-paragraph-line-height: var(--utrecht-document-line-height);
  --utrecht-paragraph-font-weight: var(--utrecht-document-font-weight);
  --utrecht-paragraph-font-size: var(--utrecht-document-font-size);
  --utrecht-paragraph-font-family: var(--utrecht-document-font-family);
  --utrecht-paragraph-color: var(--basis-color-text-text-1);
  --utrecht-ordered-list-item-margin-block-start: var(--basis-space-block-small);
  --utrecht-ordered-list-item-margin-block-end: var(--basis-space-block-small);
  --utrecht-ordered-list-item-padding-inline-start: var(--basis-space-inline-medium);
  --utrecht-ordered-list-padding-inline-start: var(--basis-space-inline-xxx-large);
  --utrecht-ordered-list-line-height: var(--utrecht-document-line-height);
  --utrecht-ordered-list-font-size: var(--utrecht-document-font-size);
  --utrecht-number-badge-border-color: transparent;
  --utrecht-number-badge-border-width: var(--basis-border-width-sm);
  --utrecht-number-badge-font-weight: var(--basis-document-strong-font-weight);
  --utrecht-number-badge-padding-block: var(--basis-space-block-small);
  --utrecht-number-badge-padding-inline: var(--basis-space-inline-small);
  --utrecht-number-badge-color: var(--basis-body-color);
  --utrecht-number-badge-background-color: var(--basis-color-gray-100);
  --utrecht-number-badge-font-family: var(--utrecht-document-font-family);
  --utrecht-number-badge-border-radius: var(--basis-border-radius-round);
  --utrecht-number-badge-min-inline-size: var(--basis-size-xs);
  --utrecht-number-badge-min-block-size: var(--basis-size-xs);
  --utrecht-number-badge-font-size: var(--basis-typography-font-size-6);
  --utrecht-mark-color: var(--purmerend-color-black-2);
  --utrecht-mark-background-color: var(--purmerend-color-orange-8);
  --utrecht-link-list-icon-size: var(--basis-icon-functional-size);
  --utrecht-link-list-icon-inset-block-start: 0px;
  --utrecht-link-list-row-gap: var(--basis-space-row-medium);
  --utrecht-link-visited-color: var(--utrecht-link-color);
  --utrecht-link-hover-text-decoration-color: var(--utrecht-link-color);
  --utrecht-link-hover-text-decoration-thickness: var(--utrecht-link-text-decoration-thickness);
  --utrecht-link-hover-text-decoration: var(--utrecht-link-text-decoration);
  --utrecht-link-hover-color: var(--utrecht-link-color);
  --utrecht-link-focus-visible-color: var(--basis-color-highlight-text-1);
  --utrecht-link-focus-visible-text-decoration-thickness: var(--utrecht-link-text-decoration-thickness);
  --utrecht-link-focus-visible-text-decoration: var(--utrecht-link-text-decoration);
  --utrecht-link-focus-text-decoration-color: var(--basis-color-highlight-text-1);
  --utrecht-link-focus-color: var(--basis-color-highlight-text-1);
  --utrecht-link-focus-background-color: var(--basis-focus-background-color);
  --utrecht-link-active-color: var(--utrecht-link-color);
  --utrecht-link-icon-size: var(--basis-icon-functional-size);
  --utrecht-link-text-underline-offset: auto;
  --utrecht-link-text-decoration-thickness: auto;
  --utrecht-link-text-decoration-color: var(--utrecht-link-color);
  --utrecht-link-text-decoration: underline;
  --utrecht-link-column-gap: var(--basis-space-text-xs);
  --utrecht-link-color: var(--basis-color-text-text-1);
  --utrecht-heading-6-font-size: var(--basis-typography-font-size-6);
  --utrecht-heading-6-line-height: var(--basis-typography-line-height-md);
  --utrecht-heading-6-font-weight: var(--utrecht-heading-font-weight);
  --utrecht-heading-6-font-family: var(--utrecht-heading-font-family);
  --utrecht-heading-6-color: var(--utrecht-heading-color);
  --utrecht-heading-5-font-size: var(--basis-typography-font-size-5);
  --utrecht-heading-5-line-height: var(--basis-typography-line-height-md);
  --utrecht-heading-5-font-weight: var(--utrecht-heading-font-weight);
  --utrecht-heading-5-font-family: var(--utrecht-heading-font-family);
  --utrecht-heading-5-color: var(--utrecht-heading-color);
  --utrecht-heading-4-font-size: var(--basis-typography-font-size-4);
  --utrecht-heading-4-line-height: var(--basis-typography-line-height-md);
  --utrecht-heading-4-font-weight: var(--utrecht-heading-font-weight);
  --utrecht-heading-4-font-family: var(--utrecht-heading-font-family);
  --utrecht-heading-4-color: var(--utrecht-heading-color);
  --utrecht-heading-3-font-size: var(--basis-typography-font-size-3);
  --utrecht-heading-3-line-height: var(--basis-typography-line-height-sm);
  --utrecht-heading-3-font-weight: var(--utrecht-heading-font-weight);
  --utrecht-heading-3-font-family: var(--utrecht-heading-font-family);
  --utrecht-heading-3-color: var(--utrecht-heading-color);
  --utrecht-heading-2-font-size: var(--basis-typography-font-size-2);
  --utrecht-heading-2-line-height: var(--basis-typography-line-height-sm);
  --utrecht-heading-2-font-weight: var(--utrecht-heading-font-weight);
  --utrecht-heading-2-font-family: var(--utrecht-heading-font-family);
  --utrecht-heading-2-color: var(--utrecht-heading-color);
  --utrecht-heading-1-font-size: var(--basis-typography-font-size-1);
  --utrecht-heading-1-line-height: var(--basis-typography-line-height-sm);
  --utrecht-heading-1-font-weight: var(--utrecht-heading-font-weight);
  --utrecht-heading-1-font-family: var(--utrecht-heading-font-family);
  --utrecht-heading-1-color: var(--utrecht-heading-color);
  --utrecht-form-field-error-message-padding-inline-start: 0px;
  --utrecht-form-field-error-message-padding-inline-end: 0px;
  --utrecht-form-field-error-message-padding-block-start: 0px;
  --utrecht-form-field-error-message-padding-block-end: 0px;
  --utrecht-form-field-error-message-font-weight: var(--utrecht-document-font-weight);
  --utrecht-form-field-error-message-font-size: var(--utrecht-document-font-size);
  --utrecht-form-field-error-message-font-family: var(--utrecht-document-font-family);
  --utrecht-form-field-error-message-color: var(--basis-color-error-text-1);
  --utrecht-form-field-error-message-background-color: transparent;
  --utrecht-form-field-description-line-height: var(--utrecht-document-line-height);
  --utrecht-form-field-description-font-size: var(--utrecht-document-font-size);
  --utrecht-form-field-description-font-family: var(--utrecht-document-font-family);
  --utrecht-form-field-description-color: var(--basis-color-text-text-1);
  --utrecht-form-field-invalid-padding-inline-start: var(--basis-space-inline-x-large);
  --utrecht-form-field-invalid-border-inline-start-width: var(--basis-border-width-md);
  --utrecht-form-field-invalid-border-inline-start-color: var(--basis-color-error-border-1);
  --utrecht-drawer-backdrop-min-size: var(--utrecht-pointer-target-min-size);
  --utrecht-drawer-padding-block-end: var(--basis-space-block-xxx-large);
  --utrecht-drawer-padding-block-start: var(--basis-space-block-xxx-large);
  --utrecht-drawer-min-block-size: var(--utrecht-pointer-target-min-size);
  --utrecht-drawer-min-inline-size: 312px;
  --utrecht-drawer-max-inline-size: 1440px;
  --utrecht-drawer-max-block-size: 800px;
  --utrecht-drawer-border-radius: 0px;
  --utrecht-drawer-color: var(--basis-body-color);
  --utrecht-drawer-border-color: var(--basis-container-border-color);
  --utrecht-drawer-background-color: var(--basis-body-background-color);
  --utrecht-drawer-padding-inline-end: var(--basis-space-inline-x-large);
  --utrecht-drawer-padding-inline-start: var(--basis-space-inline-x-large);
  --utrecht-drawer-border-width: var(--basis-border-width-sm);
  --utrecht-color-sample-inline-size: var(--basis-size-sm);
  --utrecht-color-sample-block-size: var(--basis-size-sm);
  --utrecht-color-sample-light-border-color: var(--basis-line-border-color);
  --utrecht-color-sample-dark-border-color: var(--basis-line-border-color);
  --utrecht-color-sample-border-radius: 0px;
  --utrecht-color-sample-border-color: var(--basis-line-border-color);
  --utrecht-color-sample-border-width: var(--basis-border-width-sm);
  --utrecht-color-sample-background-color: var(--basis-color-blue);
  --utrecht-code-block-padding-inline-start: var(--basis-space-inline-x-large);
  --utrecht-code-block-padding-inline-end: var(--basis-space-inline-x-large);
  --utrecht-code-block-padding-block-end: var(--basis-space-block-x-large);
  --utrecht-code-block-padding-block-start: var(--basis-space-block-x-large);
  --utrecht-code-block-line-height: var(--utrecht-document-line-height);
  --utrecht-code-block-font-size: var(--utrecht-document-font-size);
  --utrecht-code-block-font-family: var(--basis-code-font-family);
  --utrecht-code-block-color: var(--basis-color-text-text-1);
  --utrecht-code-block-background-color: var(--basis-color-text-bg-2);
  --utrecht-code-line-height: var(--utrecht-document-line-height);
  --utrecht-code-font-size: var(--utrecht-document-font-size);
  --utrecht-code-font-family: var(--basis-code-font-family);
  --utrecht-code-color: var(--basis-color-text-text-2);
  --utrecht-code-background-color: var(--basis-color-text-bg-2);
  --utrecht-checkbox-indeterminate-color: var(--basis-color-white);
  --utrecht-checkbox-indeterminate-border-width: var(--utrecht-form-control-border-width);
  --utrecht-checkbox-indeterminate-border-color: transparent;
  --utrecht-checkbox-indeterminate-background-color: var(--basis-form-control-accent-color);
  --utrecht-checkbox-checked-indeterminate-color: var(--utrecht-form-control-color);
  --utrecht-checkbox-checked-hover-color: var(--utrecht-checkbox-checked-color);
  --utrecht-checkbox-checked-active-color: var(--utrecht-checkbox-checked-color);
  --utrecht-checkbox-checked-color: var(--utrecht-form-control-color);
  --utrecht-checkbox-checked-border-width: var(--utrecht-form-control-border-width);
  --utrecht-checkbox-checked-border-color: transparent;
  --utrecht-checkbox-checked-background-color: var(--basis-form-control-accent-color);
  --utrecht-checkbox-invalid-border-width: var(--utrecht-form-control-invalid-border-width);
  --utrecht-checkbox-invalid-border-color: var(--utrecht-form-control-invalid-border-color);
  --utrecht-checkbox-invalid-background-color: var(--utrecht-form-control-invalid-background-color);
  --utrecht-checkbox-focus-border-width: var(--utrecht-form-control-focus-border-width);
  --utrecht-checkbox-focus-border-color: var(--utrecht-form-control-focus-border-color);
  --utrecht-checkbox-focus-background-color: var(--utrecht-form-control-focus-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-disabled-border-color: var(--utrecht-form-control-disabled-border-color);
  --utrecht-checkbox-disabled-background-color: var(--utrecht-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-icon-functional-size);
  --utrecht-checkbox-size: var(--basis-size-xs);
  --utrecht-checkbox-border-width: var(--basis-border-width-sm);
  --utrecht-checkbox-border-radius: 0px;
  --utrecht-checkbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-checkbox-background-color: var(--utrecht-form-control-background-color);
  --utrecht-button-group-row-gap: var(--basis-space-row-medium);
  --utrecht-button-group-padding-block-start: 0px;
  --utrecht-button-group-padding-block-end: 0px;
  --utrecht-button-group-column-gap: var(--basis-space-column-medium);
  --utrecht-button-group-background-color: transparent;
  --utrecht-button-subtle-border-width: 0;
  --utrecht-button-subtle-line-height: var(--utrecht-document-line-height);
  --utrecht-button-subtle-active-color: var(--utrecht-button-active-color);
  --utrecht-button-subtle-active-border-color: var(--utrecht-button-active-border-color);
  --utrecht-button-subtle-active-background-color: var(--utrecht-button-active-background-color);
  --utrecht-button-subtle-focus-color: var(--basis-focus-color);
  --utrecht-button-subtle-focus-border-color: transparent;
  --utrecht-button-subtle-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-subtle-disabled-color: var(--basis-color-gray-500);
  --utrecht-button-subtle-disabled-border-color: transparent;
  --utrecht-button-subtle-disabled-background-color: var(--basis-color-gray-50);
  --utrecht-button-subtle-color: var(--basis-color-primary-text-1);
  --utrecht-button-subtle-border-color: transparent;
  --utrecht-button-subtle-background-color: transparent;
  --utrecht-button-subtle-hover-border-width: var(--utrecht-button-subtle-border-width);
  --utrecht-button-subtle-hover-color: var(--utrecht-button-hover-color);
  --utrecht-button-subtle-hover-border-color: var(--utrecht-button-hover-border-color);
  --utrecht-button-subtle-hover-background-color: var(--utrecht-button-hover-background-color);
  --utrecht-button-subtle-font-weight: var(--basis-document-strong-font-weight);
  --utrecht-button-subtle-font-size: var(--utrecht-document-font-size);
  --utrecht-button-secondary-action-border-width: var(--basis-border-width-sm);
  --utrecht-button-secondary-action-line-height: var(--utrecht-document-line-height);
  --utrecht-button-secondary-action-font-size: var(--utrecht-document-font-size);
  --utrecht-button-secondary-action-active-color: var(--utrecht-button-active-color);
  --utrecht-button-secondary-action-active-border-color: var(--utrecht-button-active-border-color);
  --utrecht-button-secondary-action-active-background-color: var(--utrecht-button-active-background-color);
  --utrecht-button-secondary-action-font-weight: var(--basis-document-strong-font-weight);
  --utrecht-button-secondary-action-focus-color: var(--basis-focus-color);
  --utrecht-button-secondary-action-focus-border-color: transparent;
  --utrecht-button-secondary-action-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-secondary-action-disabled-color: var(--basis-color-gray-500);
  --utrecht-button-secondary-action-disabled-border-color: transparent;
  --utrecht-button-secondary-action-disabled-background-color: var(--basis-color-gray-50);
  --utrecht-button-secondary-action-color: var(--basis-color-primary-text-1);
  --utrecht-button-secondary-action-border-color: var(--basis-color-primary-border-1);
  --utrecht-button-secondary-action-background-color: var(--basis-color-primary-bg-1);
  --utrecht-button-secondary-action-hover-color: var(--utrecht-button-hover-color);
  --utrecht-button-secondary-action-hover-border-color: var(--utrecht-button-hover-border-color);
  --utrecht-button-secondary-action-hover-background-color: var(--utrecht-button-hover-background-color);
  --utrecht-button-primary-action-border-width: var(--utrecht-button-border-width);
  --utrecht-button-primary-action-line-height: var(--utrecht-document-line-height);
  --utrecht-button-primary-action-font-size: var(--utrecht-document-font-size);
  --utrecht-button-primary-action-active-color: var(--utrecht-button-active-color);
  --utrecht-button-primary-action-active-border-color: var(--utrecht-button-active-border-color);
  --utrecht-button-primary-action-active-background-color: var(--utrecht-button-active-background-color);
  --utrecht-button-primary-action-font-weight: var(--basis-document-strong-font-weight);
  --utrecht-button-primary-action-focus-color: var(--basis-focus-color);
  --utrecht-button-primary-action-focus-border-color: transparent;
  --utrecht-button-primary-action-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-primary-action-disabled-color: var(--basis-color-gray-500);
  --utrecht-button-primary-action-disabled-border-color: transparent;
  --utrecht-button-primary-action-disabled-background-color: var(--basis-color-gray-50);
  --utrecht-button-primary-action-color: var(--utrecht-button-color);
  --utrecht-button-primary-action-border-color: var(--utrecht-button-border-color);
  --utrecht-button-primary-action-background-color: var(--utrecht-button-background-color);
  --utrecht-button-primary-action-hover-color: var(--utrecht-button-hover-color);
  --utrecht-button-primary-action-hover-border-color: var(--utrecht-button-hover-border-color);
  --utrecht-button-primary-action-hover-background-color: var(--utrecht-button-hover-background-color);
  --utrecht-button-column-gap: var(--basis-space-text-xs);
  --utrecht-button-min-inline-size: var(--utrecht-pointer-target-min-size);
  --utrecht-button-min-block-size: var(--utrecht-pointer-target-min-size);
  --utrecht-button-active-color: var(--basis-color-secondary-inverse-text-1);
  --utrecht-button-active-border-color: var(--basis-color-secondary-inverse-border-1);
  --utrecht-button-active-background-color: var(--basis-color-secondary-inverse-bg-1);
  --utrecht-button-hover-color: var(--basis-color-secondary-inverse-text-1);
  --utrecht-button-hover-border-color: var(--basis-color-secondary-inverse-border-1);
  --utrecht-button-hover-background-color: var(--basis-color-secondary-inverse-bg-2);
  --utrecht-button-focus-color: var(--basis-focus-color);
  --utrecht-button-focus-border-color: transparent;
  --utrecht-button-focus-background-color: var(--basis-focus-background-color);
  --utrecht-button-disabled-color: var(--basis-color-gray-500);
  --utrecht-button-disabled-border-color: transparent;
  --utrecht-button-disabled-background-color: var(--basis-color-gray-50);
  --utrecht-button-padding-inline-start: var(--basis-space-inline-x-large);
  --utrecht-button-padding-inline-end: var(--basis-space-inline-x-large);
  --utrecht-button-padding-block-start: var(--basis-space-block-large);
  --utrecht-button-padding-block-end: var(--basis-space-block-large);
  --utrecht-button-line-height: var(--utrecht-document-line-height);
  --utrecht-button-font-weight: var(--basis-typography-font-weight-bold);
  --utrecht-button-font-size: var(--purmerend-font-size-font-size-27);
  --utrecht-button-font-family: var(--utrecht-document-font-family);
  --utrecht-button-icon-size: var(--basis-icon-functional-size);
  --utrecht-button-border-width: var(--basis-border-width-sm);
  --utrecht-button-border-radius: var(--basis-border-radius-md);
  --utrecht-button-color: var(--basis-color-primary-inverse-text-1);
  --utrecht-button-border-color: var(--basis-color-primary-inverse-border-1);
  --utrecht-button-background-color: var(--basis-color-primary-inverse-bg-1);
  --utrecht-breadcrumb-nav-font-size: var(--utrecht-document-font-size);
  --utrecht-breadcrumb-nav-separator-icon-size: var(--basis-size-2xs);
  --utrecht-breadcrumb-nav-separator-color: var(--basis-document-subtle-color);
  --utrecht-breadcrumb-nav-link-active-color: var(--basis-interaction-active-color);
  --utrecht-breadcrumb-nav-link-active-text-decoration: None;
  --utrecht-breadcrumb-nav-link-text-decoration: underline;
  --utrecht-breadcrumb-nav-link-current-font-weight: var(--utrecht-document-font-weight);
  --utrecht-breadcrumb-nav-link-disabled-color: var(--basis-color-gray-500);
  --utrecht-breadcrumb-nav-link-hover-color: var(--basis-interaction-hover-color);
  --utrecht-breadcrumb-nav-link-hover-text-decoration: None;
  --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-color: var(--basis-interaction-color);
  --utrecht-breadcrumb-nav-item-padding-inline-end: var(--basis-space-inline-medium);
  --utrecht-breadcrumb-nav-item-padding-inline-start: var(--basis-space-inline-medium);
  --utrecht-breadcrumb-nav-item-padding-block-end: var(--basis-space-block-large);
  --utrecht-breadcrumb-nav-item-padding-block-start: var(--basis-space-block-large);
  --utrecht-breadcrumb-nav-font-family: var(--utrecht-document-font-family);
  --utrecht-breadcrumb-nav-min-block-size: var(--utrecht-pointer-target-min-size);
  --utrecht-breadcrumb-nav-line-height: var(--utrecht-document-line-height);
  --utrecht-blockquote-content-color: var(--basis-body-color);
  --utrecht-blockquote-content-font-size: var(--basis-typography-font-size-3);
  --utrecht-blockquote-attribution-color: var(--basis-document-subtle-color);
  --utrecht-blockquote-attribution-font-size: var(--basis-typography-font-size-6);
  --utrecht-blockquote-padding-inline-start: 0px;
  --utrecht-blockquote-padding-inline-end: 0px;
  --utrecht-blockquote-padding-block-start: var(--basis-space-block-large);
  --utrecht-blockquote-padding-block-end: var(--basis-space-block-large);
  --utrecht-blockquote-background-color: transparent;
  --utrecht-badge-data-letter-spacing: None;
  --utrecht-badge-data-text-transform: None;
  --utrecht-backdrop-fade-in-animation-duration: 0.4s;
  --utrecht-backdrop-z-index: auto;
  --utrecht-backdrop-reduced-transparency-opacity: 0.98;
  --utrecht-backdrop-opacity: 0.2;
  --utrecht-backdrop-color: var(--basis-color-white);
  --utrecht-backdrop-background-color: var(--basis-color-black);
  --utrecht-alert-icon-warning-color: var(--utrecht-feedback-warning);
  --utrecht-alert-icon-ok-color: var(--basis-feedback-positive);
  --utrecht-alert-icon-error-color: var(--basis-feedback-negative);
  --utrecht-alert-icon-info-color: var(--basis-feedback-informative);
  --utrecht-alert-icon-color: var(--basis-feedback-informative);
  --utrecht-alert-icon-size: var(--basis-icon-functional-size);
  --utrecht-alert-icon-inset-block-start: var(--basis-space-block-x-small);
  --utrecht-alert-warning-color: var(--basis-color-warning-text-1);
  --utrecht-alert-warning-border-color: transparent;
  --utrecht-alert-warning-background-color: var(--basis-color-warning-bg-1);
  --utrecht-alert-ok-color: var(--basis-color-success-text-1);
  --utrecht-alert-ok-border-color: transparent;
  --utrecht-alert-ok-background-color: var(--basis-color-success-bg-1);
  --utrecht-alert-error-color: var(--basis-color-error-text-1);
  --utrecht-alert-error-border-color: transparent;
  --utrecht-alert-error-background-color: var(--basis-color-error-bg-1);
  --utrecht-alert-info-color: var(--basis-color-info-text-1);
  --utrecht-alert-info-border-color: transparent;
  --utrecht-alert-info-background-color: var(--basis-color-info-bg-1);
  --utrecht-alert-message-row-gap: var(--basis-space-row-medium);
  --utrecht-alert-content-row-gap: var(--basis-space-row-x-large);
  --utrecht-alert-padding-inline-start: var(--basis-space-inline-x-large);
  --utrecht-alert-padding-inline-end: var(--basis-space-inline-x-large);
  --utrecht-alert-padding-block-start: var(--basis-space-block-x-large);
  --utrecht-alert-padding-block-end: var(--basis-space-block-xx-large);
  --utrecht-alert-column-gap: var(--basis-space-column-medium);
  --utrecht-alert-color: var(--basis-color-text-text-1);
  --utrecht-alert-border-width: var(--basis-border-width-md);
  --utrecht-alert-border-radius: var(--basis-border-radius-md);
  --utrecht-alert-border-color: transparent;
  --utrecht-alert-background-color: var(--basis-color-text-interactive-1);
  --utrecht-accordion-button-border-radius: 0px;
  --utrecht-accordion-button-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-button-active-color: var(--basis-interaction-active-color);
  --utrecht-accordion-button-active-border-color: transparent;
  --utrecht-accordion-button-active-background-color: var(--basis-color-gray-100);
  --utrecht-accordion-button-focus-color: var(--basis-focus-color);
  --utrecht-accordion-button-focus-border-color: transparent;
  --utrecht-accordion-button-focus-background-color: var(--basis-focus-background-color);
  --utrecht-accordion-button-hover-color: var(--basis-interaction-hover-color);
  --utrecht-accordion-button-hover-border-color: transparent;
  --utrecht-accordion-button-hover-background-color: var(--basis-color-gray-100);
  --utrecht-accordion-button-color: var(--basis-interaction-color);
  --utrecht-accordion-button-border-color: transparent;
  --utrecht-accordion-button-background-color: var(--basis-color-gray-50);
  --utrecht-accordion-button-padding-inline-start: var(--basis-space-inline-x-large);
  --utrecht-accordion-button-padding-inline-end: var(--basis-space-inline-x-large);
  --utrecht-accordion-button-padding-block-start: var(--basis-space-block-large);
  --utrecht-accordion-button-padding-block-end: var(--basis-space-block-large);
  --utrecht-accordion-button-icon-size: var(--basis-icon-functional-size);
  --utrecht-accordion-button-gap: var(--basis-space-text-md);
  --utrecht-accordion-panel-padding-inline-start: var(--basis-space-inline-x-large);
  --utrecht-accordion-panel-padding-inline-end: var(--basis-space-inline-x-large);
  --utrecht-accordion-panel-padding-block-start: var(--basis-space-block-xxx-large);
  --utrecht-accordion-panel-padding-block-end: var(--basis-space-block-xxx-large);
  --utrecht-accordion-panel-border-width: var(--basis-border-width-sm);
  --utrecht-accordion-panel-border-color: transparent;
  --utrecht-feedback-error: var(--purmerend-color-red-17);
  --utrecht-feedback-warning: var(--basis-color-yellow);
  --utrecht-pointer-target-min-size: var(--basis-size-md);
  --utrecht-focus-outline-width: var(--basis-border-width-lg);
  --utrecht-focus-outline-style: dotted;
  --utrecht-focus-outline-offset: 0;
  --utrecht-focus-inverse-outline-color: var(--basis-focus-background-color);
  --utrecht-focus-outline-color: var(--basis-color-black);
  --utrecht-focus-color: var(--basis-focus-color);
  --utrecht-focus-background-color: var(--basis-focus-background-color);
  --utrecht-form-control-active-color: var(--utrecht-form-control-color);
  --utrecht-form-control-active-border-color: var(--utrecht-form-control-border-color);
  --utrecht-form-control-active-background-color: var(--utrecht-form-control-background-color);
  --utrecht-form-control-active-accent-color: var(--utrecht-form-control-accent-color);
  --utrecht-form-control-accent-color: var(--basis-color-text-text-1);
  --utrecht-form-control-padding-inline-start: var(--basis-space-inline-large);
  --utrecht-form-control-padding-inline-end: var(--basis-space-inline-large);
  --utrecht-form-control-padding-block-start: var(--basis-space-block-x-large);
  --utrecht-form-control-padding-block-end: var(--basis-space-block-x-large);
  --utrecht-form-control-max-inline-size: 400px;
  --utrecht-form-control-line-height: var(--basis-typography-line-height-md);
  --utrecht-form-control-font-size: var(--purmerend-font-size-font-size-27);
  --utrecht-form-control-font-family: var(--basis-typography-font-family-default);
  --utrecht-form-control-border-radius: var(--basis-border-radius-md);
  --utrecht-form-control-placeholder-font-style: italic;
  --utrecht-form-control-placeholder-color: var(--basis-color-disabled-text-2);
  --utrecht-form-control-read-only-color: var(--basis-color-disabled-text-2);
  --utrecht-form-control-read-only-border-color: transparent;
  --utrecht-form-control-read-only-background-color: var(--basis-color-disabled-bg-1);
  --utrecht-form-control-invalid-border-width: var(--basis-border-width-md);
  --utrecht-form-control-invalid-color: var(--utrecht-form-control-color);
  --utrecht-form-control-invalid-border-color: var(--basis-color-error-border-1);
  --utrecht-form-control-invalid-background-color: var(--utrecht-form-control-background-color);
  --utrecht-form-control-focus-border-width: var(--utrecht-form-control-border-width);
  --utrecht-form-control-focus-color: var(--utrecht-form-control-color);
  --utrecht-form-control-focus-border-color: var(--utrecht-form-control-border-color);
  --utrecht-form-control-focus-background-color: var(--utrecht-form-control-background-color);
  --utrecht-form-control-disabled-color: var(--basis-color-disabled-text-1);
  --utrecht-form-control-disabled-border-color: var(--basis-color-disabled-fill-1);
  --utrecht-form-control-disabled-background-color: var(--basis-color-disabled-bg-1);
  --utrecht-form-control-color: var(--basis-color-text-text-1);
  --utrecht-form-control-border-width: var(--basis-border-width-sm);
  --utrecht-form-control-border-color: var(--basis-color-text-border-3);
  --utrecht-form-control-background-color: var(--basis-color-text-interactive-1);
  --utrecht-form-control-font-weight: var(--basis-typography-font-weight-normal);
  --utrecht-heading-color: var(--basis-color-text-text-1);
  --utrecht-heading-font-weight: var(--basis-typography-font-weight-bold);
  --utrecht-heading-font-family: var(--basis-typography-font-family-default);
  --utrecht-document-line-height: var(--basis-typography-line-height-md);
  --utrecht-document-font-weight: var(--basis-typography-font-weight-normal);
  --utrecht-document-font-size: var(--basis-typography-font-size-5);
  --utrecht-document-font-family: var(--basis-typography-font-family-default);
  --utrecht-document-color: var(--basis-color-text-text-1);
  --utrecht-document-background-color: var(--basis-color-text-bg-1);
  --utrecht-action-submit-cursor: pointer;
  --utrecht-action-activate-cursor: pointer;
  --purmerend-duration-duration-16: var(--fa-animation-duration, 2s);
  --purmerend-duration-duration-15: var(--fa-animation-duration, 1s);
  --purmerend-duration-duration-14: 2s;
  --purmerend-duration-duration-13: 1.2s;
  --purmerend-duration-duration-12: 1s;
  --purmerend-duration-duration-11: .6s;
  --purmerend-duration-duration-10: .5s;
  --purmerend-duration-duration-9: 0.5s;
  --purmerend-duration-duration-8: 0.4s;
  --purmerend-duration-duration-7: .35s;
  --purmerend-duration-duration-6: .3s;
  --purmerend-duration-duration-5: .2s;
  --purmerend-duration-duration-4: 0.2s;
  --purmerend-duration-duration-3: .15s;
  --purmerend-duration-duration-2: 150ms;
  --purmerend-duration-duration-1: 1ms;
  --purmerend-duration-duration-0: 0s;
  --purmerend-radius-radius-22: .1em;
  --purmerend-radius-radius-21: var(--fa-border-radius, .1em);
  --purmerend-radius-radius-20: 0 1rem 1rem 1rem;
  --purmerend-radius-radius-19: 0 1rem 1rem 0;
  --purmerend-radius-radius-18: 0 0 1rem 1rem;
  --purmerend-radius-radius-17: 1rem 1rem 0 0;
  --purmerend-radius-radius-16: 0 4px 4px 0;
  --purmerend-radius-radius-15: 4px 0 0 4px;
  --purmerend-radius-radius-14: 0 4px 4px;
  --purmerend-radius-radius-13: 0 0 5px 5px;
  --purmerend-radius-radius-12: 0 0 4px 4px;
  --purmerend-radius-radius-11: 5px 5px 0 0;
  --purmerend-radius-radius-10: 10px;
  --purmerend-radius-radius-9: .25em;
  --purmerend-radius-radius-8: 15px;
  --purmerend-radius-radius-7: 1px;
  --purmerend-radius-radius-6: 4px 4px 0 0;
  --purmerend-radius-radius-5: 3px;
  --purmerend-radius-radius-4: 6px;
  --purmerend-radius-radius-3: 1rem;
  --purmerend-radius-radius-2: 50%;
  --purmerend-radius-radius-1: 4px;
  --purmerend-radius-radius-0: 0;
  --purmerend-box-shadow-shadow-19: [object Object];
  --purmerend-box-shadow-shadow-18: [object Object];
  --purmerend-box-shadow-shadow-17: [object Object];
  --purmerend-box-shadow-shadow-16: [object Object];
  --purmerend-box-shadow-shadow-15: [object Object];
  --purmerend-box-shadow-shadow-14: [object Object];
  --purmerend-box-shadow-shadow-13: [object Object];
  --purmerend-box-shadow-shadow-12: [object Object];
  --purmerend-box-shadow-shadow-11: [object Object];
  --purmerend-box-shadow-shadow-10: [object Object];
  --purmerend-box-shadow-shadow-9: [object Object],[object Object];
  --purmerend-box-shadow-shadow-8: [object Object];
  --purmerend-box-shadow-shadow-7: [object Object];
  --purmerend-box-shadow-shadow-6: [object Object];
  --purmerend-box-shadow-shadow-5: [object Object],[object Object];
  --purmerend-box-shadow-shadow-4: [object Object],[object Object];
  --purmerend-box-shadow-shadow-3: [object Object],[object Object];
  --purmerend-box-shadow-shadow-2: [object Object],[object Object];
  --purmerend-box-shadow-shadow-1: [object Object];
  --purmerend-box-shadow-shadow-0: [object Object];
  --purmerend-gradient-gradient-31: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  --purmerend-gradient-gradient-30: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  --purmerend-gradient-gradient-29: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  --purmerend-gradient-gradient-28: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  --purmerend-gradient-gradient-27: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  --purmerend-gradient-gradient-26: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  --purmerend-gradient-gradient-25: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  --purmerend-gradient-gradient-24: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  --purmerend-gradient-gradient-23: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  --purmerend-gradient-gradient-22: linear-gradient(to bottom, #eee 50%, #fff 100%);
  --purmerend-gradient-gradient-21: -o-linear-gradient(top, #eee 50%, #fff 100%);
  --purmerend-gradient-gradient-20: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  --purmerend-gradient-gradient-19: linear-gradient(to bottom, #fff 0%, #eee 50%);
  --purmerend-gradient-gradient-18: -o-linear-gradient(top, #fff 0%, #eee 50%);
  --purmerend-gradient-gradient-17: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  --purmerend-gradient-gradient-16: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  --purmerend-gradient-gradient-15: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  --purmerend-gradient-gradient-14: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  --purmerend-gradient-gradient-13: linear-gradient(to bottom, #fff 50%, #eee 100%);
  --purmerend-gradient-gradient-12: -o-linear-gradient(top, #fff 50%, #eee 100%);
  --purmerend-gradient-gradient-11: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  --purmerend-gradient-gradient-10: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
  --purmerend-gradient-gradient-9: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  --purmerend-gradient-gradient-8: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
  --purmerend-gradient-gradient-7: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
  --purmerend-gradient-gradient-6: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
  --purmerend-gradient-gradient-5: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  --purmerend-gradient-gradient-4: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
  --purmerend-gradient-gradient-3: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
  --purmerend-gradient-gradient-2: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  --purmerend-gradient-gradient-1: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  --purmerend-gradient-gradient-0: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  --purmerend-line-height-line-height-26: .03125em;
  --purmerend-line-height-line-height-25: .04167em;
  --purmerend-line-height-line-height-24: .05em;
  --purmerend-line-height-line-height-23: .07143em;
  --purmerend-line-height-line-height-22: .08333em;
  --purmerend-line-height-line-height-21: .1em;
  --purmerend-line-height-line-height-20: 1em;
  --purmerend-line-height-line-height-19: 20px;
  --purmerend-line-height-line-height-18: 28px;
  --purmerend-line-height-line-height-17: 30px;
  --purmerend-line-height-line-height-16: 2em;
  --purmerend-line-height-line-height-15: 34px;
  --purmerend-line-height-line-height-14: 46px;
  --purmerend-line-height-line-height-13: 60px;
  --purmerend-line-height-line-height-12: 63px;
  --purmerend-line-height-line-height-11: 6rem;
  --purmerend-line-height-line-height-10: 1.42857;
  --purmerend-line-height-line-height-9: 1.428571429;
  --purmerend-line-height-line-height-8: 1.3;
  --purmerend-line-height-line-height-7: 1.3333333;
  --purmerend-line-height-line-height-6: 1.5;
  --purmerend-line-height-line-height-5: 1.4;
  --purmerend-line-height-line-height-4: 1.1;
  --purmerend-line-height-line-height-3: 1.42857143;
  --purmerend-line-height-line-height-2: normal;
  --purmerend-line-height-line-height-1: 1;
  --purmerend-line-height-line-height-0: 0;
  --purmerend-font-family-font-family-18: "FontAwesome";
  --purmerend-font-family-font-family-17: "Font Awesome 5 Free";
  --purmerend-font-family-font-family-16: "Font Awesome 5 Brands";
  --purmerend-font-family-font-family-15: "Font Awesome 6 Brands";
  --purmerend-font-family-font-family-14: "Font Awesome 6 Free";
  --purmerend-font-family-font-family-13: var(--fa-style-family, "Font Awesome 6 Free");
  --purmerend-font-family-font-family-12: "Corbel","Cantarell","Open Sans",sans-serif;
  --purmerend-font-family-font-family-11: Corbel,"Cantarell","Open Sans",sans-serif;
  --purmerend-font-family-font-family-10: "Open Sans",sans-serif;
  --purmerend-font-family-font-family-9: "Cantarell",sans-serif;
  --purmerend-font-family-font-family-8: Corbel,sans-serif;
  --purmerend-font-family-font-family-7: "Glyphicons Halflings";
  --purmerend-font-family-font-family-6: a;
  --purmerend-font-family-font-family-5: serif;
  --purmerend-font-family-font-family-4: Menlo,Monaco,Consolas,"Courier New",monospace;
  --purmerend-font-family-font-family-3: "Helvetica Neue",Helvetica,Arial,sans-serif;
  --purmerend-font-family-font-family-2: "Glyphicons Halflings";
  --purmerend-font-family-font-family-1: monospace,monospace;
  --purmerend-font-family-font-family-0: sans-serif;
  --purmerend-font-size-font-size-48: .625em;
  --purmerend-font-size-font-size-47: 10px;
  --purmerend-font-size-font-size-46: 65%;
  --purmerend-font-size-font-size-45: .75em;
  --purmerend-font-size-font-size-44: 12px;
  --purmerend-font-size-font-size-43: 75%;
  --purmerend-font-size-font-size-42: 80%;
  --purmerend-font-size-font-size-41: 13px;
  --purmerend-font-size-font-size-40: 85%;
  --purmerend-font-size-font-size-39: .875em;
  --purmerend-font-size-font-size-38: 14px;
  --purmerend-font-size-font-size-37: 0.875em;
  --purmerend-font-size-font-size-36: 90%;
  --purmerend-font-size-font-size-35: 100%;
  --purmerend-font-size-font-size-34: 16px;
  --purmerend-font-size-font-size-33: 1em;
  --purmerend-font-size-font-size-32: 17.5px;
  --purmerend-font-size-font-size-31: 18px;
  --purmerend-font-size-font-size-30: 120%;
  --purmerend-font-size-font-size-29: 1.25em;
  --purmerend-font-size-font-size-28: 125%;
  --purmerend-font-size-font-size-27: 20px;
  --purmerend-font-size-font-size-26: 21px;
  --purmerend-font-size-font-size-25: 1.5em;
  --purmerend-font-size-font-size-24: 150%;
  --purmerend-font-size-font-size-23: 24px;
  --purmerend-font-size-font-size-22: 25px;
  --purmerend-font-size-font-size-21: 1.6rem;
  --purmerend-font-size-font-size-20: 26px;
  --purmerend-font-size-font-size-19: 1.8rem;
  --purmerend-font-size-font-size-18: 30px;
  --purmerend-font-size-font-size-17: 2rem;
  --purmerend-font-size-font-size-16: 2em;
  --purmerend-font-size-font-size-15: 36px;
  --purmerend-font-size-font-size-14: 3em;
  --purmerend-font-size-font-size-13: 63px;
  --purmerend-font-size-font-size-12: 4em;
  --purmerend-font-size-font-size-11: 5em;
  --purmerend-font-size-font-size-10: 6em;
  --purmerend-font-size-font-size-9: 7em;
  --purmerend-font-size-font-size-8: 8em;
  --purmerend-font-size-font-size-7: 9em;
  --purmerend-font-size-font-size-6: 10em;
  --purmerend-font-size-font-size-5: var(--font-size-date);
  --purmerend-font-size-font-size-4: var(--font-size-feedback-form);
  --purmerend-font-size-font-size-3: var(--font-size-tertiary);
  --purmerend-font-size-font-size-2: var(--font-size-secondary);
  --purmerend-font-size-font-size-1: var(--font-size-primary);
  --purmerend-font-size-font-size-0: 0;
  --purmerend-color-orange-14: #f7e1b5;
  --purmerend-color-orange-13: #faebcc;
  --purmerend-color-orange-12: #d58512;
  --purmerend-color-orange-11: #985f0d;
  --purmerend-color-orange-10: #ec971f;
  --purmerend-color-orange-9: #eea236;
  --purmerend-color-orange-8: #f0ad4e;
  --purmerend-color-orange-7: #c0a16b;
  --purmerend-color-orange-6: #faf2cc;
  --purmerend-color-orange-5: #66512c;
  --purmerend-color-orange-4: #8a6d3b;
  --purmerend-color-orange-3: rgba(255, 152, 0, .1);
  --purmerend-color-orange-2: rgba(255, 152, 0, .7);
  --purmerend-color-orange-1: rgba(255, 152, 0, .3);
  --purmerend-color-yellow-9: #f7ecb5;
  --purmerend-color-yellow-8: #fcf8e3;
  --purmerend-color-yellow-7: #ff0;
  --purmerend-color-yellow-6: rgba(255, 235, 59, .1);
  --purmerend-color-yellow-5: rgba(205, 220, 57, .1);
  --purmerend-color-yellow-4: rgba(255, 235, 59, .7);
  --purmerend-color-yellow-3: rgba(205, 220, 57, .7);
  --purmerend-color-yellow-2: rgba(255, 235, 59, .3);
  --purmerend-color-yellow-1: rgba(205, 220, 57, .3);
  --purmerend-color-green-17: #c9e2b3;
  --purmerend-color-green-16: #d6e9c6;
  --purmerend-color-green-15: #398439;
  --purmerend-color-green-14: #255625;
  --purmerend-color-green-13: #449d44;
  --purmerend-color-green-12: #4cae4c;
  --purmerend-color-green-11: #5cb85c;
  --purmerend-color-green-10: #67b168;
  --purmerend-color-green-9: #d0e9c6;
  --purmerend-color-green-8: #c1e2b3;
  --purmerend-color-green-7: #dff0d8;
  --purmerend-color-green-6: #2b542c;
  --purmerend-color-green-5: #3c763d;
  --purmerend-color-green-4: green;
  --purmerend-color-green-3: rgba(76, 175, 80, .1);
  --purmerend-color-green-2: rgba(76, 175, 80, .7);
  --purmerend-color-green-1: rgba(76, 175, 80, .3);
  --purmerend-color-cyan-7: #00856a;
  --purmerend-color-cyan-6: #00856A;
  --purmerend-color-cyan-5: #007c57;
  --purmerend-color-cyan-4: #00A685;
  --purmerend-color-cyan-3: rgba(0, 150, 136, .1);
  --purmerend-color-cyan-2: rgba(0, 150, 136, .7);
  --purmerend-color-cyan-1: rgba(0, 150, 136, .3);
  --purmerend-color-magenta-3: rgba(156, 39, 176, .1);
  --purmerend-color-magenta-2: rgba(156, 39, 176, .7);
  --purmerend-color-magenta-1: rgba(156, 39, 176, .3);
  --purmerend-color-pink-8: #fce6ed;
  --purmerend-color-pink-7: #d12152;
  --purmerend-color-pink-6: #D12152;
  --purmerend-color-pink-5: #f9f2f4;
  --purmerend-color-pink-4: #c7254e;
  --purmerend-color-pink-3: rgba(233, 30, 99, .1);
  --purmerend-color-pink-2: rgba(233, 30, 99, .7);
  --purmerend-color-pink-1: rgba(233, 30, 99, .3);
  --purmerend-color-red-21: #e4b9c0;
  --purmerend-color-red-20: #ebccd1;
  --purmerend-color-red-19: #ac2925;
  --purmerend-color-red-18: #761c19;
  --purmerend-color-red-17: #c9302c;
  --purmerend-color-red-16: #d43f3a;
  --purmerend-color-red-15: #d9534f;
  --purmerend-color-red-14: #ce8483;
  --purmerend-color-red-13: #ebcccc;
  --purmerend-color-red-12: #e4b9b9;
  --purmerend-color-red-11: #f2dede;
  --purmerend-color-red-10: #843534;
  --purmerend-color-red-9: #a94442;
  --purmerend-color-red-8: #fff4f4;
  --purmerend-color-red-7: #ff6d2c;
  --purmerend-color-red-6: rgba(121, 85, 72, .1);
  --purmerend-color-red-5: rgba(244, 67, 54, .1);
  --purmerend-color-red-4: rgba(121, 85, 72, .7);
  --purmerend-color-red-3: rgba(244, 67, 54, .7);
  --purmerend-color-red-2: rgba(121, 85, 72, .3);
  --purmerend-color-red-1: rgba(244, 67, 54, .3);
  --purmerend-color-blue-50: #f6f9fc;
  --purmerend-color-blue-49: #f4f5f6;
  --purmerend-color-blue-48: #3C4551;
  --purmerend-color-blue-47: #00365f;
  --purmerend-color-blue-46: #00365fd9;
  --purmerend-color-blue-45: #005A9B;
  --purmerend-color-blue-44: #00365F;
  --purmerend-color-blue-43: #245A96;
  --purmerend-color-blue-42: #617189;
  --purmerend-color-blue-41: #F4F5F6;
  --purmerend-color-blue-40: #3875d7;
  --purmerend-color-blue-39: #5897fb;
  --purmerend-color-blue-38: #428bca;
  --purmerend-color-blue-37: #c7ddef;
  --purmerend-color-blue-36: #a6e1ec;
  --purmerend-color-blue-35: #bce8f1;
  --purmerend-color-blue-34: #269abc;
  --purmerend-color-blue-33: #1b6d85;
  --purmerend-color-blue-32: #31b0d5;
  --purmerend-color-blue-31: #46b8da;
  --purmerend-color-blue-30: #5bc0de;
  --purmerend-color-blue-29: #204d74;
  --purmerend-color-blue-28: #122b40;
  --purmerend-color-blue-27: #2e6da4;
  --purmerend-color-blue-26: rgba(102, 175, 233, .6);
  --purmerend-color-blue-25: #66afe9;
  --purmerend-color-blue-24: #c4e3f3;
  --purmerend-color-blue-23: #afd9ee;
  --purmerend-color-blue-22: #d9edf7;
  --purmerend-color-blue-21: #245269;
  --purmerend-color-blue-20: #31708f;
  --purmerend-color-blue-19: #286090;
  --purmerend-color-blue-18: #23527c;
  --purmerend-color-blue-17: #337ab7;
  --purmerend-color-blue-16: #2eaae0;
  --purmerend-color-blue-15: rgba(62, 69, 81, .1);
  --purmerend-color-blue-14: rgba(96, 125, 139, .1);
  --purmerend-color-blue-13: rgba(0, 188, 212, .1);
  --purmerend-color-blue-12: rgba(63, 81, 181, .1);
  --purmerend-color-blue-11: rgba(3, 169, 244, .1);
  --purmerend-color-blue-10: rgba(62, 69, 81, .7);
  --purmerend-color-blue-9: rgba(96, 125, 139, .7);
  --purmerend-color-blue-8: rgba(0, 188, 212, .7);
  --purmerend-color-blue-7: rgba(63, 81, 181, .7);
  --purmerend-color-blue-6: rgba(3, 169, 244, .7);
  --purmerend-color-blue-5: rgba(62, 69, 81, .3);
  --purmerend-color-blue-4: rgba(96, 125, 139, .3);
  --purmerend-color-blue-3: rgba(0, 188, 212, .3);
  --purmerend-color-blue-2: rgba(63, 81, 181, .3);
  --purmerend-color-blue-1: rgba(3, 169, 244, .3);
  --purmerend-color-grey-54: #c9c9c9;
  --purmerend-color-grey-53: #dadada;
  --purmerend-color-grey-52: #929292;
  --purmerend-color-grey-51: #B1B2B3;
  --purmerend-color-grey-50: #3A3B3C;
  --purmerend-color-grey-49: #2A2B2C;
  --purmerend-color-grey-48: #18191A;
  --purmerend-color-grey-47: #706F6F;
  --purmerend-color-grey-46: #706f6f;
  --purmerend-color-grey-45: #575756;
  --purmerend-color-grey-44: #707070;
  --purmerend-color-grey-43: #DADADA;
  --purmerend-color-grey-42: #878787;
  --purmerend-color-grey-41: #090909;
  --purmerend-color-grey-40: grey;
  --purmerend-color-grey-39: #f1f1f1;
  --purmerend-color-grey-38: #e4e4e4;
  --purmerend-color-grey-37: #aaa;
  --purmerend-color-grey-36: #666;
  --purmerend-color-grey-35: #ebebeb;
  --purmerend-color-grey-34: #f7f7f7;
  --purmerend-color-grey-33: #e3e3e3;
  --purmerend-color-grey-32: #d5d5d5;
  --purmerend-color-grey-31: #101010;
  --purmerend-color-grey-30: #444;
  --purmerend-color-grey-29: #9d9d9d;
  --purmerend-color-grey-28: #080808;
  --purmerend-color-grey-27: #222;
  --purmerend-color-grey-26: #888;
  --purmerend-color-grey-25: #5e5e5e;
  --purmerend-color-grey-24: #e7e7e7;
  --purmerend-color-grey-23: #f8f8f8;
  --purmerend-color-grey-22: #262626;
  --purmerend-color-grey-21: #d4d4d4;
  --purmerend-color-grey-20: #adadad;
  --purmerend-color-grey-19: #8c8c8c;
  --purmerend-color-grey-18: #e6e6e6;
  --purmerend-color-grey-17: #737373;
  --purmerend-color-grey-16: #e5e5e5;
  --purmerend-color-grey-15: #e8e8e8;
  --purmerend-color-grey-14: #f9f9f9;
  --purmerend-color-grey-13: #f5f5f5;
  --purmerend-color-grey-12: #777;
  --purmerend-color-grey-11: #333;
  --purmerend-color-grey-10: #ddd;
  --purmerend-color-grey-9: #999;
  --purmerend-color-grey-8: silver;
  --purmerend-color-grey-7: #727272;
  --purmerend-color-grey-6: #eee;
  --purmerend-color-grey-5: rgba(158, 158, 158, .1);
  --purmerend-color-grey-4: rgba(158, 158, 158, .7);
  --purmerend-color-grey-3: rgba(158, 158, 158, .3);
  --purmerend-color-grey-2: #ccc;
  --purmerend-color-grey-1: #555;
  --purmerend-color-white-9: #FFFFFF;
  --purmerend-color-white-8: #ffffff;
  --purmerend-color-white-7: rgba(255, 255, 255, 0.15);
  --purmerend-color-white-6: rgba(255, 255, 255, .15);
  --purmerend-color-white-5: white;
  --purmerend-color-white-4: rgba(255, 255, 255, .1);
  --purmerend-color-white-3: rgba(255, 255, 255, .7);
  --purmerend-color-white-2: rgba(255, 255, 255, .3);
  --purmerend-color-white-1: #fff;
  --purmerend-color-black-24: #000000;
  --purmerend-color-black-23: rgba(0, 0, 0, 0.0001);
  --purmerend-color-black-22: rgba(0, 0, 0, 0.5);
  --purmerend-color-black-21: black;
  --purmerend-color-black-20: #000\9 ;
  --purmerend-color-black-19: rgba(0, 0, 0, .0001);
  --purmerend-color-black-18: rgba(0, 0, 0, .6);
  --purmerend-color-black-17: rgba(0, 0, 0, .5);
  --purmerend-color-black-16: rgba(0, 0, 0, .2);
  --purmerend-color-black-15: rgba(0, 0, 0, .05);
  --purmerend-color-black-14: rgba(0, 0, 0, .175);
  --purmerend-color-black-13: rgba(0, 0, 0, .15);
  --purmerend-color-black-12: rgba(0, 0, 0, .125);
  --purmerend-color-black-11: rgba(0, 0, 0, .075);
  --purmerend-color-black-10: rgba(0, 0, 0, .25);
  --purmerend-color-black-9: rgba(0, 0, 0, 0);
  --purmerend-color-black-8: rgba(0, 0, 0, 0.2);
  --purmerend-color-black-7: rgba(0, 0, 0, .1);
  --purmerend-color-black-6: rgba(0, 0, 0, .7);
  --purmerend-color-black-5: rgba(0, 0, 0, .3);
  --purmerend-color-black-4: rgba(0, 0, 0, 0.063);
  --purmerend-color-black-3: transparent;
  --purmerend-color-black-2: #000;
  --purmerend-color-black-1: scrollbar;
  --basis-page-max-inline-size: 1140px;
  --basis-feedback-positive: var(--basis-color-green);
  --basis-feedback-negative: var(--basis-color-red);
  --basis-feedback-informative: var(--basis-color-blue);
  --basis-icon-toptask-size: var(--basis-size-icon-4xl);
  --basis-icon-functional-size: var(--basis-size-icon-md);
  --basis-interaction-hover-color: var(--basis-color-blue);
  --basis-interaction-active-color: var(--basis-color-red);
  --basis-interaction-color: var(--basis-color-blue);
  --basis-document-strong-font-weight: var(--basis-typography-font-weight-bold);
  --basis-document-subtle-color: var(--basis-color-gray-600);
  --basis-document-inverse-color: var(--basis-color-white);
  --basis-document-inverse-background-color: var(--basis-color-gray-950);
  --basis-form-control-disabled-accent-color: var(--basis-color-gray-500);
  --basis-form-control-accent-color: var(--basis-color-black);
  --basis-form-control-hover-color: var(--basis-color-gray-950);
  --basis-form-control-hover-border-color: var(--basis-color-gray-500);
  --basis-form-control-hover-background-color: var(--basis-color-gray-50);
  --basis-form-control-hover-accent-color: var(--basis-interaction-hover-color);
  --basis-form-control-hover-border-width: var(--basis-border-width-md);
  --basis-form-control-active-color: var(--basis-color-gray-950);
  --basis-form-control-active-border-color: var(--basis-color-gray-500);
  --basis-form-control-active-background-color: var(--basis-color-gray-100);
  --basis-form-control-active-accent-color: var(--basis-interaction-active-color);
  --basis-form-control-active-border-width: var(--basis-border-width-md);
  --basis-code-font-family: var(--basis-typography-font-family-code);
  --basis-line-border-color: var(--basis-color-black);
  --basis-line-border-width: var(--basis-border-width-sm);
  --basis-container-border-color: var(--basis-color-black);
  --basis-container-border-width: var(--basis-border-width-sm);
  --basis-root-color: var(--basis-color-text-text-1);
  --basis-root-background-color: var(--basis-color-gray-50);
  --basis-box-shadow-lg: [object Object];
  --basis-box-shadow-md: [object Object];
  --basis-box-shadow-sm: [object Object];
  --basis-size-icon-4xl: 48px;
  --basis-size-icon-3xl: 40px;
  --basis-size-icon-2xl: 32px;
  --basis-size-icon-xl: 24px;
  --basis-size-icon-lg: 24px;
  --basis-size-icon-md: 24px;
  --basis-size-icon-sm: 16px;
  --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-border-width-lg: 4px;
  --basis-border-width-md: 2px;
  --basis-border-width-sm: 1px;
  --basis-border-radius-round: 999px;
  --basis-border-radius-lg: 16px;
  --basis-border-radius-md: var(--purmerend-radius-radius-10);
  --basis-border-radius-sm: 4px;
  --basis-space-relation-onbemind: var(--basis-space-row-xxxxx-large);
  --basis-space-relation-onbekenden: var(--basis-space-row-xxxx-large);
  --basis-space-relation-bekenden: var(--basis-space-row-xxx-large);
  --basis-space-relation-vrienden: var(--basis-space-row-x-large);
  --basis-space-relation-besties: var(--basis-space-row-medium);
  --basis-space-relation-kind: 0px;
  --basis-space-row-max-xxxxxx-large: 160px;
  --basis-space-row-max-xxxxx-large: 64px;
  --basis-space-row-max-xxxx-large: 32px;
  --basis-space-row-max-xxx-large: 24px;
  --basis-space-row-max-xx-large: 20px;
  --basis-space-row-max-x-large: 16px;
  --basis-space-row-max-large: 12px;
  --basis-space-row-max-medium: 8px;
  --basis-space-row-max-small: 4px;
  --basis-space-row-max-x-small: 2px;
  --basis-space-row-max-xx-small: 1px;
  --basis-space-row-min-xxxxxx-large: 160px;
  --basis-space-row-min-xxxxx-large: 64px;
  --basis-space-row-min-xxxx-large: 32px;
  --basis-space-row-min-xxx-large: 24px;
  --basis-space-row-min-xx-large: 20px;
  --basis-space-row-min-x-large: 16px;
  --basis-space-row-min-large: 12px;
  --basis-space-row-min-medium: 8px;
  --basis-space-row-min-small: 4px;
  --basis-space-row-min-x-small: 2px;
  --basis-space-row-min-xx-small: 1px;
  --basis-space-row-xxxxxx-large: 160px;
  --basis-space-row-xxxxx-large: 64px;
  --basis-space-row-xxxx-large: 32px;
  --basis-space-row-xxx-large: 24px;
  --basis-space-row-xx-large: 20px;
  --basis-space-row-x-large: 16px;
  --basis-space-row-large: 12px;
  --basis-space-row-medium: 8px;
  --basis-space-row-small: 4px;
  --basis-space-row-x-small: 2px;
  --basis-space-row-xx-small: 1px;
  --basis-space-column-max-xxxxxx-large: 160px;
  --basis-space-column-max-xxxxx-large: 64px;
  --basis-space-column-max-xxxx-large: 32px;
  --basis-space-column-max-xxx-large: 24px;
  --basis-space-column-max-xx-large: 20px;
  --basis-space-column-max-x-large: 16px;
  --basis-space-column-max-large: 12px;
  --basis-space-column-max-medium: 8px;
  --basis-space-column-max-small: 4px;
  --basis-space-column-max-x-small: 2px;
  --basis-space-column-max-xx-small: 1px;
  --basis-space-column-min-xxxxxx-large: 160px;
  --basis-space-column-min-xxxxx-large: 64px;
  --basis-space-column-min-xxxx-large: 32px;
  --basis-space-column-min-xxx-large: 24px;
  --basis-space-column-min-xx-large: 20px;
  --basis-space-column-min-x-large: 16px;
  --basis-space-column-min-large: 12px;
  --basis-space-column-min-medium: 8px;
  --basis-space-column-min-small: 4px;
  --basis-space-column-min-x-small: 2px;
  --basis-space-column-min-xx-small: 1px;
  --basis-space-column-xxxxxx-large: 160px;
  --basis-space-column-xxxxx-large: 64px;
  --basis-space-column-xxxx-large: 32px;
  --basis-space-column-xxx-large: 24px;
  --basis-space-column-xx-large: 20px;
  --basis-space-column-x-large: 16px;
  --basis-space-column-large: 12px;
  --basis-space-column-medium: 8px;
  --basis-space-column-small: 4px;
  --basis-space-column-x-small: 2px;
  --basis-space-column-xx-small: 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-xxxxxx-large: 320px;
  --basis-space-block-max-xxxxx-large: 128px;
  --basis-space-block-max-xxxx-large: 64px;
  --basis-space-block-max-xxx-large: 48px;
  --basis-space-block-max-xx-large: 40px;
  --basis-space-block-max-x-large: 32px;
  --basis-space-block-max-large: 24px;
  --basis-space-block-max-medium: 16px;
  --basis-space-block-max-small: 8px;
  --basis-space-block-max-x-small: 4px;
  --basis-space-block-max-xx-small: 2px;
  --basis-space-block-min-xxxxxx-large: 160px;
  --basis-space-block-min-xxxxx-large: 64px;
  --basis-space-block-min-xxxx-large: 32px;
  --basis-space-block-min-xxx-large: 24px;
  --basis-space-block-min-xx-large: 20px;
  --basis-space-block-min-x-large: 16px;
  --basis-space-block-min-large: 12px;
  --basis-space-block-min-medium: 8px;
  --basis-space-block-min-small: 4px;
  --basis-space-block-min-x-small: 2px;
  --basis-space-block-min-xx-small: 1px;
  --basis-space-block-xxxxxx-large: 160px;
  --basis-space-block-xxxxx-large: 64px;
  --basis-space-block-xxxx-large: 32px;
  --basis-space-block-xxx-large: 24px;
  --basis-space-block-xx-large: 20px;
  --basis-space-block-x-large: 16px;
  --basis-space-block-large: 12px;
  --basis-space-block-medium: 8px;
  --basis-space-block-small: 4px;
  --basis-space-block-x-small: 2px;
  --basis-space-block-xx-small: 1px;
  --basis-space-inline-max-xxxxxx-large: 320px;
  --basis-space-inline-max-xxxxx-large: 128px;
  --basis-space-inline-max-xxxx-large: 64px;
  --basis-space-inline-max-xxx-large: 48px;
  --basis-space-inline-max-xx-large: 40px;
  --basis-space-inline-max-x-large: 32px;
  --basis-space-inline-max-large: 24px;
  --basis-space-inline-max-medium: 16px;
  --basis-space-inline-max-small: 8px;
  --basis-space-inline-max-x-small: 4px;
  --basis-space-inline-max-xx-small: 2px;
  --basis-space-inline-min-xxxxxx-large: 160px;
  --basis-space-inline-min-xxxxx-large: 64px;
  --basis-space-inline-min-xxxx-large: 32px;
  --basis-space-inline-min-xxx-large: 24px;
  --basis-space-inline-min-xx-large: 20px;
  --basis-space-inline-min-x-large: 16px;
  --basis-space-inline-min-large: 12px;
  --basis-space-inline-min-medium: 8px;
  --basis-space-inline-min-small: 4px;
  --basis-space-inline-min-x-small: 2px;
  --basis-space-inline-min-xx-small: 1px;
  --basis-space-inline-xxxxxx-large: 160px;
  --basis-space-inline-xxxxx-large: 64px;
  --basis-space-inline-xxxx-large: 32px;
  --basis-space-inline-xxx-large: 24px;
  --basis-space-inline-xx-large: 20px;
  --basis-space-inline-x-large: 16px;
  --basis-space-inline-large: 12px;
  --basis-space-inline-medium: 8px;
  --basis-space-inline-small: 4px;
  --basis-space-inline-x-small: 2px;
  --basis-space-inline-xx-small: 1px;
  --basis-selected-color: var(--basis-color-white);
  --basis-selected-background-color: var(--basis-color-blue);
  --basis-focus-color: var(--basis-color-highlight-text-1);
  --basis-focus-background-color: var(--basis-color-highlight-bg-1);
  --basis-body-line-height: var(--basis-typography-line-height-md);
  --basis-body-font-weight: var(--basis-typography-font-weight-normal);
  --basis-body-font-size: var(--basis-typography-font-size-5);
  --basis-body-color: var(--basis-color-text-text-1);
  --basis-body-background-color: var(--basis-color-text-bg-1);
  --basis-color-success-inverse-text-2: var(--purmerend-color-green-3);
  --basis-color-success-inverse-text-1: var(--purmerend-color-green-3);
  --basis-color-success-inverse-fill-2: var(--purmerend-color-green-3);
  --basis-color-success-inverse-fill-1: var(--purmerend-color-green-3);
  --basis-color-success-inverse-border-3: var(--purmerend-color-green-13);
  --basis-color-success-inverse-border-2: var(--purmerend-color-green-13);
  --basis-color-success-inverse-border-1: var(--purmerend-color-green-13);
  --basis-color-success-inverse-interactive-3: var(--purmerend-color-green-13);
  --basis-color-success-inverse-interactive-2: var(--purmerend-color-green-13);
  --basis-color-success-inverse-interactive-1: var(--purmerend-color-green-13);
  --basis-color-success-inverse-bg-2: var(--purmerend-color-green-13);
  --basis-color-success-inverse-bg-1: var(--purmerend-color-green-13);
  --basis-color-info-inverse-text-2: var(--purmerend-color-blue-11);
  --basis-color-info-inverse-text-1: var(--purmerend-color-blue-11);
  --basis-color-info-inverse-fill-2: var(--purmerend-color-blue-11);
  --basis-color-info-inverse-fill-1: var(--purmerend-color-blue-11);
  --basis-color-info-inverse-border-3: var(--purmerend-color-blue-17);
  --basis-color-info-inverse-border-2: var(--purmerend-color-blue-17);
  --basis-color-info-inverse-border-1: var(--purmerend-color-blue-17);
  --basis-color-info-inverse-interactive-3: var(--purmerend-color-blue-17);
  --basis-color-info-inverse-interactive-2: var(--purmerend-color-blue-17);
  --basis-color-info-inverse-interactive-1: var(--purmerend-color-blue-17);
  --basis-color-info-inverse-bg-2: var(--purmerend-color-blue-17);
  --basis-color-info-inverse-bg-1: var(--purmerend-color-blue-17);
  --basis-color-error-inverse-text-2: var(--purmerend-color-red-8);
  --basis-color-error-inverse-text-1: var(--purmerend-color-red-8);
  --basis-color-error-inverse-fill-2: var(--purmerend-color-red-8);
  --basis-color-error-inverse-fill-1: var(--purmerend-color-red-8);
  --basis-color-error-inverse-border-3: var(--purmerend-color-red-17);
  --basis-color-error-inverse-border-2: var(--purmerend-color-red-17);
  --basis-color-error-inverse-border-1: var(--purmerend-color-red-17);
  --basis-color-error-inverse-interactive-3: var(--purmerend-color-red-17);
  --basis-color-error-inverse-interactive-2: var(--purmerend-color-red-17);
  --basis-color-error-inverse-interactive-1: var(--purmerend-color-red-17);
  --basis-color-error-inverse-bg-2: var(--purmerend-color-red-17);
  --basis-color-error-inverse-bg-1: var(--purmerend-color-red-17);
  --basis-color-warning-inverse-text-2: var(--purmerend-color-orange-1);
  --basis-color-warning-inverse-text-1: var(--purmerend-color-orange-1);
  --basis-color-warning-inverse-fill-2: var(--purmerend-color-orange-1);
  --basis-color-warning-inverse-fill-1: var(--purmerend-color-orange-1);
  --basis-color-warning-inverse-border-3: var(--purmerend-color-orange-10);
  --basis-color-warning-inverse-border-2: var(--purmerend-color-orange-10);
  --basis-color-warning-inverse-border-1: var(--purmerend-color-orange-10);
  --basis-color-warning-inverse-interactive-3: var(--purmerend-color-orange-10);
  --basis-color-warning-inverse-interactive-2: var(--purmerend-color-orange-10);
  --basis-color-warning-inverse-interactive-1: var(--purmerend-color-orange-10);
  --basis-color-warning-inverse-bg-2: var(--purmerend-color-orange-10);
  --basis-color-warning-inverse-bg-1: var(--purmerend-color-orange-10);
  --basis-color-secondary-inverse-text-2: var(--purmerend-color-white-1);
  --basis-color-secondary-inverse-text-1: var(--purmerend-color-white-1);
  --basis-color-secondary-inverse-fill-2: var(--purmerend-color-white-1);
  --basis-color-secondary-inverse-fill-1: var(--purmerend-color-white-1);
  --basis-color-secondary-inverse-border-3: var(--purmerend-color-blue-44);
  --basis-color-secondary-inverse-border-2: var(--purmerend-color-blue-44);
  --basis-color-secondary-inverse-border-1: var(--purmerend-color-blue-44);
  --basis-color-secondary-inverse-interactive-3: var(--purmerend-color-blue-44);
  --basis-color-secondary-inverse-interactive-2: var(--purmerend-color-blue-44);
  --basis-color-secondary-inverse-interactive-1: var(--purmerend-color-blue-44);
  --basis-color-secondary-inverse-bg-2: var(--purmerend-color-blue-44);
  --basis-color-secondary-inverse-bg-1: var(--purmerend-color-blue-44);
  --basis-color-primary-inverse-text-2: var(--purmerend-color-white-1);
  --basis-color-primary-inverse-text-1: var(--purmerend-color-white-1);
  --basis-color-primary-inverse-fill-2: var(--purmerend-color-white-1);
  --basis-color-primary-inverse-fill-1: var(--purmerend-color-white-1);
  --basis-color-primary-inverse-border-3: var(--purmerend-color-cyan-6);
  --basis-color-primary-inverse-border-2: var(--purmerend-color-cyan-6);
  --basis-color-primary-inverse-border-1: var(--purmerend-color-cyan-6);
  --basis-color-primary-inverse-interactive-3: var(--purmerend-color-cyan-6);
  --basis-color-primary-inverse-interactive-2: var(--purmerend-color-cyan-6);
  --basis-color-primary-inverse-interactive-1: var(--purmerend-color-cyan-6);
  --basis-color-primary-inverse-bg-2: var(--purmerend-color-cyan-6);
  --basis-color-primary-inverse-bg-1: var(--purmerend-color-cyan-6);
  --basis-color-disabled-inverse-text-2: var(--purmerend-color-grey-13);
  --basis-color-disabled-inverse-text-1: var(--purmerend-color-grey-13);
  --basis-color-disabled-inverse-fill-2: var(--purmerend-color-grey-13);
  --basis-color-disabled-inverse-fill-1: var(--purmerend-color-grey-13);
  --basis-color-disabled-inverse-border-3: var(--purmerend-color-grey-26);
  --basis-color-disabled-inverse-border-2: var(--purmerend-color-grey-26);
  --basis-color-disabled-inverse-border-1: var(--purmerend-color-grey-26);
  --basis-color-disabled-inverse-interactive-3: var(--purmerend-color-grey-26);
  --basis-color-disabled-inverse-interactive-2: var(--purmerend-color-grey-26);
  --basis-color-disabled-inverse-interactive-1: var(--purmerend-color-grey-26);
  --basis-color-disabled-inverse-bg-2: var(--purmerend-color-grey-26);
  --basis-color-disabled-inverse-bg-1: var(--purmerend-color-grey-26);
  --basis-color-text-inverse-text-2: var(--purmerend-color-white-1);
  --basis-color-text-inverse-text-1: var(--purmerend-color-white-1);
  --basis-color-text-inverse-fill-2: var(--purmerend-color-white-1);
  --basis-color-text-inverse-fill-1: var(--purmerend-color-white-1);
  --basis-color-text-inverse-border-3: var(--purmerend-color-blue-44);
  --basis-color-text-inverse-border-2: var(--purmerend-color-blue-44);
  --basis-color-text-inverse-border-1: var(--purmerend-color-blue-44);
  --basis-color-text-inverse-interactive-3: var(--purmerend-color-blue-44);
  --basis-color-text-inverse-interactive-2: var(--purmerend-color-blue-44);
  --basis-color-text-inverse-interactive-1: var(--purmerend-color-blue-44);
  --basis-color-text-inverse-bg-2: var(--purmerend-color-blue-44);
  --basis-color-text-inverse-bg-1: var(--purmerend-color-blue-44);
  --basis-color-mark-text-2: var(--purmerend-color-black-2);
  --basis-color-mark-text-1: var(--purmerend-color-black-2);
  --basis-color-mark-fill-2: var(--purmerend-color-black-2);
  --basis-color-mark-fill-1: var(--purmerend-color-black-2);
  --basis-color-mark-border-3: var(--purmerend-color-black-2);
  --basis-color-mark-border-2: var(--purmerend-color-black-2);
  --basis-color-mark-border-1: var(--purmerend-color-black-2);
  --basis-color-mark-interactive-3: var(--purmerend-color-orange-8);
  --basis-color-mark-interactive-2: var(--purmerend-color-orange-8);
  --basis-color-mark-interactive-1: var(--purmerend-color-orange-8);
  --basis-color-mark-bg-2: var(--purmerend-color-orange-8);
  --basis-color-mark-bg-1: var(--purmerend-color-orange-8);
  --basis-color-selected-text-2: var(--purmerend-color-blue-44);
  --basis-color-selected-text-1: var(--purmerend-color-blue-44);
  --basis-color-selected-fill-2: var(--purmerend-color-blue-44);
  --basis-color-selected-fill-1: var(--purmerend-color-blue-44);
  --basis-color-selected-border-3: var(--purmerend-color-blue-44);
  --basis-color-selected-border-2: var(--purmerend-color-blue-44);
  --basis-color-selected-border-1: var(--purmerend-color-blue-44);
  --basis-color-selected-interactive-3: var(--purmerend-color-blue-17);
  --basis-color-selected-interactive-2: var(--purmerend-color-blue-17);
  --basis-color-selected-interactive-1: var(--purmerend-color-blue-17);
  --basis-color-selected-bg-2: var(--purmerend-color-blue-17);
  --basis-color-selected-bg-1: var(--purmerend-color-blue-17);
  --basis-color-highlight-text-2: var(--purmerend-color-black-2);
  --basis-color-highlight-text-1: var(--purmerend-color-black-2);
  --basis-color-highlight-fill-2: var(--purmerend-color-black-2);
  --basis-color-highlight-fill-1: var(--purmerend-color-black-2);
  --basis-color-highlight-border-3: var(--purmerend-color-black-2);
  --basis-color-highlight-border-2: var(--purmerend-color-black-2);
  --basis-color-highlight-border-1: var(--purmerend-color-black-2);
  --basis-color-highlight-interactive-3: var(--purmerend-color-yellow-7);
  --basis-color-highlight-interactive-2: var(--purmerend-color-yellow-7);
  --basis-color-highlight-interactive-1: var(--purmerend-color-yellow-7);
  --basis-color-highlight-bg-2: var(--purmerend-color-yellow-7);
  --basis-color-highlight-bg-1: var(--purmerend-color-yellow-7);
  --basis-color-success-text-2: var(--purmerend-color-blue-44);
  --basis-color-success-text-1: var(--purmerend-color-blue-44);
  --basis-color-success-fill-2: var(--purmerend-color-green-13);
  --basis-color-success-fill-1: var(--purmerend-color-green-13);
  --basis-color-success-border-3: var(--purmerend-color-green-13);
  --basis-color-success-border-2: var(--purmerend-color-green-13);
  --basis-color-success-border-1: var(--purmerend-color-green-13);
  --basis-color-success-interactive-3: var(--purmerend-color-green-3);
  --basis-color-success-interactive-2: var(--purmerend-color-green-3);
  --basis-color-success-interactive-1: var(--purmerend-color-green-3);
  --basis-color-success-bg-2: var(--purmerend-color-green-3);
  --basis-color-success-bg-1: var(--purmerend-color-green-3);
  --basis-color-info-text-2: var(--purmerend-color-blue-44);
  --basis-color-info-text-1: var(--purmerend-color-blue-44);
  --basis-color-info-fill-2: var(--purmerend-color-blue-17);
  --basis-color-info-fill-1: var(--purmerend-color-blue-17);
  --basis-color-info-border-3: var(--purmerend-color-blue-17);
  --basis-color-info-border-2: var(--purmerend-color-blue-17);
  --basis-color-info-border-1: var(--purmerend-color-blue-17);
  --basis-color-info-interactive-3: var(--purmerend-color-blue-11);
  --basis-color-info-interactive-2: var(--purmerend-color-blue-11);
  --basis-color-info-interactive-1: var(--purmerend-color-blue-11);
  --basis-color-info-bg-2: var(--purmerend-color-blue-11);
  --basis-color-info-bg-1: var(--purmerend-color-blue-11);
  --basis-color-error-text-2: var(--purmerend-color-blue-44);
  --basis-color-error-text-1: var(--purmerend-color-blue-44);
  --basis-color-error-fill-2: var(--purmerend-color-red-17);
  --basis-color-error-fill-1: var(--purmerend-color-red-17);
  --basis-color-error-border-3: var(--purmerend-color-red-17);
  --basis-color-error-border-2: var(--purmerend-color-red-17);
  --basis-color-error-border-1: var(--purmerend-color-red-17);
  --basis-color-error-interactive-3: var(--purmerend-color-red-8);
  --basis-color-error-interactive-2: var(--purmerend-color-red-8);
  --basis-color-error-interactive-1: var(--purmerend-color-red-8);
  --basis-color-error-bg-2: var(--purmerend-color-red-8);
  --basis-color-error-bg-1: var(--purmerend-color-red-8);
  --basis-color-warning-text-2: var(--purmerend-color-blue-44);
  --basis-color-warning-text-1: var(--purmerend-color-blue-44);
  --basis-color-warning-fill-2: var(--purmerend-color-orange-10);
  --basis-color-warning-fill-1: var(--purmerend-color-orange-10);
  --basis-color-warning-border-3: var(--purmerend-color-orange-10);
  --basis-color-warning-border-2: var(--purmerend-color-orange-10);
  --basis-color-warning-border-1: var(--purmerend-color-orange-10);
  --basis-color-warning-interactive-3: var(--purmerend-color-orange-1);
  --basis-color-warning-interactive-2: var(--purmerend-color-orange-1);
  --basis-color-warning-interactive-1: var(--purmerend-color-orange-1);
  --basis-color-warning-bg-2: var(--purmerend-color-orange-1);
  --basis-color-warning-bg-1: var(--purmerend-color-orange-1);
  --basis-color-secondary-text-2: var(--purmerend-color-blue-44);
  --basis-color-secondary-text-1: var(--purmerend-color-blue-44);
  --basis-color-secondary-fill-2: var(--purmerend-color-blue-44);
  --basis-color-secondary-fill-1: var(--purmerend-color-blue-44);
  --basis-color-secondary-border-3: var(--purmerend-color-blue-44);
  --basis-color-secondary-border-2: var(--purmerend-color-blue-44);
  --basis-color-secondary-border-1: var(--purmerend-color-blue-44);
  --basis-color-secondary-interactive-3: var(--purmerend-color-blue-41);
  --basis-color-secondary-interactive-2: var(--purmerend-color-blue-41);
  --basis-color-secondary-interactive-1: var(--purmerend-color-blue-41);
  --basis-color-secondary-bg-2: var(--purmerend-color-blue-41);
  --basis-color-secondary-bg-1: var(--purmerend-color-white-1);
  --basis-color-primary-text-2: var(--purmerend-color-cyan-6);
  --basis-color-primary-text-1: var(--purmerend-color-cyan-6);
  --basis-color-primary-fill-2: var(--purmerend-color-cyan-6);
  --basis-color-primary-fill-1: var(--purmerend-color-cyan-6);
  --basis-color-primary-border-3: var(--purmerend-color-cyan-6);
  --basis-color-primary-border-2: var(--purmerend-color-cyan-6);
  --basis-color-primary-border-1: var(--purmerend-color-cyan-6);
  --basis-color-primary-interactive-3: var(--purmerend-color-white-1);
  --basis-color-primary-interactive-2: var(--purmerend-color-white-1);
  --basis-color-primary-interactive-1: var(--purmerend-color-white-1);
  --basis-color-primary-bg-2: var(--purmerend-color-white-1);
  --basis-color-primary-bg-1: var(--purmerend-color-white-1);
  --basis-color-disabled-text-2: var(--purmerend-color-grey-46);
  --basis-color-disabled-text-1: var(--purmerend-color-grey-26);
  --basis-color-disabled-fill-2: var(--purmerend-color-grey-26);
  --basis-color-disabled-fill-1: var(--purmerend-color-grey-26);
  --basis-color-disabled-border-3: var(--purmerend-color-grey-26);
  --basis-color-disabled-border-2: var(--purmerend-color-grey-26);
  --basis-color-disabled-border-1: var(--purmerend-color-grey-26);
  --basis-color-disabled-interactive-3: var(--purmerend-color-grey-13);
  --basis-color-disabled-interactive-2: var(--purmerend-color-grey-13);
  --basis-color-disabled-interactive-1: var(--purmerend-color-grey-13);
  --basis-color-disabled-bg-2: var(--purmerend-color-white-1);
  --basis-color-disabled-bg-1: var(--purmerend-color-white-1);
  --basis-color-text-text-2: var(--purmerend-color-blue-44);
  --basis-color-text-text-1: var(--purmerend-color-blue-44);
  --basis-color-text-fill-2: var(--purmerend-color-blue-44);
  --basis-color-text-fill-1: var(--purmerend-color-blue-44);
  --basis-color-text-border-3: var(--purmerend-color-blue-44);
  --basis-color-text-border-2: var(--purmerend-color-blue-44);
  --basis-color-text-border-1: var(--purmerend-color-blue-44);
  --basis-color-text-interactive-3: var(--purmerend-color-blue-41);
  --basis-color-text-interactive-2: var(--purmerend-color-blue-41);
  --basis-color-text-interactive-1: var(--purmerend-color-blue-41);
  --basis-color-text-bg-2: var(--purmerend-color-white-1);
  --basis-color-text-bg-1: var(--purmerend-color-white-1);
  --basis-color-dark-alpha-100: #0000001a;
  --basis-color-dark-alpha-50: #0000000d;
  --basis-color-light-alpha-100: #ffffff1a;
  --basis-color-light-alpha-50: #ffffff0d;
  --basis-color-gray-950: #181818;
  --basis-color-gray-900: #3B3B3B;
  --basis-color-gray-800: #4B4B4B;
  --basis-color-gray-700: #585858;
  --basis-color-gray-600: #6A6A6A;
  --basis-color-gray-500: #888888;
  --basis-color-gray-400: #A4A4A4;
  --basis-color-gray-300: #BCBCBC;
  --basis-color-gray-200: #D4D4D4;
  --basis-color-gray-100: #EDEDED;
  --basis-color-gray-50: #F6F6F6;
  --basis-color-purple: #663399;
  --basis-color-yellow: #FFFF00;
  --basis-color-green: #008000;
  --basis-color-red: #ED0000;
  --basis-color-blue: #0000FF;
  --basis-color-black: #000000;
  --basis-color-white: #ffffff;
  --basis-typography-font-family-code: Courier New, monospace;
  --basis-typography-font-family-default: var(--purmerend-font-family-font-family-9);
  --basis-typography-font-weight-bold: 700;
  --basis-typography-font-weight-normal: 400;
  --basis-typography-line-height-lg: 200%;
  --basis-typography-line-height-md: 150%;
  --basis-typography-line-height-sm: 125%;
  --basis-typography-line-height-xs: 100%;
  --basis-typography-font-size-6: var(--purmerend-font-size-font-size-34);
  --basis-typography-font-size-5: var(--purmerend-font-size-font-size-27);
  --basis-typography-font-size-4: var(--purmerend-font-size-font-size-27);
  --basis-typography-font-size-3: var(--purmerend-font-size-font-size-27);
  --basis-typography-font-size-2: var(--purmerend-font-size-font-size-27);
  --basis-typography-font-size-1: var(--purmerend-font-size-font-size-20);
  --basis-typography-font-size-0: var(--purmerend-font-size-font-size-20);
}

@media (prefers-color-scheme: dark) {
  .organization-theme--media-query,
  .organization-theme--media-query-color-scheme {
    --denhaag-sidenav-list-padding-inline-start: 0px;
    --denhaag-sidenav-list-padding-block-start: 0px;
    --denhaag-sidenav-list-padding-block-end: 0px;
    --denhaag-sidenav-link-active-color: var(--basis-interaction-active-color);
    --denhaag-sidenav-link-hover-color: var(--basis-interaction-hover-color);
    --denhaag-sidenav-link-current-font-weight: var(--basis-document-strong-font-weight);
    --denhaag-sidenav-link-text-decoration: None;
    --denhaag-sidenav-link-padding-block-start: var(--basis-space-block-large);
    --denhaag-sidenav-link-padding-block-end: var(--basis-space-block-large);
    --denhaag-sidenav-link-column-gap: var(--basis-space-text-md);
    --denhaag-sidenav-link-color: var(--basis-interaction-color);
    --denhaag-sidenav-item-line-height: var(--utrecht-document-line-height);
    --denhaag-sidenav-item-font-weight: var(--utrecht-document-font-weight);
    --denhaag-sidenav-item-font-size: var(--utrecht-document-font-size);
    --denhaag-sidenav-item-font-family: var(--utrecht-document-font-family);
    --denhaag-sidenav-row-gap: var(--basis-space-row-xxx-large);
    --denhaag-sidenav-min-width: 240px;
    --todo-toolbar-button-padding-inline-start: var(--basis-space-inline-medium);
    --todo-toolbar-button-padding-inline-end: var(--basis-space-inline-medium);
    --todo-toolbar-button-padding-block-start: var(--basis-space-block-large);
    --todo-toolbar-button-padding-block-end: var(--basis-space-block-large);
    --todo-toolbar-button-column-gap: var(--basis-space-text-xs);
    --todo-textbox-hover-color: var(--basis-form-control-hover-color);
    --todo-textbox-hover-border-color: var(--basis-form-control-hover-border-color);
    --todo-textbox-hover-background-color: var(--basis-form-control-hover-background-color);
    --todo-textarea-hover-color: var(--basis-form-control-hover-color);
    --todo-textarea-hover-border-color: var(--basis-form-control-hover-border-color);
    --todo-textarea-hover-background-color: var(--basis-form-control-hover-background-color);
    --todo-task-list-row-gap: var(--basis-space-row-x-large);
    --todo-task-list-item-margin-block-start: var(--basis-space-block-small);
    --todo-task-list-item-margin-block-end: var(--basis-space-block-small);
    --todo-task-list-item-column-gap: var(--basis-space-column-large);
    --todo-task-list-line-height: var(--utrecht-document-line-height);
    --todo-task-list-font-weight: var(--utrecht-document-font-weight);
    --todo-task-list-font-size: var(--utrecht-document-font-size);
    --todo-task-list-font-family: var(--utrecht-document-font-family);
    --todo-task-list-marker-border-radius: 0px;
    --todo-task-list-marker-not-checked-border-color: var(--utrecht-form-control-read-only-border-color);
    --todo-task-list-marker-not-checked-background-color: var(--utrecht-form-control-read-only-background-color);
    --todo-task-list-marker-border-width: var(--utrecht-form-control-border-width);
    --todo-task-list-marker-icon-size: var(--basis-size-icon-sm);
    --todo-task-list-marker-size: var(--basis-size-xs);
    --todo-task-list-marker-checked-border-color: transparent;
    --todo-task-list-marker-checked-background-color: var(--basis-feedback-positive);
    --todo-task-list-marker-checked-color: var(--basis-color-white);
    --todo-task-list-color: var(--basis-body-color);
    --todo-table-footer-font-weight: var(--basis-document-strong-font-weight);
    --todo-table-footer-border-block-start-width: var(--basis-border-width-md);
    --todo-table-footer-border-block-start-color: var(--basis-line-border-color);
    --todo-table-container-box-inline-start-shadow: var(--basis-box-shadow-lg);
    --todo-table-container-box-inline-end-shadow: var(--basis-box-shadow-lg);
    --todo-switch-thumb-border-width: var(--basis-border-width-sm);
    --todo-switch-thumb-border-radius: var(--basis-border-radius-round);
    --todo-switch-thumb-box-shadow: var(--basis-box-shadow-sm);
    --todo-switch-thumb-min-block-size: var(--basis-size-sm);
    --todo-switch-thumb-min-inline-size: var(--basis-size-sm);
    --todo-switch-thumb-focus-background-color: var(--basis-focus-color);
    --todo-switch-thumb-border-color: transparent;
    --todo-switch-thumb-background-color: var(--basis-color-white);
    --todo-switch-thumb-disabled-box-shadow: None;
    --todo-switch-thumb-disabled-background-color: var(--basis-color-white);
    --todo-switch-border-color: transparent;
    --todo-switch-icon-size: var(--basis-icon-functional-size);
    --todo-switch-icon-disabled-color: var(--basis-color-gray-600);
    --todo-switch-icon-focus-color: var(--basis-focus-color);
    --todo-switch-icon-color: var(--basis-color-white);
    --todo-switch-track-border-width: var(--basis-border-width-sm);
    --todo-switch-track-inline-size: 5rem;
    --todo-switch-track-padding-inline: var(--basis-space-inline-small);
    --todo-switch-track-padding-block: var(--basis-space-inline-small);
    --todo-switch-track-border-radius: var(--basis-border-radius-round);
    --todo-switch-track-checked-disabled-background-color: var(--basis-color-gray-300);
    --todo-switch-track-checked-focus-background-color: var(--basis-focus-background-color);
    --todo-switch-track-checked-active-background-color: var(--basis-interaction-active-color);
    --todo-switch-track-checked-hover-background-color: var(--basis-interaction-hover-color);
    --todo-switch-track-checked-background-color: var(--basis-color-black);
    --todo-switch-track-disabled-background-color: var(--basis-color-gray-300);
    --todo-switch-track-focus-background-color: var(--basis-focus-background-color);
    --todo-switch-track-hover-background-color: var(--basis-color-gray-600);
    --todo-switch-track-active-background-color: var(--basis-color-gray-700);
    --todo-switch-track-background-color: var(--basis-color-gray-500);
    --todo-summary-list-item-action-padding-inline-start: 0px;
    --todo-summary-list-item-action-padding-inline-end: var(--basis-space-inline-x-large);
    --todo-summary-list-item-action-padding-block-start: var(--basis-space-block-large);
    --todo-summary-list-item-action-padding-block-end: var(--basis-space-block-large);
    --todo-summary-list-item-action-row-padding-inline-start: var(--basis-space-inline-x-large);
    --todo-summary-list-item-action-row-padding-inline-end: 0px;
    --todo-summary-list-item-action-row-padding-block-start: var(--basis-space-block-large);
    --todo-summary-list-item-action-row-padding-block-end: var(--basis-space-block-large);
    --todo-summary-list-line-height: var(--utrecht-document-line-height);
    --todo-summary-list-font-size: var(--utrecht-document-font-size);
    --todo-summary-list-item-color: var(--basis-body-color);
    --todo-summary-list-item-border-color: var(--basis-line-border-color);
    --todo-summary-list-item-border-width: var(--basis-border-width-sm);
    --todo-summary-list-item-key-padding-inline-start: 0px;
    --todo-summary-list-item-key-padding-inline-end: 0px;
    --todo-summary-list-item-key-padding-block-start: var(--basis-space-block-large);
    --todo-summary-list-item-key-padding-block-end: var(--basis-space-block-small);
    --todo-summary-list-item-key-row-padding-inline-start: 0px;
    --todo-summary-list-item-key-row-padding-inline-end: var(--basis-space-inline-x-large);
    --todo-summary-list-item-key-row-padding-block-start: var(--basis-space-block-large);
    --todo-summary-list-item-key-row-padding-block-end: var(--basis-space-block-large);
    --todo-summary-list-item-key-font-weight: var(--basis-document-strong-font-weight);
    --todo-summary-list-item-value-padding-inline-start: 0px;
    --todo-summary-list-item-value-padding-inline-end: 0px;
    --todo-summary-list-item-value-padding-block-start: var(--basis-space-block-small);
    --todo-summary-list-item-value-padding-block-end: var(--basis-space-block-large);
    --todo-summary-list-item-value-row-padding-inline-start: 0px;
    --todo-summary-list-item-value-row-padding-inline-end: 0px;
    --todo-summary-list-item-value-row-padding-block-start: var(--basis-space-block-large);
    --todo-summary-list-item-value-row-padding-block-end: var(--basis-space-block-large);
    --todo-summary-list-item-value-font-weight: var(--utrecht-document-font-weight);
    --todo-summary-list-font-family: var(--utrecht-document-font-family);
    --todo-status-badge-color: var(--basis-body-color);
    --todo-status-badge-border-color: transparent;
    --todo-status-badge-background-color: var(--basis-color-gray-100);
    --todo-status-badge-warning-color: var(--basis-body-color);
    --todo-status-badge-warning-border-color: transparent;
    --todo-status-badge-warning-background-color: var(--utrecht-feedback-warning);
    --todo-status-badge-negative-color: var(--basis-document-inverse-color);
    --todo-status-badge-negative-border-color: transparent;
    --todo-status-badge-negative-background-color: var(--basis-feedback-negative);
    --todo-status-badge-positive-color: var(--basis-document-inverse-color);
    --todo-status-badge-positive-border-color: transparent;
    --todo-status-badge-positive-background-color: var(--utrecht-alert-ok-background-color);
    --todo-status-badge-informative-color: var(--basis-document-inverse-color);
    --todo-status-badge-informative-border-color: transparent;
    --todo-status-badge-informative-background-color: var(--utrecht-alert-info-background-color);
    --todo-status-badge-padding-block: var(--basis-space-block-x-small);
    --todo-status-badge-padding-inline: var(--basis-space-inline-small);
    --todo-status-badge-border-radius: var(--basis-border-radius-sm);
    --todo-status-badge-font-family: var(--utrecht-document-font-family);
    --todo-status-badge-border-width: var(--basis-border-width-sm);
    --todo-status-badge-font-weight: var(--basis-document-strong-font-weight);
    --todo-status-badge-line-height: var(--utrecht-document-line-height);
    --todo-status-badge-font-size: var(--basis-typography-font-size-6);
    --todo-skip-link-font-weight: var(--basis-document-strong-font-weight);
    --todo-skip-link-box-shadow: var(--basis-box-shadow-lg);
    --todo-skip-link-border-width: var(--basis-border-width-sm);
    --todo-skip-link-border-color: transparent;
    --todo-sidenav-link-icon-size: var(--basis-icon-functional-size);
    --todo-sidenav-link-hover-text-decoration: underline;
    --todo-sidenav-link-focus-text-decoration: None;
    --todo-sidenav-link-focus-color: var(--basis-focus-color);
    --todo-sidenav-link-focus-background-color: var(--basis-focus-background-color);
    --todo-sidenav-link-active-text-decoration: underline;
    --todo-sidenav-link-current-color: var(--basis-body-color);
    --todo-select-hover-border-width: var(--basis-form-control-hover-border-width);
    --todo-select-hover-color: var(--basis-form-control-hover-color);
    --todo-select-hover-border-color: var(--basis-form-control-hover-border-color);
    --todo-select-hover-background-color: var(--basis-form-control-hover-background-color);
    --todo-select-focus-border-width: var(--utrecht-form-control-focus-border-width);
    --todo-select-icon-size: var(--basis-icon-functional-size);
    --todo-select-line-height: var(--utrecht-form-control-line-height);
    --todo-radio-group-row-gap: var(--basis-space-row-x-large);
    --todo-radio-group-padding-block-start: var(--basis-space-block-medium);
    --todo-radio-group-padding-block-end: var(--basis-space-block-medium);
    --todo-radio-button-checked-disabled-color: var(--basis-color-white);
    --todo-radio-button-checked-disabled-border-color: transparent;
    --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-xxx-large);
    --todo-progress-list-step-body-row-gap: var(--basis-space-row-medium);
    --todo-progress-list-sub-step-margin-block-start: var(--basis-space-block-xxx-large);
    --todo-progress-list-step-meta-padding-inline-start: var(--basis-space-inline-xxxxx-large);
    --todo-progress-list-step-header-column-gap: var(--basis-space-column-x-large);
    --todo-progress-list-button-border-width: var(--basis-border-width-sm);
    --todo-progress-list-button-border-radius: var(--utrecht-button-border-radius);
    --todo-progress-list-button-error-border-color: transparent;
    --todo-progress-list-button-error-background-color: transparent;
    --todo-progress-list-button-error-focus-border-color: transparent;
    --todo-progress-list-button-error-focus-color: var(--basis-focus-color);
    --todo-progress-list-button-error-focus-background-color: var(--basis-focus-background-color);
    --todo-progress-list-button-error-hover-border-color: transparent;
    --todo-progress-list-button-error-hover-background-color: transparent;
    --todo-progress-list-button-error-hover-color: var(--basis-interaction-hover-color);
    --todo-progress-list-button-error-active-border-color: transparent;
    --todo-progress-list-button-error-active-background-color: transparent;
    --todo-progress-list-button-error-active-color: var(--basis-interaction-active-color);
    --todo-progress-list-button-warning-border-color: transparent;
    --todo-progress-list-button-warning-background-color: transparent;
    --todo-progress-list-button-warning-focus-border-color: transparent;
    --todo-progress-list-button-warning-focus-color: var(--basis-focus-color);
    --todo-progress-list-button-warning-focus-background-color: var(--basis-focus-background-color);
    --todo-progress-list-button-warning-hover-border-color: transparent;
    --todo-progress-list-button-warning-hover-background-color: transparent;
    --todo-progress-list-button-warning-hover-color: var(--basis-interaction-hover-color);
    --todo-progress-list-button-warning-active-border-color: transparent;
    --todo-progress-list-button-warning-active-background-color: transparent;
    --todo-progress-list-button-warning-active-color: var(--basis-interaction-active-color);
    --todo-progress-list-button-current-border-color: transparent;
    --todo-progress-list-button-current-background-color: transparent;
    --todo-progress-list-button-current-focus-border-color: transparent;
    --todo-progress-list-button-current-focus-color: var(--basis-focus-color);
    --todo-progress-list-button-current-focus-background-color: var(--basis-focus-background-color);
    --todo-progress-list-button-current-hover-border-color: transparent;
    --todo-progress-list-button-current-hover-background-color: transparent;
    --todo-progress-list-button-current-hover-color: var(--basis-interaction-hover-color);
    --todo-progress-list-button-current-active-border-color: transparent;
    --todo-progress-list-button-current-active-background-color: transparent;
    --todo-progress-list-button-current-active-color: var(--basis-interaction-active-color);
    --todo-progress-list-button-checked-border-color: transparent;
    --todo-progress-list-button-checked-background-color: transparent;
    --todo-progress-list-button-checked-focus-border-color: transparent;
    --todo-progress-list-button-checked-focus-color: var(--basis-focus-color);
    --todo-progress-list-button-checked-focus-background-color: var(--basis-focus-background-color);
    --todo-progress-list-button-checked-hover-border-color: transparent;
    --todo-progress-list-button-checked-hover-background-color: transparent;
    --todo-progress-list-button-checked-hover-color: var(--basis-interaction-hover-color);
    --todo-progress-list-button-checked-active-border-color: transparent;
    --todo-progress-list-button-checked-active-background-color: transparent;
    --todo-progress-list-button-checked-active-color: var(--basis-interaction-active-color);
    --todo-progress-list-button-min-block-size: var(--utrecht-pointer-target-min-size);
    --todo-progress-list-button-min-inline-size: var(--utrecht-pointer-target-min-size);
    --todo-progress-list-button-icon-error-focus-color: var(--basis-focus-color);
    --todo-progress-list-button-icon-error-hover-color: var(--basis-interaction-hover-color);
    --todo-progress-list-button-icon-error-active-color: var(--basis-interaction-active-color);
    --todo-progress-list-button-icon-error-color: var(--basis-feedback-negative);
    --todo-progress-list-button-icon-warning-focus-color: var(--basis-focus-color);
    --todo-progress-list-button-icon-warning-hover-color: var(--basis-interaction-hover-color);
    --todo-progress-list-button-icon-warning-active-color: var(--basis-interaction-active-color);
    --todo-progress-list-button-icon-warning-color: var(--basis-body-color);
    --todo-progress-list-button-icon-current-focus-color: var(--basis-focus-color);
    --todo-progress-list-button-icon-current-hover-color: var(--basis-interaction-hover-color);
    --todo-progress-list-button-icon-current-active-color: var(--basis-interaction-active-color);
    --todo-progress-list-button-icon-current-color: var(--basis-body-color);
    --todo-progress-list-button-icon-checked-active-color: var(--basis-interaction-active-color);
    --todo-progress-list-button-icon-checked-focus-color: var(--basis-focus-color);
    --todo-progress-list-button-icon-checked-hover-color: var(--basis-interaction-hover-color);
    --todo-progress-list-button-icon-checked-color: var(--basis-body-color);
    --todo-progress-list-button-icon-margin-inline: var(--basis-space-text-xs);
    --todo-progress-list-button-icon-size: var(--basis-icon-functional-size);
    --todo-progress-list-step-heading-line-height: var(--utrecht-document-line-height);
    --todo-progress-list-step-heading-font-size: var(--utrecht-document-font-size);
    --todo-progress-list-step-heading-font-weight: var(--basis-document-strong-font-weight);
    --todo-progress-list-step-heading-font-family: var(--utrecht-document-font-family);
    --todo-progress-list-step-heading-error-color: var(--basis-feedback-negative);
    --todo-progress-list-step-heading-warning-color: var(--basis-body-color);
    --todo-progress-list-step-heading-current-color: var(--basis-body-color);
    --todo-progress-list-step-heading-not-checked-color: var(--basis-body-color);
    --todo-progress-list-step-heading-checked-color: var(--basis-body-color);
    --todo-progress-list-step-heading-padding-block-end: var(--basis-space-block-xx-large);
    --todo-progress-list-step-heading-padding-block-start: var(--basis-space-block-small);
    --todo-progress-list-connector-border-width: var(--basis-border-width-md);
    --todo-progress-list-connector-error-border-color: var(--basis-feedback-negative);
    --todo-progress-list-connector-warning-border-color: var(--basis-line-border-color);
    --todo-progress-list-connector-not-checked-border-color: var(--basis-document-subtle-color);
    --todo-progress-list-connector-checked-border-color: var(--basis-feedback-positive);
    --todo-progress-list-connector-padding-inline-start: var(--basis-space-inline-x-large);
    --todo-progress-list-step-marker-icon-size: var(--basis-icon-functional-size);
    --todo-progress-list-step-marker-border-width: var(--basis-border-width-sm);
    --todo-progress-list-step-marker-line-height: var(--utrecht-document-line-height);
    --todo-progress-list-step-marker-font-size: var(--utrecht-document-font-size);
    --todo-progress-list-step-marker-font-weight: var(--basis-document-strong-font-weight);
    --todo-progress-list-step-marker-font-family: var(--utrecht-document-font-family);
    --todo-progress-list-step-marker-border-radius: var(--basis-border-radius-round);
    --todo-progress-list-step-marker-error-border-color: transparent;
    --todo-progress-list-step-marker-error-color: var(--basis-color-white);
    --todo-progress-list-step-marker-error-background-color: var(--basis-feedback-negative);
    --todo-progress-list-step-marker-warning-border-color: transparent;
    --todo-progress-list-step-marker-warning-color: var(--basis-body-color);
    --todo-progress-list-step-marker-warning-background-color: var(--utrecht-feedback-warning);
    --todo-progress-list-step-marker-current-border-color: transparent;
    --todo-progress-list-step-marker-current-color: var(--basis-color-white);
    --todo-progress-list-step-marker-current-background-color: var(--basis-color-black);
    --todo-progress-list-step-marker-not-checked-border-color: transparent;
    --todo-progress-list-step-marker-not-checked-color: var(--basis-color-white);
    --todo-progress-list-step-marker-not-checked-background-color: var(--basis-document-subtle-color);
    --todo-progress-list-step-marker-checked-border-color: transparent;
    --todo-progress-list-step-marker-checked-color: var(--basis-color-white);
    --todo-progress-list-step-marker-checked-background-color: var(--basis-feedback-positive);
    --todo-progress-list-step-marker-nested-padding-inline-start: var(--basis-space-inline-medium);
    --todo-progress-list-step-marker-nested-figma-inset-block-start: var(--basis-space-block-small);
    --todo-progress-list-step-marker-nested-size: var(--basis-size-2xs);
    --todo-progress-list-step-marker-size: var(--basis-size-sm);
    --todo-pagination-description-font-weight: var(--utrecht-document-font-weight);
    --todo-pagination-description-color: var(--basis-body-color);
    --todo-pagination-ellipses-font-weight: var(--utrecht-document-font-weight);
    --todo-pagination-ellipses-color: var(--basis-document-subtle-color);
    --todo-pagination-ellipses-padding-inline-start: var(--basis-space-inline-small);
    --todo-pagination-ellipses-padding-inline-end: var(--basis-space-inline-small);
    --todo-pagination-ellipses-padding-block-start: var(--basis-space-block-large);
    --todo-pagination-ellipses-padding-block-end: var(--basis-space-block-large);
    --todo-pagination-font-size: var(--utrecht-document-font-size);
    --todo-pagination-line-height: var(--utrecht-document-line-height);
    --todo-pagination-font-family: var(--utrecht-document-font-family);
    --todo-pagination-page-link-min-inline-size: var(--utrecht-pointer-target-min-size);
    --todo-pagination-page-link-min-block-size: var(--utrecht-pointer-target-min-size);
    --todo-pagination-page-link-color: var(--basis-interaction-color);
    --todo-pagination-page-link-border-color: transparent;
    --todo-pagination-page-link-background-color: transparent;
    --todo-pagination-page-link-active-color: var(--basis-interaction-active-color);
    --todo-pagination-page-link-active-border-color: transparent;
    --todo-pagination-page-link-active-background-color: transparent;
    --todo-pagination-page-link-active-text-decoration: underline;
    --todo-pagination-page-link-text-decoration: None;
    --todo-pagination-page-link-hover-color: var(--basis-interaction-hover-color);
    --todo-pagination-page-link-hover-border-color: transparent;
    --todo-pagination-page-link-hover-background-color: transparent;
    --todo-pagination-page-link-hover-text-decoration: underline;
    --todo-pagination-page-link-focus-color: var(--basis-focus-color);
    --todo-pagination-page-link-focus-background-color: var(--basis-focus-background-color);
    --todo-pagination-page-link-focus-text-decoration: None;
    --todo-pagination-page-link-padding-inline-start: var(--basis-space-inline-large);
    --todo-pagination-page-link-padding-inline-end: var(--basis-space-inline-large);
    --todo-pagination-page-link-padding-block-start: var(--basis-space-block-large);
    --todo-pagination-page-link-padding-block-end: var(--basis-space-block-large);
    --todo-pagination-page-link-border-radius: 0px;
    --todo-pagination-page-link-current-color: var(--basis-body-color);
    --todo-pagination-page-link-current-border-color: transparent;
    --todo-pagination-page-link-current-background-color: var(--basis-color-gray-100);
    --todo-pagination-page-link-current-text-decoration: None;
    --todo-pagination-page-link-current-font-weight: var(--basis-document-strong-font-weight);
    --todo-pagination-page-link-font-weight: var(--utrecht-document-font-weight);
    --todo-pagination-page-link-border-width: var(--basis-border-width-sm);
    --todo-pagination-relative-link-disabled-color: var(--basis-color-gray-500);
    --todo-pagination-relative-link-disabled-border-color: transparent;
    --todo-pagination-relative-link-disabled-background-color: transparent;
    --todo-pagination-relative-link-min-inline-size: var(--utrecht-pointer-target-min-size);
    --todo-pagination-relative-link-min-block-size: var(--utrecht-pointer-target-min-size);
    --todo-pagination-relative-link-font-weight: var(--utrecht-document-font-weight);
    --todo-pagination-relative-link-border-radius: 0px;
    --todo-pagination-relative-link-text-decoration: None;
    --todo-pagination-relative-link-hover-text-decoration: underline;
    --todo-pagination-relative-link-hover-color: var(--basis-interaction-hover-color);
    --todo-pagination-relative-link-hover-border-color: transparent;
    --todo-pagination-relative-link-hover-background-color: transparent;
    --todo-pagination-relative-link-focus-text-decoration: None;
    --todo-pagination-relative-link-focus-color: var(--basis-focus-color);
    --todo-pagination-relative-link-focus-background-color: var(--basis-focus-background-color);
    --todo-pagination-relative-link-active-text-decoration: underline;
    --todo-pagination-relative-link-active-color: var(--basis-interaction-active-color);
    --todo-pagination-relative-link-active-border-color: transparent;
    --todo-pagination-relative-link-active-background-color: transparent;
    --todo-pagination-relative-link-color: var(--basis-interaction-color);
    --todo-pagination-relative-link-border-color: transparent;
    --todo-pagination-relative-link-background-color: transparent;
    --todo-pagination-relative-link-padding-inline-end: 0px;
    --todo-pagination-relative-link-padding-inline-start: 0px;
    --todo-pagination-relative-link-padding-block-start: var(--basis-space-block-large);
    --todo-pagination-relative-link-padding-block-end: var(--basis-space-block-large);
    --todo-pagination-relative-link-icon-size: var(--basis-icon-functional-size);
    --todo-pagination-relative-link-icon-margin-inline: var(--basis-space-text-xs);
    --todo-pagination-relative-link-border-width: var(--basis-border-width-sm);
    --todo-modal-dialog-border-width: var(--basis-border-width-sm);
    --todo-modal-dialog-content-padding-inline: var(--basis-space-inline-x-large);
    --todo-modal-dialog-content-padding-block-end: var(--basis-space-block-xxx-large);
    --todo-modal-dialog-content-padding-block-start: var(--basis-space-block-xxx-large);
    --todo-modal-dialog-footer-border-width: var(--basis-border-width-sm);
    --todo-modal-dialog-footer-border-color: transparent;
    --todo-modal-dialog-footer-background-color: transparent;
    --todo-modal-dialog-footer-padding-block-end: var(--basis-space-block-x-large);
    --todo-modal-dialog-footer-padding-inline-end: var(--basis-space-inline-x-large);
    --todo-modal-dialog-footer-padding-inline-start: var(--basis-space-inline-x-large);
    --todo-modal-dialog-footer-padding-block-start: var(--basis-space-block-x-large);
    --todo-modal-dialog-color: var(--basis-body-color);
    --todo-modal-dialog-background-color: var(--basis-body-background-color);
    --todo-modal-dialog-border-color: transparent;
    --todo-modal-dialog-header-border-width: var(--basis-border-width-sm);
    --todo-modal-dialog-header-column-gap: var(--basis-space-column-medium);
    --todo-modal-dialog-header-border-color: var(--basis-line-border-color);
    --todo-modal-dialog-header-label-line-height: var(--utrecht-document-line-height);
    --todo-modal-dialog-header-label-font-size: var(--utrecht-document-font-size);
    --todo-modal-dialog-header-label-font-weight: var(--basis-document-strong-font-weight);
    --todo-modal-dialog-header-label-font-family: var(--utrecht-document-font-family);
    --todo-modal-dialog-header-label-color: var(--basis-body-color);
    --todo-modal-dialog-header-background-color: transparent;
    --todo-modal-dialog-header-padding-block-end: var(--basis-space-block-medium);
    --todo-modal-dialog-header-padding-inline-end: var(--basis-space-inline-medium);
    --todo-modal-dialog-header-padding-inline-start: var(--basis-space-inline-x-large);
    --todo-modal-dialog-header-padding-block-start: var(--basis-space-block-medium);
    --todo-modal-dialog-box-shadow: var(--basis-box-shadow-lg);
    --todo-modal-dialog-border-radius: var(--basis-border-radius-lg);
    --todo-link-list-item-hover-text-decoration: underline;
    --todo-link-list-item-focus-text-decoration: none;
    --todo-link-list-item-active-text-decoration: underline;
    --todo-link-list-item-text-decoration: None;
    --todo-link-list-item-column-gap: var(--basis-space-block-medium);
    --todo-icon-only-button-padding-inline-start: var(--basis-space-inline-large);
    --todo-icon-only-button-padding-inline-end: var(--basis-space-inline-large);
    --todo-icon-only-button-padding-block-start: var(--basis-space-block-large);
    --todo-icon-only-button-padding-block-end: var(--basis-space-block-large);
    --todo-form-field-radio-option-column-gap: var(--basis-space-column-medium);
    --todo-form-field-option-label-disabled-color: var(--basis-color-gray-600);
    --todo-form-field-option-label-font-weight: var(--utrecht-document-font-weight);
    --todo-form-field-option-label-font-family: var(--utrecht-document-font-family);
    --todo-form-field-option-label-line-height: var(--utrecht-document-line-height);
    --todo-form-field-option-label-font-size: var(--utrecht-document-font-size);
    --todo-form-field-option-label-color: var(--utrecht-form-control-color);
    --todo-form-field-label-line-height: var(--utrecht-document-line-height);
    --todo-form-field-label-font-weight: var(--basis-document-strong-font-weight);
    --todo-form-field-label-font-size: var(--utrecht-document-font-size);
    --todo-form-field-label-font-family: var(--utrecht-document-font-family);
    --todo-form-field-label-color: var(--basis-body-color);
    --todo-form-field-error-message-column-gap: var(--basis-space-text-md);
    --todo-form-field-error-message-icon-size: var(--basis-icon-functional-size);
    --todo-form-field-checkbox-option-column-gap: var(--basis-space-column-medium);
    --todo-drawer-box-shadow: var(--basis-box-shadow-lg);
    --todo-drawer-color: var(--basis-body-color);
    --todo-drawer-border-color: var(--basis-container-border-color);
    --todo-drawer-background-color: var(--basis-body-background-color);
    --todo-drawer-content-padding-inline: var(--basis-space-inline-x-large);
    --todo-drawer-content-padding-block-start: var(--basis-space-block-xxx-large);
    --todo-drawer-content-padding-block-end: var(--basis-space-block-xxx-large);
    --todo-drawer-border-width: var(--basis-border-width-sm);
    --todo-drawer-footer-background-color: transparent;
    --todo-drawer-footer-border-color: var(--basis-line-border-color);
    --todo-drawer-footer-padding-inline-end: var(--basis-space-inline-x-large);
    --todo-drawer-footer-padding-inline-start: var(--basis-space-inline-x-large);
    --todo-drawer-footer-padding-block-start: var(--basis-space-block-x-large);
    --todo-drawer-footer-padding-block-end: var(--basis-space-block-x-large);
    --todo-drawer-footer-border-width: var(--basis-border-width-sm);
    --todo-drawer-border-radius: 0px;
    --todo-drawer-header-background-color: transparent;
    --todo-drawer-header-border-color: var(--basis-line-border-color);
    --todo-drawer-header-column-gap: var(--basis-space-column-medium);
    --todo-drawer-header-padding-inline-end: var(--basis-space-inline-medium);
    --todo-drawer-header-padding-inline-start: var(--basis-space-inline-x-large);
    --todo-drawer-header-padding-block-start: var(--basis-space-block-medium);
    --todo-drawer-header-padding-block-end: var(--basis-space-block-medium);
    --todo-drawer-header-label-line-height: var(--utrecht-document-line-height);
    --todo-drawer-header-label-font-weight: var(--basis-document-strong-font-weight);
    --todo-drawer-header-label-font-size: var(--utrecht-document-font-size);
    --todo-drawer-header-label-font-family: var(--utrecht-document-font-family);
    --todo-drawer-header-label-color: var(--basis-body-color);
    --todo-drawer-header-border-width: var(--basis-border-width-sm);
    --todo-checkbox-group-row-gap: var(--basis-space-row-x-large);
    --todo-checkbox-group-padding-block-start: var(--basis-space-block-medium);
    --todo-checkbox-group-padding-block-end: var(--basis-space-block-medium);
    --todo-checkbox-indeterminate-disabled-color: var(--basis-color-white);
    --todo-checkbox-indeterminate-disabled-border-color: transparent;
    --todo-checkbox-indeterminate-disabled-background-color: var(--basis-form-control-disabled-accent-color);
    --todo-checkbox-indeterminate-focus-color: var(--utrecht-form-control-focus-color);
    --todo-checkbox-indeterminate-focus-border-color: var(--utrecht-form-control-focus-border-color);
    --todo-checkbox-indeterminate-focus-background-color: var(--utrecht-form-control-focus-background-color);
    --todo-checkbox-indeterminate-focus-border-width: var(--utrecht-form-control-focus-border-width);
    --todo-checkbox-indeterminate-hover-color: var(--basis-color-white);
    --todo-checkbox-indeterminate-hover-border-color: transparent;
    --todo-checkbox-indeterminate-hover-background-color: var(--basis-form-control-hover-accent-color);
    --todo-checkbox-indeterminate-hover-border-width: var(--basis-form-control-hover-border-width);
    --todo-checkbox-indeterminate-active-color: var(--basis-color-white);
    --todo-checkbox-indeterminate-active-border-color: transparent;
    --todo-checkbox-indeterminate-active-background-color: var(--basis-form-control-active-accent-color);
    --todo-checkbox-indeterminate-active-border-width: var(--basis-form-control-active-border-width);
    --todo-checkbox-checked-disabled-color: var(--basis-color-white);
    --todo-checkbox-checked-disabled-border-color: transparent;
    --todo-checkbox-checked-disabled-background-color: var(--basis-form-control-disabled-accent-color);
    --todo-checkbox-checked-active-color: var(--basis-color-white);
    --todo-checkbox-checked-active-border-color: transparent;
    --todo-checkbox-checked-active-background-color: var(--basis-form-control-active-accent-color);
    --todo-checkbox-checked-active-border-width: var(--basis-form-control-active-border-width);
    --todo-checkbox-checked-hover-color: var(--basis-color-white);
    --todo-checkbox-checked-hover-border-color: transparent;
    --todo-checkbox-checked-hover-background-color: var(--basis-form-control-hover-accent-color);
    --todo-checkbox-checked-hover-border-width: var(--basis-form-control-hover-border-width);
    --todo-checkbox-checked-focus-color: var(--utrecht-form-control-focus-color);
    --todo-checkbox-checked-focus-border-color: var(--utrecht-form-control-focus-border-color);
    --todo-checkbox-checked-focus-background-color: var(--utrecht-form-control-focus-background-color);
    --todo-checkbox-checked-focus-border-width: var(--utrecht-form-control-focus-border-width);
    --todo-case-card-color: var(--basis-body-color);
    --todo-case-card-border-radius: var(--basis-border-radius-sm);
    --todo-case-card-focus-color: var(--basis-focus-color);
    --todo-case-card-focus-background-color: var(--basis-focus-background-color);
    --todo-case-card-decoration-folder-focus-background-color: var(--basis-color-black);
    --todo-case-card-decoration-folder-hover-background-color: var(--basis-color-gray-300);
    --todo-case-card-decoration-folder-active-background-color: var(--basis-color-gray-400);
    --todo-case-card-decoration-folder-read-only-active-background-color: var(--basis-color-gray-400);
    --todo-case-card-decoration-folder-read-only-hover-background-color: var(--basis-color-gray-300);
    --todo-case-card-decoration-folder-read-only-background-color: var(--basis-color-gray-200);
    --todo-case-card-decoration-folder-background-color: var(--basis-color-gray-200);
    --todo-case-card-decoration-paper-background-color: var(--basis-body-background-color);
    --todo-case-card-min-inline-size: 328px;
    --todo-case-card-min-block-size: 192px;
    --todo-case-card-active-background-color: var(--basis-color-gray-300);
    --todo-case-card-hover-background-color: var(--basis-color-gray-200);
    --todo-case-card-read-only-active-background-color: var(--basis-color-gray-300);
    --todo-case-card-read-only-hover-background-color: var(--basis-color-gray-200);
    --todo-case-card-read-only-background-color: var(--basis-color-gray-100);
    --todo-case-card-background-color: var(--basis-color-gray-100);
    --todo-case-card-icon-color: var(--basis-body-color);
    --todo-case-card-icon-size: var(--basis-icon-functional-size);
    --todo-case-card-padding-inline: var(--basis-space-inline-xxx-large);
    --todo-case-card-padding-block: var(--basis-space-block-xx-large);
    --todo-case-card-row-gap: var(--basis-space-row-large);
    --todo-case-card-heading-font-weight: var(--utrecht-heading-font-weight);
    --todo-case-card-heading-font-family: var(--utrecht-heading-font-family);
    --todo-case-card-heading-color: var(--basis-body-color);
    --todo-case-card-heading-font-size: var(--basis-typography-font-size-3);
    --todo-case-card-heading-line-height: var(--basis-typography-line-height-sm);
    --todo-breadcrumb-nav-font-weight: var(--utrecht-document-font-weight);
    --todo-breadcrumb-nav-font-family: var(--utrecht-document-font-family);
    --todo-breadcrumb-nav-column-gap: var(--basis-space-column-medium);
    --todo-breadcrumb-nav-separator-color: var(--basis-body-color);
    --todo-breadcrumb-nav-separator-size: var(--basis-size-2xs);
    --todo-breadcrumb-nav-link-text-decoration: underline;
    --todo-breadcrumb-nav-link-current-color: var(--basis-body-color);
    --todo-breadcrumb-nav-link-hover-text-decoration: None;
    --todo-breadcrumb-nav-link-hover-color: var(--basis-interaction-hover-color);
    --todo-breadcrumb-nav-link-focus-text-decoration: None;
    --todo-breadcrumb-nav-link-focus-color: var(--basis-focus-color);
    --todo-breadcrumb-nav-link-focus-background-color: var(--basis-focus-background-color);
    --todo-breadcrumb-nav-link-active-text-decoration: None;
    --todo-breadcrumb-nav-link-active-color: var(--basis-interaction-active-color);
    --todo-breadcrumb-nav-link-color: var(--basis-interaction-color);
    --todo-breadcrumb-nav-link-padding-inline-start: 0px;
    --todo-breadcrumb-nav-link-padding-inline-end: 0px;
    --todo-breadcrumb-nav-link-padding-block-start: var(--basis-space-block-large);
    --todo-breadcrumb-nav-link-padding-block-end: var(--basis-space-block-large);
    --todo-breadcrumb-nav-link-icon-column-gap: var(--basis-space-text-xs);
    --todo-breadcrumb-nav-link-icon-size: var(--basis-icon-functional-size);
    --todo-breadcrumb-nav-font-size: var(--utrecht-document-font-size);
    --todo-breadcrumb-nav-line-height: var(--utrecht-document-line-height);
    --todo-blockquote-content-font-weight: var(--utrecht-document-font-weight);
    --todo-blockquote-content-line-height: var(--basis-typography-line-height-sm);
    --todo-blockquote-content-font-family: var(--utrecht-heading-font-family);
    --todo-blockquote-attribution-font-weight: var(--utrecht-document-font-weight);
    --todo-blockquote-attribution-line-height: var(--basis-typography-line-height-md);
    --todo-blockquote-attribution-font-family: var(--utrecht-document-font-family);
    --todo-blockquote-row-gap: var(--basis-space-row-medium);
    --todo-badge-data-text-decoration: None;
    --todo-badge-data-padding-inline-end: var(--basis-space-block-small);
    --todo-badge-data-padding-inline-start: var(--basis-space-block-small);
    --todo-badge-data-padding-block-start: var(--basis-space-block-x-small);
    --todo-badge-data-padding-block-end: var(--basis-space-block-x-small);
    --todo-badge-data-min-block-size: var(--basis-size-2xs);
    --todo-badge-data-min-inline-size: var(--basis-size-3xs);
    --todo-badge-data-max-inline-size: None;
    --todo-badge-data-max-block-size: None;
    --todo-badge-data-font-weight: var(--basis-document-strong-font-weight);
    --todo-badge-data-line-height: var(--utrecht-document-line-height);
    --todo-badge-data-font-size: var(--utrecht-document-font-size);
    --todo-badge-data-font-family: var(--utrecht-document-font-family);
    --todo-badge-data-color: var(--basis-body-color);
    --todo-badge-data-border-radius: var(--basis-border-radius-sm);
    --todo-badge-data-background-color: var(--basis-color-gray-100);
    --todo-avatar-hover-color: var(--basis-color-white);
    --todo-avatar-hover-border-color: transparent;
    --todo-avatar-hover-background-color: var(--basis-interaction-hover-color);
    --todo-avatar-border-width: var(--basis-border-width-sm);
    --todo-avatar-text-font-size: var(--utrecht-document-font-size);
    --todo-avatar-text-text-transform: uppercase;
    --todo-avatar-text-line-height: var(--utrecht-document-line-height);
    --todo-avatar-text-font-weight: var(--basis-document-strong-font-weight);
    --todo-avatar-text-font-family: var(--utrecht-document-font-family);
    --todo-avatar-color: var(--basis-color-white);
    --todo-avatar-border-color: transparent;
    --todo-avatar-icon-icon-size: var(--basis-icon-functional-size);
    --todo-avatar-size: var(--utrecht-pointer-target-min-size);
    --todo-avatar-border-radius: var(--basis-border-radius-round);
    --todo-avatar-background-color: var(--basis-interaction-color);
    --todo-alert-heading-font-size: var(--basis-typography-font-size-3);
    --todo-alert-heading-line-height: var(--basis-typography-line-height-sm);
    --todo-alert-heading-font-weight: var(--utrecht-heading-font-weight);
    --todo-alert-heading-font-family: var(--utrecht-heading-font-family);
    --todo-accordion-button-font-weight: var(--basis-document-strong-font-weight);
    --todo-accordion-button-font-family: var(--utrecht-document-font-family);
    --todo-accordion-button-expanded-color: var(--basis-interaction-color);
    --todo-accordion-button-expanded-border-color: transparent;
    --todo-accordion-button-expanded-background-color: var(--basis-color-gray-50);
    --todo-accordion-button-line-height: var(--utrecht-document-line-height);
    --todo-accordion-button-font-size: var(--utrecht-document-font-size);
    --todo-accordion-section-border-color: var(--basis-line-border-color);
    --todo-accordion-section-border-block-end-width: var(--basis-border-width-sm);
    --todo-accordion-border-radius: 0px;
    --utrecht-listbox-option-selected-hover-color: var(--utrecht-listbox-option-selected-background-color);
    --utrecht-listbox-option-selected-hover-background-color: var(--utrecht-listbox-option-selected-color);
    --utrecht-listbox-option-selected-disabled-color: var(--utrecht-form-control-disabled-background-color);
    --utrecht-listbox-option-selected-disabled-background-color: var(--utrecht-form-control-disabled-color);
    --utrecht-listbox-option-selected-color: var(--utrecht-form-control-background-color);
    --utrecht-listbox-option-selected-background-color: var(--utrecht-form-control-color);
    --utrecht-listbox-option-disabled-color: var(--utrecht-form-control-disabled-color);
    --utrecht-listbox-option-disabled-background-color: var(--utrecht-form-control-disabled-background-color);
    --utrecht-listbox-option-active-color: var(--utrecht-form-control-background-color);
    --utrecht-listbox-option-active-background-color: var(--utrecht-form-control-color);
    --utrecht-listbox-option-is-active-color: var(--utrecht-form-control-background-color);
    --utrecht-listbox-option-is-active-background-color: var(--utrecht-form-control-color);
    --utrecht-listbox-option-padding-inline-start: var(--basis-space-inline-small);
    --utrecht-listbox-option-padding-inline-end: var(--basis-space-inline-small);
    --utrecht-listbox-option-padding-block-start: var(--basis-space-block-small);
    --utrecht-listbox-option-padding-block-end: var(--basis-space-block-small);
    --utrecht-listbox-hover-color: var(--utrecht-form-control-color);
    --utrecht-listbox-hover-background-color: var(--utrecht-form-control-background-color);
    --utrecht-listbox-padding-inline-start: 0;
    --utrecht-listbox-padding-inline-end: 0;
    --utrecht-listbox-padding-block-start: 0;
    --utrecht-listbox-padding-block-end: 0;
    --utrecht-listbox-color: var(--utrecht-form-control-color);
    --utrecht-listbox-border-width: var(--utrecht-form-control-border-width);
    --utrecht-listbox-border-radius: var(--utrecht-form-control-border-radius);
    --utrecht-listbox-border-color: var(--utrecht-form-control-border-color);
    --utrecht-listbox-background-color: var(--utrecht-form-control-background-color);
    --utrecht-form-label-radio-font-weight: var(--basis-typography-font-weight-normal);
    --utrecht-form-label-checkbox-font-weight: var(--basis-typography-font-weight-normal);
    --utrecht-form-label-font-weight: var(--basis-typography-font-weight-bold);
    --utrecht-form-label-color: var(--basis-color-text-text-1);
    --utrecht-article-max-inline-size: 750px;
    --utrecht-body-line-height: var(--basis-body-line-height);
    --utrecht-body-font-weight: var(--basis-body-font-weight);
    --utrecht-body-font-size: var(--basis-body-font-size);
    --utrecht-body-color: var(--basis-body-color);
    --utrecht-body-background-color: var(--basis-body-background-color);
    --utrecht-root-font-family: var(--basis-typography-font-family-default);
    --utrecht-root-color: var(--basis-root-color);
    --utrecht-root-background-color: var(--basis-root-background-color);
    --utrecht-page-header-content-padding-inline: var(--basis-space-inline-xxxx-large);
    --utrecht-page-header-content-padding-block-start: var(--basis-space-block-xxxx-large);
    --utrecht-page-header-content-padding-block-end: var(--basis-space-block-xxxx-large);
    --utrecht-page-header-content-max-inline-size: var(--basis-page-max-inline-size);
    --utrecht-page-header-padding-inline: var(--basis-space-inline-xxxx-large);
    --utrecht-page-header-color: var(--basis-color-text-text-1);
    --utrecht-page-header-background-color: var(--basis-color-text-bg-1);
    --utrecht-page-footer-content-padding-inline: var(--basis-space-inline-xxxx-large);
    --utrecht-page-footer-content-padding-block-start: var(--basis-space-block-xxxx-large);
    --utrecht-page-footer-content-padding-block-end: var(--basis-space-block-xxxx-large);
    --utrecht-page-footer-content-max-inline-size: var(--basis-page-max-inline-size);
    --utrecht-page-footer-padding-inline: 0;
    --utrecht-page-footer-color: var(--basis-color-secondary-inverse-text-1);
    --utrecht-page-footer-background-color: var(--basis-color-secondary-inverse-bg-1);
    --utrecht-page-body-content-padding-block-start: var(--basis-space-block-xxxx-large);
    --utrecht-page-body-content-padding-block-end: var(--basis-space-block-xxxx-large);
    --utrecht-page-body-content-padding-inline: var(--basis-space-inline-xxxx-large);
    --utrecht-page-body-content-max-inline-size: var(--basis-page-max-inline-size);
    --utrecht-page-body-color: var(--basis-color-text-text-1);
    --utrecht-page-body-background-color: var(--basis-color-text-bg-1);
    --utrecht-nav-bar-content-padding-inline: var(--basis-space-inline-xxxx-large);
    --utrecht-nav-bar-content-max-inline-size: var(--basis-page-max-inline-size);
    --utrecht-nav-bar-content-color: var(--basis-color-text-text-1);
    --utrecht-nav-bar-content-background-color: var(--basis-color-text-bg-1);
    --utrecht-nav-bar-color: var(--basis-color-text-text-1);
    --utrecht-nav-bar-background-color: var(--basis-color-text-bg-1);
    --utrecht-logo-max-block-size: var(--utrecht-logo-min-block-size);
    --utrecht-logo-max-inline-size: var(--utrecht-logo-min-inline-size);
    --utrecht-logo-min-block-size: 70px;
    --utrecht-logo-min-inline-size: 150px;
    --utrecht-unordered-list-marker-color: var(--basis-body-color);
    --utrecht-unordered-list-item-margin-block-start: var(--basis-space-block-small);
    --utrecht-unordered-list-item-margin-block-end: var(--basis-space-block-small);
    --utrecht-unordered-list-item-padding-inline-start: var(--basis-space-inline-medium);
    --utrecht-unordered-list-padding-inline-start: var(--basis-space-inline-xxx-large);
    --utrecht-unordered-list-line-height: var(--utrecht-document-line-height);
    --utrecht-unordered-list-font-size: var(--utrecht-document-font-size);
    --utrecht-textbox-font-weight: var(--utrecht-form-control-font-weight);
    --utrecht-textbox-read-only-color: var(--utrecht-form-control-read-only-color);
    --utrecht-textbox-read-only-border-color: var(--utrecht-form-control-read-only-border-color);
    --utrecht-textbox-read-only-background-color: var(--utrecht-form-control-read-only-background-color);
    --utrecht-textbox-invalid-color: var(--utrecht-form-control-color);
    --utrecht-textbox-invalid-border-width: var(--utrecht-form-control-invalid-border-width);
    --utrecht-textbox-invalid-border-color: var(--utrecht-form-control-invalid-border-color);
    --utrecht-textbox-invalid-border-block-end-width: var(--utrecht-textbox-invalid-border-width);
    --utrecht-textbox-invalid-background-color: var(--utrecht-form-control-invalid-background-color);
    --utrecht-textbox-focus-color: var(--utrecht-form-control-focus-color);
    --utrecht-textbox-focus-border-color: var(--utrecht-form-control-focus-border-color);
    --utrecht-textbox-focus-background-color: var(--utrecht-form-control-focus-background-color);
    --utrecht-textbox-disabled-color: var(--utrecht-form-control-disabled-color);
    --utrecht-textbox-disabled-border-color: var(--utrecht-form-control-disabled-border-color);
    --utrecht-textbox-disabled-background-color: var(--utrecht-form-control-disabled-background-color);
    --utrecht-textbox-placeholder-color: var(--utrecht-form-control-placeholder-color);
    --utrecht-textbox-padding-inline-start: var(--utrecht-form-control-padding-inline-start);
    --utrecht-textbox-padding-inline-end: var(--utrecht-form-control-padding-inline-end);
    --utrecht-textbox-padding-block-start: var(--utrecht-form-control-padding-block-start);
    --utrecht-textbox-padding-block-end: var(--utrecht-form-control-padding-block-end);
    --utrecht-textbox-min-block-size: var(--utrecht-pointer-target-min-size);
    --utrecht-textbox-max-inline-size: var(--utrecht-form-control-max-inline-size);
    --utrecht-textbox-line-height: var(--utrecht-form-control-line-height);
    --utrecht-textbox-font-size: var(--utrecht-form-control-font-size);
    --utrecht-textbox-font-family: var(--utrecht-form-control-font-family);
    --utrecht-textbox-color: var(--utrecht-form-control-color);
    --utrecht-textbox-border-width: var(--utrecht-form-control-border-width);
    --utrecht-textbox-border-radius: var(--utrecht-form-control-border-radius);
    --utrecht-textbox-border-color: var(--utrecht-form-control-border-color);
    --utrecht-textbox-border-block-end-width: var(--utrecht-textbox-border-width);
    --utrecht-textbox-background-color: var(--utrecht-form-control-background-color);
    --utrecht-textarea-font-weight: var(--utrecht-form-control-font-weight);
    --utrecht-textarea-read-only-color: var(--utrecht-form-control-read-only-color);
    --utrecht-textarea-read-only-border-color: var(--utrecht-form-control-read-only-border-color);
    --utrecht-textarea-read-only-background-color: var(--utrecht-form-control-read-only-background-color);
    --utrecht-textarea-invalid-color: var(--utrecht-form-control-color);
    --utrecht-textarea-invalid-border-width: var(--utrecht-form-control-invalid-border-width);
    --utrecht-textarea-invalid-border-color: var(--utrecht-form-control-invalid-border-color);
    --utrecht-textarea-invalid-background-color: var(--utrecht-form-control-invalid-background-color);
    --utrecht-textarea-invalid-border-block-end-width: var(--utrecht-textarea-invalid-border-width);
    --utrecht-textarea-disabled-color: var(--utrecht-form-control-disabled-color);
    --utrecht-textarea-disabled-border-color: var(--utrecht-form-control-disabled-border-color);
    --utrecht-textarea-disabled-background-color: var(--utrecht-form-control-disabled-background-color);
    --utrecht-textarea-focus-color: var(--utrecht-form-control-focus-color);
    --utrecht-textarea-focus-border-color: var(--utrecht-form-control-focus-border-color);
    --utrecht-textarea-focus-background-color: var(--utrecht-form-control-focus-background-color);
    --utrecht-textarea-placeholder-color: var(--utrecht-form-control-placeholder-color);
    --utrecht-textarea-padding-inline-start: var(--utrecht-form-control-padding-inline-start);
    --utrecht-textarea-padding-inline-end: var(--utrecht-form-control-padding-inline-end);
    --utrecht-textarea-padding-block-start: var(--utrecht-form-control-padding-block-start);
    --utrecht-textarea-padding-block-end: var(--utrecht-form-control-padding-block-end);
    --utrecht-textarea-min-block-size: var(--utrecht-pointer-target-min-size);
    --utrecht-textarea-max-inline-size: 100%;
    --utrecht-textarea-line-height: var(--utrecht-document-line-height);
    --utrecht-textarea-font-size: var(--utrecht-form-control-font-size);
    --utrecht-textarea-font-family: var(--utrecht-form-control-font-family);
    --utrecht-textarea-color: var(--utrecht-form-control-color);
    --utrecht-textarea-border-width: var(--utrecht-form-control-border-width);
    --utrecht-textarea-border-radius: var(--utrecht-form-control-border-radius);
    --utrecht-textarea-border-color: var(--utrecht-form-control-border-color);
    --utrecht-textarea-border-block-end-width: var(--utrecht-textarea-border-width);
    --utrecht-textarea-background-color: var(--utrecht-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-line-border-color);
    --utrecht-table-header-cell-font-weight: var(--basis-document-strong-font-weight);
    --utrecht-table-header-color: var(--basis-body-color);
    --utrecht-table-header-border-block-end-width: var(--basis-border-width-md);
    --utrecht-table-header-border-block-end-color: var(--basis-line-border-color);
    --utrecht-table-header-background-color: transparent;
    --utrecht-table-footer-color: var(--basis-body-color);
    --utrecht-table-footer-background-color: transparent;
    --utrecht-table-cell-padding-inline-start: var(--basis-space-inline-x-large);
    --utrecht-table-cell-padding-inline-end: var(--basis-space-inline-x-large);
    --utrecht-table-cell-padding-block-start: var(--basis-space-block-large);
    --utrecht-table-cell-padding-block-end: var(--basis-space-block-large);
    --utrecht-table-caption-margin-block-end: var(--basis-space-block-xxx-large);
    --utrecht-table-caption-font-weight: var(--utrecht-heading-font-weight);
    --utrecht-table-caption-font-size: var(--basis-typography-font-size-3);
    --utrecht-table-caption-font-family: var(--utrecht-heading-font-family);
    --utrecht-table-caption-line-height: var(--basis-typography-line-height-sm);
    --utrecht-table-caption-color: var(--utrecht-heading-color);
    --utrecht-table-line-height: var(--utrecht-document-line-height);
    --utrecht-table-font-size: var(--utrecht-document-font-size);
    --utrecht-table-font-family: var(--utrecht-document-font-family);
    --utrecht-spotlight-section-warning-color: var(--basis-color-warning-text-1);
    --utrecht-spotlight-section-warning-border-color: transparent;
    --utrecht-spotlight-section-warning-background-color: var(--basis-color-warning-bg-1);
    --utrecht-spotlight-section-ok-color: var(--basis-color-success-text-1);
    --utrecht-spotlight-section-ok-border-color: transparent;
    --utrecht-spotlight-section-ok-background-color: var(--basis-color-success-bg-1);
    --utrecht-spotlight-section-error-color: var(--basis-color-error-text-1);
    --utrecht-spotlight-section-error-border-color: transparent;
    --utrecht-spotlight-section-error-background-color: var(--basis-color-error-bg-1);
    --utrecht-spotlight-section-info-color: var(--basis-color-info-text-1);
    --utrecht-spotlight-section-info-border-color: transparent;
    --utrecht-spotlight-section-info-background-color: var(--basis-color-info-bg-1);
    --utrecht-spotlight-section-padding-inline-start: var(--basis-space-inline-x-large);
    --utrecht-spotlight-section-padding-inline-end: var(--basis-space-inline-x-large);
    --utrecht-spotlight-section-padding-block-start: var(--basis-space-block-x-large);
    --utrecht-spotlight-section-padding-block-end: var(--basis-space-block-xx-large);
    --utrecht-spotlight-section-color: var(--basis-color-text-text-1);
    --utrecht-spotlight-section-border-width: var(--basis-border-width-md);
    --utrecht-spotlight-section-border-color: transparent;
    --utrecht-spotlight-section-background-color: var(--basis-color-text-interactive-1);
    --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-x-large);
    --utrecht-skip-link-padding-inline-end: var(--basis-space-inline-x-large);
    --utrecht-skip-link-padding-block-start: var(--basis-space-block-large);
    --utrecht-skip-link-padding-block-end: var(--basis-space-block-large);
    --utrecht-skip-link-min-inline-size: var(--utrecht-pointer-target-min-size);
    --utrecht-skip-link-min-block-size: var(--utrecht-pointer-target-min-size);
    --utrecht-skip-link-color: var(--basis-document-inverse-color);
    --utrecht-skip-link-background-color: var(--basis-document-inverse-background-color);
    --utrecht-separator-margin-block-start: var(--basis-space-block-large);
    --utrecht-separator-margin-block-end: var(--basis-space-block-large);
    --utrecht-separator-block-size: var(--basis-size-4xs);
    --utrecht-separator-color: var(--basis-line-border-color);
    --utrecht-select-invalid-border-width: var(--utrecht-form-control-invalid-border-width);
    --utrecht-select-invalid-border-color: var(--utrecht-form-control-invalid-border-color);
    --utrecht-select-invalid-background-color: var(--utrecht-form-control-invalid-background-color);
    --utrecht-select-invalid-border-block-end-width: var(--utrecht-select-invalid-border-width);
    --utrecht-select-focus-color: var(--utrecht-form-control-focus-color);
    --utrecht-select-focus-border-color: var(--utrecht-form-control-focus-border-color);
    --utrecht-select-focus-background-color: var(--utrecht-form-control-focus-background-color);
    --utrecht-select-disabled-color: var(--utrecht-form-control-disabled-color);
    --utrecht-select-disabled-border-color: var(--utrecht-form-control-disabled-border-color);
    --utrecht-select-disabled-background-color: var(--utrecht-form-control-disabled-background-color);
    --utrecht-select-padding-inline-start: var(--utrecht-form-control-padding-inline-start);
    --utrecht-select-padding-inline-end: var(--utrecht-form-control-padding-inline-end);
    --utrecht-select-padding-block-start: var(--utrecht-form-control-padding-block-start);
    --utrecht-select-padding-block-end: var(--utrecht-form-control-padding-block-end);
    --utrecht-select-min-block-size: var(--utrecht-pointer-target-min-size);
    --utrecht-select-max-inline-size: var(--utrecht-form-control-max-inline-size);
    --utrecht-select-font-weight: var(--utrecht-document-font-weight);
    --utrecht-select-font-size: var(--utrecht-form-control-font-size);
    --utrecht-select-font-family: var(--utrecht-form-control-font-family);
    --utrecht-select-color: var(--utrecht-form-control-color);
    --utrecht-select-border-width: var(--utrecht-form-control-border-width);
    --utrecht-select-border-radius: var(--utrecht-form-control-border-radius);
    --utrecht-select-border-color: var(--utrecht-form-control-border-color);
    --utrecht-select-border-block-end-width: var(--utrecht-select-border-width);
    --utrecht-select-background-color: var(--utrecht-form-control-background-color);
    --utrecht-radio-button-checked-hover-color: var(--basis-color-primary-bg-1);
    --utrecht-radio-button-checked-hover-border-width: var(--basis-form-control-hover-border-width);
    --utrecht-radio-button-checked-hover-border-color: transparent;
    --utrecht-radio-button-checked-hover-background-color: var(--basis-color-primary-text-1);
    --utrecht-radio-button-checked-focus-color: var(--utrecht-form-control-focus-color);
    --utrecht-radio-button-checked-focus-border-width: var(--utrecht-form-control-focus-border-width);
    --utrecht-radio-button-checked-focus-border-color: var(--utrecht-form-control-focus-border-color);
    --utrecht-radio-button-checked-focus-background-color: var(--utrecht-form-control-focus-background-color);
    --utrecht-radio-button-checked-active-color: var(--basis-color-primary-bg-1);
    --utrecht-radio-button-checked-active-border-width: var(--basis-form-control-active-border-width);
    --utrecht-radio-button-checked-active-border-color: transparent;
    --utrecht-radio-button-checked-active-background-color: var(--basis-color-primary-text-1);
    --utrecht-radio-button-checked-color: var(--basis-color-primary-bg-1);
    --utrecht-radio-button-checked-border-width: var(--utrecht-form-control-border-width);
    --utrecht-radio-button-checked-border-color: transparent;
    --utrecht-radio-button-checked-background-color: var(--basis-color-primary-text-1);
    --utrecht-radio-button-disabled-border-color: var(--utrecht-form-control-disabled-border-color);
    --utrecht-radio-button-disabled-background-color: var(--utrecht-form-control-disabled-background-color);
    --utrecht-radio-button-invalid-border-width: var(--utrecht-form-control-invalid-border-width);
    --utrecht-radio-button-invalid-border-color: var(--utrecht-form-control-invalid-border-color);
    --utrecht-radio-button-invalid-background-color: var(--utrecht-form-control-invalid-background-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-border-width: var(--utrecht-form-control-focus-border-width);
    --utrecht-radio-button-focus-border-color: var(--utrecht-form-control-focus-border-color);
    --utrecht-radio-button-focus-background-color: var(--utrecht-form-control-focus-background-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-border-width: var(--basis-border-width-sm);
    --utrecht-radio-button-border-color: var(--utrecht-form-control-border-color);
    --utrecht-radio-button-background-color: var(--utrecht-form-control-background-color);
    --utrecht-pre-heading-line-height: var(--utrecht-document-line-height);
    --utrecht-pre-heading-font-weight: var(--basis-document-strong-font-weight);
    --utrecht-pre-heading-font-size: var(--basis-typography-font-size-6);
    --utrecht-pre-heading-font-family: var(--utrecht-document-font-family);
    --utrecht-pre-heading-color: var(--basis-body-color);
    --utrecht-paragraph-small-line-height: var(--utrecht-document-line-height);
    --utrecht-paragraph-small-font-weight: var(--utrecht-document-font-weight);
    --utrecht-paragraph-small-font-size: var(--basis-typography-font-size-6);
    --utrecht-paragraph-small-color: var(--basis-body-color);
    --utrecht-paragraph-lead-line-height: var(--utrecht-document-line-height);
    --utrecht-paragraph-lead-font-weight: var(--utrecht-document-font-weight);
    --utrecht-paragraph-lead-font-size: var(--basis-typography-font-size-4);
    --utrecht-paragraph-lead-color: var(--basis-body-color);
    --utrecht-paragraph-line-height: var(--utrecht-document-line-height);
    --utrecht-paragraph-font-weight: var(--utrecht-document-font-weight);
    --utrecht-paragraph-font-size: var(--utrecht-document-font-size);
    --utrecht-paragraph-font-family: var(--utrecht-document-font-family);
    --utrecht-paragraph-color: var(--basis-color-text-text-1);
    --utrecht-ordered-list-item-margin-block-start: var(--basis-space-block-small);
    --utrecht-ordered-list-item-margin-block-end: var(--basis-space-block-small);
    --utrecht-ordered-list-item-padding-inline-start: var(--basis-space-inline-medium);
    --utrecht-ordered-list-padding-inline-start: var(--basis-space-inline-xxx-large);
    --utrecht-ordered-list-line-height: var(--utrecht-document-line-height);
    --utrecht-ordered-list-font-size: var(--utrecht-document-font-size);
    --utrecht-number-badge-border-color: transparent;
    --utrecht-number-badge-border-width: var(--basis-border-width-sm);
    --utrecht-number-badge-font-weight: var(--basis-document-strong-font-weight);
    --utrecht-number-badge-padding-block: var(--basis-space-block-small);
    --utrecht-number-badge-padding-inline: var(--basis-space-inline-small);
    --utrecht-number-badge-color: var(--basis-body-color);
    --utrecht-number-badge-background-color: var(--basis-color-gray-100);
    --utrecht-number-badge-font-family: var(--utrecht-document-font-family);
    --utrecht-number-badge-border-radius: var(--basis-border-radius-round);
    --utrecht-number-badge-min-inline-size: var(--basis-size-xs);
    --utrecht-number-badge-min-block-size: var(--basis-size-xs);
    --utrecht-number-badge-font-size: var(--basis-typography-font-size-6);
    --utrecht-mark-color: var(--purmerend-color-black-2);
    --utrecht-mark-background-color: var(--purmerend-color-orange-8);
    --utrecht-link-list-icon-size: var(--basis-icon-functional-size);
    --utrecht-link-list-icon-inset-block-start: 0px;
    --utrecht-link-list-row-gap: var(--basis-space-row-medium);
    --utrecht-link-visited-color: var(--utrecht-link-color);
    --utrecht-link-hover-text-decoration-color: var(--utrecht-link-color);
    --utrecht-link-hover-text-decoration-thickness: var(--utrecht-link-text-decoration-thickness);
    --utrecht-link-hover-text-decoration: var(--utrecht-link-text-decoration);
    --utrecht-link-hover-color: var(--utrecht-link-color);
    --utrecht-link-focus-visible-color: var(--basis-color-highlight-text-1);
    --utrecht-link-focus-visible-text-decoration-thickness: var(--utrecht-link-text-decoration-thickness);
    --utrecht-link-focus-visible-text-decoration: var(--utrecht-link-text-decoration);
    --utrecht-link-focus-text-decoration-color: var(--basis-color-highlight-text-1);
    --utrecht-link-focus-color: var(--basis-color-highlight-text-1);
    --utrecht-link-focus-background-color: var(--basis-focus-background-color);
    --utrecht-link-active-color: var(--utrecht-link-color);
    --utrecht-link-icon-size: var(--basis-icon-functional-size);
    --utrecht-link-text-underline-offset: auto;
    --utrecht-link-text-decoration-thickness: auto;
    --utrecht-link-text-decoration-color: var(--utrecht-link-color);
    --utrecht-link-text-decoration: underline;
    --utrecht-link-column-gap: var(--basis-space-text-xs);
    --utrecht-link-color: var(--basis-color-text-text-1);
    --utrecht-heading-6-font-size: var(--basis-typography-font-size-6);
    --utrecht-heading-6-line-height: var(--basis-typography-line-height-md);
    --utrecht-heading-6-font-weight: var(--utrecht-heading-font-weight);
    --utrecht-heading-6-font-family: var(--utrecht-heading-font-family);
    --utrecht-heading-6-color: var(--utrecht-heading-color);
    --utrecht-heading-5-font-size: var(--basis-typography-font-size-5);
    --utrecht-heading-5-line-height: var(--basis-typography-line-height-md);
    --utrecht-heading-5-font-weight: var(--utrecht-heading-font-weight);
    --utrecht-heading-5-font-family: var(--utrecht-heading-font-family);
    --utrecht-heading-5-color: var(--utrecht-heading-color);
    --utrecht-heading-4-font-size: var(--basis-typography-font-size-4);
    --utrecht-heading-4-line-height: var(--basis-typography-line-height-md);
    --utrecht-heading-4-font-weight: var(--utrecht-heading-font-weight);
    --utrecht-heading-4-font-family: var(--utrecht-heading-font-family);
    --utrecht-heading-4-color: var(--utrecht-heading-color);
    --utrecht-heading-3-font-size: var(--basis-typography-font-size-3);
    --utrecht-heading-3-line-height: var(--basis-typography-line-height-sm);
    --utrecht-heading-3-font-weight: var(--utrecht-heading-font-weight);
    --utrecht-heading-3-font-family: var(--utrecht-heading-font-family);
    --utrecht-heading-3-color: var(--utrecht-heading-color);
    --utrecht-heading-2-font-size: var(--basis-typography-font-size-2);
    --utrecht-heading-2-line-height: var(--basis-typography-line-height-sm);
    --utrecht-heading-2-font-weight: var(--utrecht-heading-font-weight);
    --utrecht-heading-2-font-family: var(--utrecht-heading-font-family);
    --utrecht-heading-2-color: var(--utrecht-heading-color);
    --utrecht-heading-1-font-size: var(--basis-typography-font-size-1);
    --utrecht-heading-1-line-height: var(--basis-typography-line-height-sm);
    --utrecht-heading-1-font-weight: var(--utrecht-heading-font-weight);
    --utrecht-heading-1-font-family: var(--utrecht-heading-font-family);
    --utrecht-heading-1-color: var(--utrecht-heading-color);
    --utrecht-form-field-error-message-padding-inline-start: 0px;
    --utrecht-form-field-error-message-padding-inline-end: 0px;
    --utrecht-form-field-error-message-padding-block-start: 0px;
    --utrecht-form-field-error-message-padding-block-end: 0px;
    --utrecht-form-field-error-message-font-weight: var(--utrecht-document-font-weight);
    --utrecht-form-field-error-message-font-size: var(--utrecht-document-font-size);
    --utrecht-form-field-error-message-font-family: var(--utrecht-document-font-family);
    --utrecht-form-field-error-message-color: var(--basis-color-error-text-1);
    --utrecht-form-field-error-message-background-color: transparent;
    --utrecht-form-field-description-line-height: var(--utrecht-document-line-height);
    --utrecht-form-field-description-font-size: var(--utrecht-document-font-size);
    --utrecht-form-field-description-font-family: var(--utrecht-document-font-family);
    --utrecht-form-field-description-color: var(--basis-color-text-text-1);
    --utrecht-form-field-invalid-padding-inline-start: var(--basis-space-inline-x-large);
    --utrecht-form-field-invalid-border-inline-start-width: var(--basis-border-width-md);
    --utrecht-form-field-invalid-border-inline-start-color: var(--basis-color-error-border-1);
    --utrecht-drawer-backdrop-min-size: var(--utrecht-pointer-target-min-size);
    --utrecht-drawer-padding-block-end: var(--basis-space-block-xxx-large);
    --utrecht-drawer-padding-block-start: var(--basis-space-block-xxx-large);
    --utrecht-drawer-min-block-size: var(--utrecht-pointer-target-min-size);
    --utrecht-drawer-min-inline-size: 312px;
    --utrecht-drawer-max-inline-size: 1440px;
    --utrecht-drawer-max-block-size: 800px;
    --utrecht-drawer-border-radius: 0px;
    --utrecht-drawer-color: var(--basis-body-color);
    --utrecht-drawer-border-color: var(--basis-container-border-color);
    --utrecht-drawer-background-color: var(--basis-body-background-color);
    --utrecht-drawer-padding-inline-end: var(--basis-space-inline-x-large);
    --utrecht-drawer-padding-inline-start: var(--basis-space-inline-x-large);
    --utrecht-drawer-border-width: var(--basis-border-width-sm);
    --utrecht-color-sample-inline-size: var(--basis-size-sm);
    --utrecht-color-sample-block-size: var(--basis-size-sm);
    --utrecht-color-sample-light-border-color: var(--basis-line-border-color);
    --utrecht-color-sample-dark-border-color: var(--basis-line-border-color);
    --utrecht-color-sample-border-radius: 0px;
    --utrecht-color-sample-border-color: var(--basis-line-border-color);
    --utrecht-color-sample-border-width: var(--basis-border-width-sm);
    --utrecht-color-sample-background-color: var(--basis-color-blue);
    --utrecht-code-block-padding-inline-start: var(--basis-space-inline-x-large);
    --utrecht-code-block-padding-inline-end: var(--basis-space-inline-x-large);
    --utrecht-code-block-padding-block-end: var(--basis-space-block-x-large);
    --utrecht-code-block-padding-block-start: var(--basis-space-block-x-large);
    --utrecht-code-block-line-height: var(--utrecht-document-line-height);
    --utrecht-code-block-font-size: var(--utrecht-document-font-size);
    --utrecht-code-block-font-family: var(--basis-code-font-family);
    --utrecht-code-block-color: var(--basis-color-text-text-1);
    --utrecht-code-block-background-color: var(--basis-color-text-bg-2);
    --utrecht-code-line-height: var(--utrecht-document-line-height);
    --utrecht-code-font-size: var(--utrecht-document-font-size);
    --utrecht-code-font-family: var(--basis-code-font-family);
    --utrecht-code-color: var(--basis-color-text-text-2);
    --utrecht-code-background-color: var(--basis-color-text-bg-2);
    --utrecht-checkbox-indeterminate-color: var(--basis-color-white);
    --utrecht-checkbox-indeterminate-border-width: var(--utrecht-form-control-border-width);
    --utrecht-checkbox-indeterminate-border-color: transparent;
    --utrecht-checkbox-indeterminate-background-color: var(--basis-form-control-accent-color);
    --utrecht-checkbox-checked-indeterminate-color: var(--utrecht-form-control-color);
    --utrecht-checkbox-checked-hover-color: var(--utrecht-checkbox-checked-color);
    --utrecht-checkbox-checked-active-color: var(--utrecht-checkbox-checked-color);
    --utrecht-checkbox-checked-color: var(--utrecht-form-control-color);
    --utrecht-checkbox-checked-border-width: var(--utrecht-form-control-border-width);
    --utrecht-checkbox-checked-border-color: transparent;
    --utrecht-checkbox-checked-background-color: var(--basis-form-control-accent-color);
    --utrecht-checkbox-invalid-border-width: var(--utrecht-form-control-invalid-border-width);
    --utrecht-checkbox-invalid-border-color: var(--utrecht-form-control-invalid-border-color);
    --utrecht-checkbox-invalid-background-color: var(--utrecht-form-control-invalid-background-color);
    --utrecht-checkbox-focus-border-width: var(--utrecht-form-control-focus-border-width);
    --utrecht-checkbox-focus-border-color: var(--utrecht-form-control-focus-border-color);
    --utrecht-checkbox-focus-background-color: var(--utrecht-form-control-focus-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-disabled-border-color: var(--utrecht-form-control-disabled-border-color);
    --utrecht-checkbox-disabled-background-color: var(--utrecht-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-icon-functional-size);
    --utrecht-checkbox-size: var(--basis-size-xs);
    --utrecht-checkbox-border-width: var(--basis-border-width-sm);
    --utrecht-checkbox-border-radius: 0px;
    --utrecht-checkbox-border-color: var(--utrecht-form-control-border-color);
    --utrecht-checkbox-background-color: var(--utrecht-form-control-background-color);
    --utrecht-button-group-row-gap: var(--basis-space-row-medium);
    --utrecht-button-group-padding-block-start: 0px;
    --utrecht-button-group-padding-block-end: 0px;
    --utrecht-button-group-column-gap: var(--basis-space-column-medium);
    --utrecht-button-group-background-color: transparent;
    --utrecht-button-subtle-border-width: 0;
    --utrecht-button-subtle-line-height: var(--utrecht-document-line-height);
    --utrecht-button-subtle-active-color: var(--utrecht-button-active-color);
    --utrecht-button-subtle-active-border-color: var(--utrecht-button-active-border-color);
    --utrecht-button-subtle-active-background-color: var(--utrecht-button-active-background-color);
    --utrecht-button-subtle-focus-color: var(--basis-focus-color);
    --utrecht-button-subtle-focus-border-color: transparent;
    --utrecht-button-subtle-focus-background-color: var(--basis-focus-background-color);
    --utrecht-button-subtle-disabled-color: var(--basis-color-gray-500);
    --utrecht-button-subtle-disabled-border-color: transparent;
    --utrecht-button-subtle-disabled-background-color: var(--basis-color-gray-50);
    --utrecht-button-subtle-color: var(--basis-color-primary-text-1);
    --utrecht-button-subtle-border-color: transparent;
    --utrecht-button-subtle-background-color: transparent;
    --utrecht-button-subtle-hover-border-width: var(--utrecht-button-subtle-border-width);
    --utrecht-button-subtle-hover-color: var(--utrecht-button-hover-color);
    --utrecht-button-subtle-hover-border-color: var(--utrecht-button-hover-border-color);
    --utrecht-button-subtle-hover-background-color: var(--utrecht-button-hover-background-color);
    --utrecht-button-subtle-font-weight: var(--basis-document-strong-font-weight);
    --utrecht-button-subtle-font-size: var(--utrecht-document-font-size);
    --utrecht-button-secondary-action-border-width: var(--basis-border-width-sm);
    --utrecht-button-secondary-action-line-height: var(--utrecht-document-line-height);
    --utrecht-button-secondary-action-font-size: var(--utrecht-document-font-size);
    --utrecht-button-secondary-action-active-color: var(--utrecht-button-active-color);
    --utrecht-button-secondary-action-active-border-color: var(--utrecht-button-active-border-color);
    --utrecht-button-secondary-action-active-background-color: var(--utrecht-button-active-background-color);
    --utrecht-button-secondary-action-font-weight: var(--basis-document-strong-font-weight);
    --utrecht-button-secondary-action-focus-color: var(--basis-focus-color);
    --utrecht-button-secondary-action-focus-border-color: transparent;
    --utrecht-button-secondary-action-focus-background-color: var(--basis-focus-background-color);
    --utrecht-button-secondary-action-disabled-color: var(--basis-color-gray-500);
    --utrecht-button-secondary-action-disabled-border-color: transparent;
    --utrecht-button-secondary-action-disabled-background-color: var(--basis-color-gray-50);
    --utrecht-button-secondary-action-color: var(--basis-color-primary-text-1);
    --utrecht-button-secondary-action-border-color: var(--basis-color-primary-border-1);
    --utrecht-button-secondary-action-background-color: var(--basis-color-primary-bg-1);
    --utrecht-button-secondary-action-hover-color: var(--utrecht-button-hover-color);
    --utrecht-button-secondary-action-hover-border-color: var(--utrecht-button-hover-border-color);
    --utrecht-button-secondary-action-hover-background-color: var(--utrecht-button-hover-background-color);
    --utrecht-button-primary-action-border-width: var(--utrecht-button-border-width);
    --utrecht-button-primary-action-line-height: var(--utrecht-document-line-height);
    --utrecht-button-primary-action-font-size: var(--utrecht-document-font-size);
    --utrecht-button-primary-action-active-color: var(--utrecht-button-active-color);
    --utrecht-button-primary-action-active-border-color: var(--utrecht-button-active-border-color);
    --utrecht-button-primary-action-active-background-color: var(--utrecht-button-active-background-color);
    --utrecht-button-primary-action-font-weight: var(--basis-document-strong-font-weight);
    --utrecht-button-primary-action-focus-color: var(--basis-focus-color);
    --utrecht-button-primary-action-focus-border-color: transparent;
    --utrecht-button-primary-action-focus-background-color: var(--basis-focus-background-color);
    --utrecht-button-primary-action-disabled-color: var(--basis-color-gray-500);
    --utrecht-button-primary-action-disabled-border-color: transparent;
    --utrecht-button-primary-action-disabled-background-color: var(--basis-color-gray-50);
    --utrecht-button-primary-action-color: var(--utrecht-button-color);
    --utrecht-button-primary-action-border-color: var(--utrecht-button-border-color);
    --utrecht-button-primary-action-background-color: var(--utrecht-button-background-color);
    --utrecht-button-primary-action-hover-color: var(--utrecht-button-hover-color);
    --utrecht-button-primary-action-hover-border-color: var(--utrecht-button-hover-border-color);
    --utrecht-button-primary-action-hover-background-color: var(--utrecht-button-hover-background-color);
    --utrecht-button-column-gap: var(--basis-space-text-xs);
    --utrecht-button-min-inline-size: var(--utrecht-pointer-target-min-size);
    --utrecht-button-min-block-size: var(--utrecht-pointer-target-min-size);
    --utrecht-button-active-color: var(--basis-color-secondary-inverse-text-1);
    --utrecht-button-active-border-color: var(--basis-color-secondary-inverse-border-1);
    --utrecht-button-active-background-color: var(--basis-color-secondary-inverse-bg-1);
    --utrecht-button-hover-color: var(--basis-color-secondary-inverse-text-1);
    --utrecht-button-hover-border-color: var(--basis-color-secondary-inverse-border-1);
    --utrecht-button-hover-background-color: var(--basis-color-secondary-inverse-bg-2);
    --utrecht-button-focus-color: var(--basis-focus-color);
    --utrecht-button-focus-border-color: transparent;
    --utrecht-button-focus-background-color: var(--basis-focus-background-color);
    --utrecht-button-disabled-color: var(--basis-color-gray-500);
    --utrecht-button-disabled-border-color: transparent;
    --utrecht-button-disabled-background-color: var(--basis-color-gray-50);
    --utrecht-button-padding-inline-start: var(--basis-space-inline-x-large);
    --utrecht-button-padding-inline-end: var(--basis-space-inline-x-large);
    --utrecht-button-padding-block-start: var(--basis-space-block-large);
    --utrecht-button-padding-block-end: var(--basis-space-block-large);
    --utrecht-button-line-height: var(--utrecht-document-line-height);
    --utrecht-button-font-weight: var(--basis-typography-font-weight-bold);
    --utrecht-button-font-size: var(--purmerend-font-size-font-size-27);
    --utrecht-button-font-family: var(--utrecht-document-font-family);
    --utrecht-button-icon-size: var(--basis-icon-functional-size);
    --utrecht-button-border-width: var(--basis-border-width-sm);
    --utrecht-button-border-radius: var(--basis-border-radius-md);
    --utrecht-button-color: var(--basis-color-primary-inverse-text-1);
    --utrecht-button-border-color: var(--basis-color-primary-inverse-border-1);
    --utrecht-button-background-color: var(--basis-color-primary-inverse-bg-1);
    --utrecht-breadcrumb-nav-font-size: var(--utrecht-document-font-size);
    --utrecht-breadcrumb-nav-separator-icon-size: var(--basis-size-2xs);
    --utrecht-breadcrumb-nav-separator-color: var(--basis-document-subtle-color);
    --utrecht-breadcrumb-nav-link-active-color: var(--basis-interaction-active-color);
    --utrecht-breadcrumb-nav-link-active-text-decoration: None;
    --utrecht-breadcrumb-nav-link-text-decoration: underline;
    --utrecht-breadcrumb-nav-link-current-font-weight: var(--utrecht-document-font-weight);
    --utrecht-breadcrumb-nav-link-disabled-color: var(--basis-color-gray-500);
    --utrecht-breadcrumb-nav-link-hover-color: var(--basis-interaction-hover-color);
    --utrecht-breadcrumb-nav-link-hover-text-decoration: None;
    --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-color: var(--basis-interaction-color);
    --utrecht-breadcrumb-nav-item-padding-inline-end: var(--basis-space-inline-medium);
    --utrecht-breadcrumb-nav-item-padding-inline-start: var(--basis-space-inline-medium);
    --utrecht-breadcrumb-nav-item-padding-block-end: var(--basis-space-block-large);
    --utrecht-breadcrumb-nav-item-padding-block-start: var(--basis-space-block-large);
    --utrecht-breadcrumb-nav-font-family: var(--utrecht-document-font-family);
    --utrecht-breadcrumb-nav-min-block-size: var(--utrecht-pointer-target-min-size);
    --utrecht-breadcrumb-nav-line-height: var(--utrecht-document-line-height);
    --utrecht-blockquote-content-color: var(--basis-body-color);
    --utrecht-blockquote-content-font-size: var(--basis-typography-font-size-3);
    --utrecht-blockquote-attribution-color: var(--basis-document-subtle-color);
    --utrecht-blockquote-attribution-font-size: var(--basis-typography-font-size-6);
    --utrecht-blockquote-padding-inline-start: 0px;
    --utrecht-blockquote-padding-inline-end: 0px;
    --utrecht-blockquote-padding-block-start: var(--basis-space-block-large);
    --utrecht-blockquote-padding-block-end: var(--basis-space-block-large);
    --utrecht-blockquote-background-color: transparent;
    --utrecht-badge-data-letter-spacing: None;
    --utrecht-badge-data-text-transform: None;
    --utrecht-backdrop-fade-in-animation-duration: 0.4s;
    --utrecht-backdrop-z-index: auto;
    --utrecht-backdrop-reduced-transparency-opacity: 0.98;
    --utrecht-backdrop-opacity: 0.2;
    --utrecht-backdrop-color: var(--basis-color-white);
    --utrecht-backdrop-background-color: var(--basis-color-black);
    --utrecht-alert-icon-warning-color: var(--utrecht-feedback-warning);
    --utrecht-alert-icon-ok-color: var(--basis-feedback-positive);
    --utrecht-alert-icon-error-color: var(--basis-feedback-negative);
    --utrecht-alert-icon-info-color: var(--basis-feedback-informative);
    --utrecht-alert-icon-color: var(--basis-feedback-informative);
    --utrecht-alert-icon-size: var(--basis-icon-functional-size);
    --utrecht-alert-icon-inset-block-start: var(--basis-space-block-x-small);
    --utrecht-alert-warning-color: var(--basis-color-warning-text-1);
    --utrecht-alert-warning-border-color: transparent;
    --utrecht-alert-warning-background-color: var(--basis-color-warning-bg-1);
    --utrecht-alert-ok-color: var(--basis-color-success-text-1);
    --utrecht-alert-ok-border-color: transparent;
    --utrecht-alert-ok-background-color: var(--basis-color-success-bg-1);
    --utrecht-alert-error-color: var(--basis-color-error-text-1);
    --utrecht-alert-error-border-color: transparent;
    --utrecht-alert-error-background-color: var(--basis-color-error-bg-1);
    --utrecht-alert-info-color: var(--basis-color-info-text-1);
    --utrecht-alert-info-border-color: transparent;
    --utrecht-alert-info-background-color: var(--basis-color-info-bg-1);
    --utrecht-alert-message-row-gap: var(--basis-space-row-medium);
    --utrecht-alert-content-row-gap: var(--basis-space-row-x-large);
    --utrecht-alert-padding-inline-start: var(--basis-space-inline-x-large);
    --utrecht-alert-padding-inline-end: var(--basis-space-inline-x-large);
    --utrecht-alert-padding-block-start: var(--basis-space-block-x-large);
    --utrecht-alert-padding-block-end: var(--basis-space-block-xx-large);
    --utrecht-alert-column-gap: var(--basis-space-column-medium);
    --utrecht-alert-color: var(--basis-color-text-text-1);
    --utrecht-alert-border-width: var(--basis-border-width-md);
    --utrecht-alert-border-radius: var(--basis-border-radius-md);
    --utrecht-alert-border-color: transparent;
    --utrecht-alert-background-color: var(--basis-color-text-interactive-1);
    --utrecht-accordion-button-border-radius: 0px;
    --utrecht-accordion-button-border-width: var(--basis-border-width-sm);
    --utrecht-accordion-button-active-color: var(--basis-interaction-active-color);
    --utrecht-accordion-button-active-border-color: transparent;
    --utrecht-accordion-button-active-background-color: var(--basis-color-gray-100);
    --utrecht-accordion-button-focus-color: var(--basis-focus-color);
    --utrecht-accordion-button-focus-border-color: transparent;
    --utrecht-accordion-button-focus-background-color: var(--basis-focus-background-color);
    --utrecht-accordion-button-hover-color: var(--basis-interaction-hover-color);
    --utrecht-accordion-button-hover-border-color: transparent;
    --utrecht-accordion-button-hover-background-color: var(--basis-color-gray-100);
    --utrecht-accordion-button-color: var(--basis-interaction-color);
    --utrecht-accordion-button-border-color: transparent;
    --utrecht-accordion-button-background-color: var(--basis-color-gray-50);
    --utrecht-accordion-button-padding-inline-start: var(--basis-space-inline-x-large);
    --utrecht-accordion-button-padding-inline-end: var(--basis-space-inline-x-large);
    --utrecht-accordion-button-padding-block-start: var(--basis-space-block-large);
    --utrecht-accordion-button-padding-block-end: var(--basis-space-block-large);
    --utrecht-accordion-button-icon-size: var(--basis-icon-functional-size);
    --utrecht-accordion-button-gap: var(--basis-space-text-md);
    --utrecht-accordion-panel-padding-inline-start: var(--basis-space-inline-x-large);
    --utrecht-accordion-panel-padding-inline-end: var(--basis-space-inline-x-large);
    --utrecht-accordion-panel-padding-block-start: var(--basis-space-block-xxx-large);
    --utrecht-accordion-panel-padding-block-end: var(--basis-space-block-xxx-large);
    --utrecht-accordion-panel-border-width: var(--basis-border-width-sm);
    --utrecht-accordion-panel-border-color: transparent;
    --utrecht-feedback-error: var(--purmerend-color-red-17);
    --utrecht-feedback-warning: var(--basis-color-yellow);
    --utrecht-pointer-target-min-size: var(--basis-size-md);
    --utrecht-focus-outline-width: var(--basis-border-width-lg);
    --utrecht-focus-outline-style: dotted;
    --utrecht-focus-outline-offset: 0;
    --utrecht-focus-inverse-outline-color: var(--basis-focus-background-color);
    --utrecht-focus-outline-color: var(--basis-color-black);
    --utrecht-focus-color: var(--basis-focus-color);
    --utrecht-focus-background-color: var(--basis-focus-background-color);
    --utrecht-form-control-active-color: var(--utrecht-form-control-color);
    --utrecht-form-control-active-border-color: var(--utrecht-form-control-border-color);
    --utrecht-form-control-active-background-color: var(--utrecht-form-control-background-color);
    --utrecht-form-control-active-accent-color: var(--utrecht-form-control-accent-color);
    --utrecht-form-control-accent-color: var(--basis-color-text-text-1);
    --utrecht-form-control-padding-inline-start: var(--basis-space-inline-large);
    --utrecht-form-control-padding-inline-end: var(--basis-space-inline-large);
    --utrecht-form-control-padding-block-start: var(--basis-space-block-x-large);
    --utrecht-form-control-padding-block-end: var(--basis-space-block-x-large);
    --utrecht-form-control-max-inline-size: 400px;
    --utrecht-form-control-line-height: var(--basis-typography-line-height-md);
    --utrecht-form-control-font-size: var(--purmerend-font-size-font-size-27);
    --utrecht-form-control-font-family: var(--basis-typography-font-family-default);
    --utrecht-form-control-border-radius: var(--basis-border-radius-md);
    --utrecht-form-control-placeholder-font-style: italic;
    --utrecht-form-control-placeholder-color: var(--basis-color-disabled-text-2);
    --utrecht-form-control-read-only-color: var(--basis-color-disabled-text-2);
    --utrecht-form-control-read-only-border-color: transparent;
    --utrecht-form-control-read-only-background-color: var(--basis-color-disabled-bg-1);
    --utrecht-form-control-invalid-border-width: var(--basis-border-width-md);
    --utrecht-form-control-invalid-color: var(--utrecht-form-control-color);
    --utrecht-form-control-invalid-border-color: var(--basis-color-error-border-1);
    --utrecht-form-control-invalid-background-color: var(--utrecht-form-control-background-color);
    --utrecht-form-control-focus-border-width: var(--utrecht-form-control-border-width);
    --utrecht-form-control-focus-color: var(--utrecht-form-control-color);
    --utrecht-form-control-focus-border-color: var(--utrecht-form-control-border-color);
    --utrecht-form-control-focus-background-color: var(--utrecht-form-control-background-color);
    --utrecht-form-control-disabled-color: var(--basis-color-disabled-text-1);
    --utrecht-form-control-disabled-border-color: var(--basis-color-disabled-fill-1);
    --utrecht-form-control-disabled-background-color: var(--basis-color-disabled-bg-1);
    --utrecht-form-control-color: var(--basis-color-text-text-1);
    --utrecht-form-control-border-width: var(--basis-border-width-sm);
    --utrecht-form-control-border-color: var(--basis-color-text-border-3);
    --utrecht-form-control-background-color: var(--basis-color-text-interactive-1);
    --utrecht-form-control-font-weight: var(--basis-typography-font-weight-normal);
    --utrecht-heading-color: var(--basis-color-text-text-1);
    --utrecht-heading-font-weight: var(--basis-typography-font-weight-bold);
    --utrecht-heading-font-family: var(--basis-typography-font-family-default);
    --utrecht-document-line-height: var(--basis-typography-line-height-md);
    --utrecht-document-font-weight: var(--basis-typography-font-weight-normal);
    --utrecht-document-font-size: var(--basis-typography-font-size-5);
    --utrecht-document-font-family: var(--basis-typography-font-family-default);
    --utrecht-document-color: var(--basis-color-text-text-1);
    --utrecht-document-background-color: var(--basis-color-text-bg-1);
    --utrecht-action-submit-cursor: pointer;
    --utrecht-action-activate-cursor: pointer;
    --purmerend-duration-duration-16: var(--fa-animation-duration, 2s);
    --purmerend-duration-duration-15: var(--fa-animation-duration, 1s);
    --purmerend-duration-duration-14: 2s;
    --purmerend-duration-duration-13: 1.2s;
    --purmerend-duration-duration-12: 1s;
    --purmerend-duration-duration-11: .6s;
    --purmerend-duration-duration-10: .5s;
    --purmerend-duration-duration-9: 0.5s;
    --purmerend-duration-duration-8: 0.4s;
    --purmerend-duration-duration-7: .35s;
    --purmerend-duration-duration-6: .3s;
    --purmerend-duration-duration-5: .2s;
    --purmerend-duration-duration-4: 0.2s;
    --purmerend-duration-duration-3: .15s;
    --purmerend-duration-duration-2: 150ms;
    --purmerend-duration-duration-1: 1ms;
    --purmerend-duration-duration-0: 0s;
    --purmerend-radius-radius-22: .1em;
    --purmerend-radius-radius-21: var(--fa-border-radius, .1em);
    --purmerend-radius-radius-20: 0 1rem 1rem 1rem;
    --purmerend-radius-radius-19: 0 1rem 1rem 0;
    --purmerend-radius-radius-18: 0 0 1rem 1rem;
    --purmerend-radius-radius-17: 1rem 1rem 0 0;
    --purmerend-radius-radius-16: 0 4px 4px 0;
    --purmerend-radius-radius-15: 4px 0 0 4px;
    --purmerend-radius-radius-14: 0 4px 4px;
    --purmerend-radius-radius-13: 0 0 5px 5px;
    --purmerend-radius-radius-12: 0 0 4px 4px;
    --purmerend-radius-radius-11: 5px 5px 0 0;
    --purmerend-radius-radius-10: 10px;
    --purmerend-radius-radius-9: .25em;
    --purmerend-radius-radius-8: 15px;
    --purmerend-radius-radius-7: 1px;
    --purmerend-radius-radius-6: 4px 4px 0 0;
    --purmerend-radius-radius-5: 3px;
    --purmerend-radius-radius-4: 6px;
    --purmerend-radius-radius-3: 1rem;
    --purmerend-radius-radius-2: 50%;
    --purmerend-radius-radius-1: 4px;
    --purmerend-radius-radius-0: 0;
    --purmerend-box-shadow-shadow-19: [object Object];
    --purmerend-box-shadow-shadow-18: [object Object];
    --purmerend-box-shadow-shadow-17: [object Object];
    --purmerend-box-shadow-shadow-16: [object Object];
    --purmerend-box-shadow-shadow-15: [object Object];
    --purmerend-box-shadow-shadow-14: [object Object];
    --purmerend-box-shadow-shadow-13: [object Object];
    --purmerend-box-shadow-shadow-12: [object Object];
    --purmerend-box-shadow-shadow-11: [object Object];
    --purmerend-box-shadow-shadow-10: [object Object];
    --purmerend-box-shadow-shadow-9: [object Object],[object Object];
    --purmerend-box-shadow-shadow-8: [object Object];
    --purmerend-box-shadow-shadow-7: [object Object];
    --purmerend-box-shadow-shadow-6: [object Object];
    --purmerend-box-shadow-shadow-5: [object Object],[object Object];
    --purmerend-box-shadow-shadow-4: [object Object],[object Object];
    --purmerend-box-shadow-shadow-3: [object Object],[object Object];
    --purmerend-box-shadow-shadow-2: [object Object],[object Object];
    --purmerend-box-shadow-shadow-1: [object Object];
    --purmerend-box-shadow-shadow-0: [object Object];
    --purmerend-gradient-gradient-31: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    --purmerend-gradient-gradient-30: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    --purmerend-gradient-gradient-29: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    --purmerend-gradient-gradient-28: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    --purmerend-gradient-gradient-27: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    --purmerend-gradient-gradient-26: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    --purmerend-gradient-gradient-25: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    --purmerend-gradient-gradient-24: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    --purmerend-gradient-gradient-23: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    --purmerend-gradient-gradient-22: linear-gradient(to bottom, #eee 50%, #fff 100%);
    --purmerend-gradient-gradient-21: -o-linear-gradient(top, #eee 50%, #fff 100%);
    --purmerend-gradient-gradient-20: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    --purmerend-gradient-gradient-19: linear-gradient(to bottom, #fff 0%, #eee 50%);
    --purmerend-gradient-gradient-18: -o-linear-gradient(top, #fff 0%, #eee 50%);
    --purmerend-gradient-gradient-17: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    --purmerend-gradient-gradient-16: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    --purmerend-gradient-gradient-15: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    --purmerend-gradient-gradient-14: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    --purmerend-gradient-gradient-13: linear-gradient(to bottom, #fff 50%, #eee 100%);
    --purmerend-gradient-gradient-12: -o-linear-gradient(top, #fff 50%, #eee 100%);
    --purmerend-gradient-gradient-11: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    --purmerend-gradient-gradient-10: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    --purmerend-gradient-gradient-9: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    --purmerend-gradient-gradient-8: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    --purmerend-gradient-gradient-7: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    --purmerend-gradient-gradient-6: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    --purmerend-gradient-gradient-5: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    --purmerend-gradient-gradient-4: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    --purmerend-gradient-gradient-3: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    --purmerend-gradient-gradient-2: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    --purmerend-gradient-gradient-1: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    --purmerend-gradient-gradient-0: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    --purmerend-line-height-line-height-26: .03125em;
    --purmerend-line-height-line-height-25: .04167em;
    --purmerend-line-height-line-height-24: .05em;
    --purmerend-line-height-line-height-23: .07143em;
    --purmerend-line-height-line-height-22: .08333em;
    --purmerend-line-height-line-height-21: .1em;
    --purmerend-line-height-line-height-20: 1em;
    --purmerend-line-height-line-height-19: 20px;
    --purmerend-line-height-line-height-18: 28px;
    --purmerend-line-height-line-height-17: 30px;
    --purmerend-line-height-line-height-16: 2em;
    --purmerend-line-height-line-height-15: 34px;
    --purmerend-line-height-line-height-14: 46px;
    --purmerend-line-height-line-height-13: 60px;
    --purmerend-line-height-line-height-12: 63px;
    --purmerend-line-height-line-height-11: 6rem;
    --purmerend-line-height-line-height-10: 1.42857;
    --purmerend-line-height-line-height-9: 1.428571429;
    --purmerend-line-height-line-height-8: 1.3;
    --purmerend-line-height-line-height-7: 1.3333333;
    --purmerend-line-height-line-height-6: 1.5;
    --purmerend-line-height-line-height-5: 1.4;
    --purmerend-line-height-line-height-4: 1.1;
    --purmerend-line-height-line-height-3: 1.42857143;
    --purmerend-line-height-line-height-2: normal;
    --purmerend-line-height-line-height-1: 1;
    --purmerend-line-height-line-height-0: 0;
    --purmerend-font-family-font-family-18: "FontAwesome";
    --purmerend-font-family-font-family-17: "Font Awesome 5 Free";
    --purmerend-font-family-font-family-16: "Font Awesome 5 Brands";
    --purmerend-font-family-font-family-15: "Font Awesome 6 Brands";
    --purmerend-font-family-font-family-14: "Font Awesome 6 Free";
    --purmerend-font-family-font-family-13: var(--fa-style-family, "Font Awesome 6 Free");
    --purmerend-font-family-font-family-12: "Corbel","Cantarell","Open Sans",sans-serif;
    --purmerend-font-family-font-family-11: Corbel,"Cantarell","Open Sans",sans-serif;
    --purmerend-font-family-font-family-10: "Open Sans",sans-serif;
    --purmerend-font-family-font-family-9: "Cantarell",sans-serif;
    --purmerend-font-family-font-family-8: Corbel,sans-serif;
    --purmerend-font-family-font-family-7: "Glyphicons Halflings";
    --purmerend-font-family-font-family-6: a;
    --purmerend-font-family-font-family-5: serif;
    --purmerend-font-family-font-family-4: Menlo,Monaco,Consolas,"Courier New",monospace;
    --purmerend-font-family-font-family-3: "Helvetica Neue",Helvetica,Arial,sans-serif;
    --purmerend-font-family-font-family-2: "Glyphicons Halflings";
    --purmerend-font-family-font-family-1: monospace,monospace;
    --purmerend-font-family-font-family-0: sans-serif;
    --purmerend-font-size-font-size-48: .625em;
    --purmerend-font-size-font-size-47: 10px;
    --purmerend-font-size-font-size-46: 65%;
    --purmerend-font-size-font-size-45: .75em;
    --purmerend-font-size-font-size-44: 12px;
    --purmerend-font-size-font-size-43: 75%;
    --purmerend-font-size-font-size-42: 80%;
    --purmerend-font-size-font-size-41: 13px;
    --purmerend-font-size-font-size-40: 85%;
    --purmerend-font-size-font-size-39: .875em;
    --purmerend-font-size-font-size-38: 14px;
    --purmerend-font-size-font-size-37: 0.875em;
    --purmerend-font-size-font-size-36: 90%;
    --purmerend-font-size-font-size-35: 100%;
    --purmerend-font-size-font-size-34: 16px;
    --purmerend-font-size-font-size-33: 1em;
    --purmerend-font-size-font-size-32: 17.5px;
    --purmerend-font-size-font-size-31: 18px;
    --purmerend-font-size-font-size-30: 120%;
    --purmerend-font-size-font-size-29: 1.25em;
    --purmerend-font-size-font-size-28: 125%;
    --purmerend-font-size-font-size-27: 20px;
    --purmerend-font-size-font-size-26: 21px;
    --purmerend-font-size-font-size-25: 1.5em;
    --purmerend-font-size-font-size-24: 150%;
    --purmerend-font-size-font-size-23: 24px;
    --purmerend-font-size-font-size-22: 25px;
    --purmerend-font-size-font-size-21: 1.6rem;
    --purmerend-font-size-font-size-20: 26px;
    --purmerend-font-size-font-size-19: 1.8rem;
    --purmerend-font-size-font-size-18: 30px;
    --purmerend-font-size-font-size-17: 2rem;
    --purmerend-font-size-font-size-16: 2em;
    --purmerend-font-size-font-size-15: 36px;
    --purmerend-font-size-font-size-14: 3em;
    --purmerend-font-size-font-size-13: 63px;
    --purmerend-font-size-font-size-12: 4em;
    --purmerend-font-size-font-size-11: 5em;
    --purmerend-font-size-font-size-10: 6em;
    --purmerend-font-size-font-size-9: 7em;
    --purmerend-font-size-font-size-8: 8em;
    --purmerend-font-size-font-size-7: 9em;
    --purmerend-font-size-font-size-6: 10em;
    --purmerend-font-size-font-size-5: var(--font-size-date);
    --purmerend-font-size-font-size-4: var(--font-size-feedback-form);
    --purmerend-font-size-font-size-3: var(--font-size-tertiary);
    --purmerend-font-size-font-size-2: var(--font-size-secondary);
    --purmerend-font-size-font-size-1: var(--font-size-primary);
    --purmerend-font-size-font-size-0: 0;
    --purmerend-color-orange-14: #f7e1b5;
    --purmerend-color-orange-13: #faebcc;
    --purmerend-color-orange-12: #d58512;
    --purmerend-color-orange-11: #985f0d;
    --purmerend-color-orange-10: #ec971f;
    --purmerend-color-orange-9: #eea236;
    --purmerend-color-orange-8: #f0ad4e;
    --purmerend-color-orange-7: #c0a16b;
    --purmerend-color-orange-6: #faf2cc;
    --purmerend-color-orange-5: #66512c;
    --purmerend-color-orange-4: #8a6d3b;
    --purmerend-color-orange-3: rgba(255, 152, 0, .1);
    --purmerend-color-orange-2: rgba(255, 152, 0, .7);
    --purmerend-color-orange-1: rgba(255, 152, 0, .3);
    --purmerend-color-yellow-9: #f7ecb5;
    --purmerend-color-yellow-8: #fcf8e3;
    --purmerend-color-yellow-7: #ff0;
    --purmerend-color-yellow-6: rgba(255, 235, 59, .1);
    --purmerend-color-yellow-5: rgba(205, 220, 57, .1);
    --purmerend-color-yellow-4: rgba(255, 235, 59, .7);
    --purmerend-color-yellow-3: rgba(205, 220, 57, .7);
    --purmerend-color-yellow-2: rgba(255, 235, 59, .3);
    --purmerend-color-yellow-1: rgba(205, 220, 57, .3);
    --purmerend-color-green-17: #c9e2b3;
    --purmerend-color-green-16: #d6e9c6;
    --purmerend-color-green-15: #398439;
    --purmerend-color-green-14: #255625;
    --purmerend-color-green-13: #449d44;
    --purmerend-color-green-12: #4cae4c;
    --purmerend-color-green-11: #5cb85c;
    --purmerend-color-green-10: #67b168;
    --purmerend-color-green-9: #d0e9c6;
    --purmerend-color-green-8: #c1e2b3;
    --purmerend-color-green-7: #dff0d8;
    --purmerend-color-green-6: #2b542c;
    --purmerend-color-green-5: #3c763d;
    --purmerend-color-green-4: green;
    --purmerend-color-green-3: rgba(76, 175, 80, .1);
    --purmerend-color-green-2: rgba(76, 175, 80, .7);
    --purmerend-color-green-1: rgba(76, 175, 80, .3);
    --purmerend-color-cyan-7: #00856a;
    --purmerend-color-cyan-6: #00856A;
    --purmerend-color-cyan-5: #007c57;
    --purmerend-color-cyan-4: #00A685;
    --purmerend-color-cyan-3: rgba(0, 150, 136, .1);
    --purmerend-color-cyan-2: rgba(0, 150, 136, .7);
    --purmerend-color-cyan-1: rgba(0, 150, 136, .3);
    --purmerend-color-magenta-3: rgba(156, 39, 176, .1);
    --purmerend-color-magenta-2: rgba(156, 39, 176, .7);
    --purmerend-color-magenta-1: rgba(156, 39, 176, .3);
    --purmerend-color-pink-8: #fce6ed;
    --purmerend-color-pink-7: #d12152;
    --purmerend-color-pink-6: #D12152;
    --purmerend-color-pink-5: #f9f2f4;
    --purmerend-color-pink-4: #c7254e;
    --purmerend-color-pink-3: rgba(233, 30, 99, .1);
    --purmerend-color-pink-2: rgba(233, 30, 99, .7);
    --purmerend-color-pink-1: rgba(233, 30, 99, .3);
    --purmerend-color-red-21: #e4b9c0;
    --purmerend-color-red-20: #ebccd1;
    --purmerend-color-red-19: #ac2925;
    --purmerend-color-red-18: #761c19;
    --purmerend-color-red-17: #c9302c;
    --purmerend-color-red-16: #d43f3a;
    --purmerend-color-red-15: #d9534f;
    --purmerend-color-red-14: #ce8483;
    --purmerend-color-red-13: #ebcccc;
    --purmerend-color-red-12: #e4b9b9;
    --purmerend-color-red-11: #f2dede;
    --purmerend-color-red-10: #843534;
    --purmerend-color-red-9: #a94442;
    --purmerend-color-red-8: #fff4f4;
    --purmerend-color-red-7: #ff6d2c;
    --purmerend-color-red-6: rgba(121, 85, 72, .1);
    --purmerend-color-red-5: rgba(244, 67, 54, .1);
    --purmerend-color-red-4: rgba(121, 85, 72, .7);
    --purmerend-color-red-3: rgba(244, 67, 54, .7);
    --purmerend-color-red-2: rgba(121, 85, 72, .3);
    --purmerend-color-red-1: rgba(244, 67, 54, .3);
    --purmerend-color-blue-50: #f6f9fc;
    --purmerend-color-blue-49: #f4f5f6;
    --purmerend-color-blue-48: #3C4551;
    --purmerend-color-blue-47: #00365f;
    --purmerend-color-blue-46: #00365fd9;
    --purmerend-color-blue-45: #005A9B;
    --purmerend-color-blue-44: #00365F;
    --purmerend-color-blue-43: #245A96;
    --purmerend-color-blue-42: #617189;
    --purmerend-color-blue-41: #F4F5F6;
    --purmerend-color-blue-40: #3875d7;
    --purmerend-color-blue-39: #5897fb;
    --purmerend-color-blue-38: #428bca;
    --purmerend-color-blue-37: #c7ddef;
    --purmerend-color-blue-36: #a6e1ec;
    --purmerend-color-blue-35: #bce8f1;
    --purmerend-color-blue-34: #269abc;
    --purmerend-color-blue-33: #1b6d85;
    --purmerend-color-blue-32: #31b0d5;
    --purmerend-color-blue-31: #46b8da;
    --purmerend-color-blue-30: #5bc0de;
    --purmerend-color-blue-29: #204d74;
    --purmerend-color-blue-28: #122b40;
    --purmerend-color-blue-27: #2e6da4;
    --purmerend-color-blue-26: rgba(102, 175, 233, .6);
    --purmerend-color-blue-25: #66afe9;
    --purmerend-color-blue-24: #c4e3f3;
    --purmerend-color-blue-23: #afd9ee;
    --purmerend-color-blue-22: #d9edf7;
    --purmerend-color-blue-21: #245269;
    --purmerend-color-blue-20: #31708f;
    --purmerend-color-blue-19: #286090;
    --purmerend-color-blue-18: #23527c;
    --purmerend-color-blue-17: #337ab7;
    --purmerend-color-blue-16: #2eaae0;
    --purmerend-color-blue-15: rgba(62, 69, 81, .1);
    --purmerend-color-blue-14: rgba(96, 125, 139, .1);
    --purmerend-color-blue-13: rgba(0, 188, 212, .1);
    --purmerend-color-blue-12: rgba(63, 81, 181, .1);
    --purmerend-color-blue-11: rgba(3, 169, 244, .1);
    --purmerend-color-blue-10: rgba(62, 69, 81, .7);
    --purmerend-color-blue-9: rgba(96, 125, 139, .7);
    --purmerend-color-blue-8: rgba(0, 188, 212, .7);
    --purmerend-color-blue-7: rgba(63, 81, 181, .7);
    --purmerend-color-blue-6: rgba(3, 169, 244, .7);
    --purmerend-color-blue-5: rgba(62, 69, 81, .3);
    --purmerend-color-blue-4: rgba(96, 125, 139, .3);
    --purmerend-color-blue-3: rgba(0, 188, 212, .3);
    --purmerend-color-blue-2: rgba(63, 81, 181, .3);
    --purmerend-color-blue-1: rgba(3, 169, 244, .3);
    --purmerend-color-grey-54: #c9c9c9;
    --purmerend-color-grey-53: #dadada;
    --purmerend-color-grey-52: #929292;
    --purmerend-color-grey-51: #B1B2B3;
    --purmerend-color-grey-50: #3A3B3C;
    --purmerend-color-grey-49: #2A2B2C;
    --purmerend-color-grey-48: #18191A;
    --purmerend-color-grey-47: #706F6F;
    --purmerend-color-grey-46: #706f6f;
    --purmerend-color-grey-45: #575756;
    --purmerend-color-grey-44: #707070;
    --purmerend-color-grey-43: #DADADA;
    --purmerend-color-grey-42: #878787;
    --purmerend-color-grey-41: #090909;
    --purmerend-color-grey-40: grey;
    --purmerend-color-grey-39: #f1f1f1;
    --purmerend-color-grey-38: #e4e4e4;
    --purmerend-color-grey-37: #aaa;
    --purmerend-color-grey-36: #666;
    --purmerend-color-grey-35: #ebebeb;
    --purmerend-color-grey-34: #f7f7f7;
    --purmerend-color-grey-33: #e3e3e3;
    --purmerend-color-grey-32: #d5d5d5;
    --purmerend-color-grey-31: #101010;
    --purmerend-color-grey-30: #444;
    --purmerend-color-grey-29: #9d9d9d;
    --purmerend-color-grey-28: #080808;
    --purmerend-color-grey-27: #222;
    --purmerend-color-grey-26: #888;
    --purmerend-color-grey-25: #5e5e5e;
    --purmerend-color-grey-24: #e7e7e7;
    --purmerend-color-grey-23: #f8f8f8;
    --purmerend-color-grey-22: #262626;
    --purmerend-color-grey-21: #d4d4d4;
    --purmerend-color-grey-20: #adadad;
    --purmerend-color-grey-19: #8c8c8c;
    --purmerend-color-grey-18: #e6e6e6;
    --purmerend-color-grey-17: #737373;
    --purmerend-color-grey-16: #e5e5e5;
    --purmerend-color-grey-15: #e8e8e8;
    --purmerend-color-grey-14: #f9f9f9;
    --purmerend-color-grey-13: #f5f5f5;
    --purmerend-color-grey-12: #777;
    --purmerend-color-grey-11: #333;
    --purmerend-color-grey-10: #ddd;
    --purmerend-color-grey-9: #999;
    --purmerend-color-grey-8: silver;
    --purmerend-color-grey-7: #727272;
    --purmerend-color-grey-6: #eee;
    --purmerend-color-grey-5: rgba(158, 158, 158, .1);
    --purmerend-color-grey-4: rgba(158, 158, 158, .7);
    --purmerend-color-grey-3: rgba(158, 158, 158, .3);
    --purmerend-color-grey-2: #ccc;
    --purmerend-color-grey-1: #555;
    --purmerend-color-white-9: #FFFFFF;
    --purmerend-color-white-8: #ffffff;
    --purmerend-color-white-7: rgba(255, 255, 255, 0.15);
    --purmerend-color-white-6: rgba(255, 255, 255, .15);
    --purmerend-color-white-5: white;
    --purmerend-color-white-4: rgba(255, 255, 255, .1);
    --purmerend-color-white-3: rgba(255, 255, 255, .7);
    --purmerend-color-white-2: rgba(255, 255, 255, .3);
    --purmerend-color-white-1: #fff;
    --purmerend-color-black-24: #000000;
    --purmerend-color-black-23: rgba(0, 0, 0, 0.0001);
    --purmerend-color-black-22: rgba(0, 0, 0, 0.5);
    --purmerend-color-black-21: black;
    --purmerend-color-black-20: #000\9 ;
    --purmerend-color-black-19: rgba(0, 0, 0, .0001);
    --purmerend-color-black-18: rgba(0, 0, 0, .6);
    --purmerend-color-black-17: rgba(0, 0, 0, .5);
    --purmerend-color-black-16: rgba(0, 0, 0, .2);
    --purmerend-color-black-15: rgba(0, 0, 0, .05);
    --purmerend-color-black-14: rgba(0, 0, 0, .175);
    --purmerend-color-black-13: rgba(0, 0, 0, .15);
    --purmerend-color-black-12: rgba(0, 0, 0, .125);
    --purmerend-color-black-11: rgba(0, 0, 0, .075);
    --purmerend-color-black-10: rgba(0, 0, 0, .25);
    --purmerend-color-black-9: rgba(0, 0, 0, 0);
    --purmerend-color-black-8: rgba(0, 0, 0, 0.2);
    --purmerend-color-black-7: rgba(0, 0, 0, .1);
    --purmerend-color-black-6: rgba(0, 0, 0, .7);
    --purmerend-color-black-5: rgba(0, 0, 0, .3);
    --purmerend-color-black-4: rgba(0, 0, 0, 0.063);
    --purmerend-color-black-3: transparent;
    --purmerend-color-black-2: #000;
    --purmerend-color-black-1: scrollbar;
    --basis-page-max-inline-size: 1140px;
    --basis-feedback-positive: var(--basis-color-green);
    --basis-feedback-negative: var(--basis-color-red);
    --basis-feedback-informative: var(--basis-color-blue);
    --basis-icon-toptask-size: var(--basis-size-icon-4xl);
    --basis-icon-functional-size: var(--basis-size-icon-md);
    --basis-interaction-hover-color: var(--basis-color-blue);
    --basis-interaction-active-color: var(--basis-color-red);
    --basis-interaction-color: var(--basis-color-blue);
    --basis-document-strong-font-weight: var(--basis-typography-font-weight-bold);
    --basis-document-subtle-color: var(--basis-color-gray-600);
    --basis-document-inverse-color: var(--basis-color-white);
    --basis-document-inverse-background-color: var(--basis-color-gray-950);
    --basis-form-control-disabled-accent-color: var(--basis-color-gray-500);
    --basis-form-control-accent-color: var(--basis-color-black);
    --basis-form-control-hover-color: var(--basis-color-gray-950);
    --basis-form-control-hover-border-color: var(--basis-color-gray-500);
    --basis-form-control-hover-background-color: var(--basis-color-gray-50);
    --basis-form-control-hover-accent-color: var(--basis-interaction-hover-color);
    --basis-form-control-hover-border-width: var(--basis-border-width-md);
    --basis-form-control-active-color: var(--basis-color-gray-950);
    --basis-form-control-active-border-color: var(--basis-color-gray-500);
    --basis-form-control-active-background-color: var(--basis-color-gray-100);
    --basis-form-control-active-accent-color: var(--basis-interaction-active-color);
    --basis-form-control-active-border-width: var(--basis-border-width-md);
    --basis-code-font-family: var(--basis-typography-font-family-code);
    --basis-line-border-color: var(--basis-color-black);
    --basis-line-border-width: var(--basis-border-width-sm);
    --basis-container-border-color: var(--basis-color-black);
    --basis-container-border-width: var(--basis-border-width-sm);
    --basis-root-color: var(--basis-color-text-text-1);
    --basis-root-background-color: var(--basis-color-gray-50);
    --basis-box-shadow-lg: [object Object];
    --basis-box-shadow-md: [object Object];
    --basis-box-shadow-sm: [object Object];
    --basis-size-icon-4xl: 48px;
    --basis-size-icon-3xl: 40px;
    --basis-size-icon-2xl: 32px;
    --basis-size-icon-xl: 24px;
    --basis-size-icon-lg: 24px;
    --basis-size-icon-md: 24px;
    --basis-size-icon-sm: 16px;
    --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-border-width-lg: 4px;
    --basis-border-width-md: 2px;
    --basis-border-width-sm: 1px;
    --basis-border-radius-round: 999px;
    --basis-border-radius-lg: 16px;
    --basis-border-radius-md: var(--purmerend-radius-radius-10);
    --basis-border-radius-sm: 4px;
    --basis-space-relation-onbemind: var(--basis-space-row-xxxxx-large);
    --basis-space-relation-onbekenden: var(--basis-space-row-xxxx-large);
    --basis-space-relation-bekenden: var(--basis-space-row-xxx-large);
    --basis-space-relation-vrienden: var(--basis-space-row-x-large);
    --basis-space-relation-besties: var(--basis-space-row-medium);
    --basis-space-relation-kind: 0px;
    --basis-space-row-max-xxxxxx-large: 160px;
    --basis-space-row-max-xxxxx-large: 64px;
    --basis-space-row-max-xxxx-large: 32px;
    --basis-space-row-max-xxx-large: 24px;
    --basis-space-row-max-xx-large: 20px;
    --basis-space-row-max-x-large: 16px;
    --basis-space-row-max-large: 12px;
    --basis-space-row-max-medium: 8px;
    --basis-space-row-max-small: 4px;
    --basis-space-row-max-x-small: 2px;
    --basis-space-row-max-xx-small: 1px;
    --basis-space-row-min-xxxxxx-large: 160px;
    --basis-space-row-min-xxxxx-large: 64px;
    --basis-space-row-min-xxxx-large: 32px;
    --basis-space-row-min-xxx-large: 24px;
    --basis-space-row-min-xx-large: 20px;
    --basis-space-row-min-x-large: 16px;
    --basis-space-row-min-large: 12px;
    --basis-space-row-min-medium: 8px;
    --basis-space-row-min-small: 4px;
    --basis-space-row-min-x-small: 2px;
    --basis-space-row-min-xx-small: 1px;
    --basis-space-row-xxxxxx-large: 160px;
    --basis-space-row-xxxxx-large: 64px;
    --basis-space-row-xxxx-large: 32px;
    --basis-space-row-xxx-large: 24px;
    --basis-space-row-xx-large: 20px;
    --basis-space-row-x-large: 16px;
    --basis-space-row-large: 12px;
    --basis-space-row-medium: 8px;
    --basis-space-row-small: 4px;
    --basis-space-row-x-small: 2px;
    --basis-space-row-xx-small: 1px;
    --basis-space-column-max-xxxxxx-large: 160px;
    --basis-space-column-max-xxxxx-large: 64px;
    --basis-space-column-max-xxxx-large: 32px;
    --basis-space-column-max-xxx-large: 24px;
    --basis-space-column-max-xx-large: 20px;
    --basis-space-column-max-x-large: 16px;
    --basis-space-column-max-large: 12px;
    --basis-space-column-max-medium: 8px;
    --basis-space-column-max-small: 4px;
    --basis-space-column-max-x-small: 2px;
    --basis-space-column-max-xx-small: 1px;
    --basis-space-column-min-xxxxxx-large: 160px;
    --basis-space-column-min-xxxxx-large: 64px;
    --basis-space-column-min-xxxx-large: 32px;
    --basis-space-column-min-xxx-large: 24px;
    --basis-space-column-min-xx-large: 20px;
    --basis-space-column-min-x-large: 16px;
    --basis-space-column-min-large: 12px;
    --basis-space-column-min-medium: 8px;
    --basis-space-column-min-small: 4px;
    --basis-space-column-min-x-small: 2px;
    --basis-space-column-min-xx-small: 1px;
    --basis-space-column-xxxxxx-large: 160px;
    --basis-space-column-xxxxx-large: 64px;
    --basis-space-column-xxxx-large: 32px;
    --basis-space-column-xxx-large: 24px;
    --basis-space-column-xx-large: 20px;
    --basis-space-column-x-large: 16px;
    --basis-space-column-large: 12px;
    --basis-space-column-medium: 8px;
    --basis-space-column-small: 4px;
    --basis-space-column-x-small: 2px;
    --basis-space-column-xx-small: 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-xxxxxx-large: 320px;
    --basis-space-block-max-xxxxx-large: 128px;
    --basis-space-block-max-xxxx-large: 64px;
    --basis-space-block-max-xxx-large: 48px;
    --basis-space-block-max-xx-large: 40px;
    --basis-space-block-max-x-large: 32px;
    --basis-space-block-max-large: 24px;
    --basis-space-block-max-medium: 16px;
    --basis-space-block-max-small: 8px;
    --basis-space-block-max-x-small: 4px;
    --basis-space-block-max-xx-small: 2px;
    --basis-space-block-min-xxxxxx-large: 160px;
    --basis-space-block-min-xxxxx-large: 64px;
    --basis-space-block-min-xxxx-large: 32px;
    --basis-space-block-min-xxx-large: 24px;
    --basis-space-block-min-xx-large: 20px;
    --basis-space-block-min-x-large: 16px;
    --basis-space-block-min-large: 12px;
    --basis-space-block-min-medium: 8px;
    --basis-space-block-min-small: 4px;
    --basis-space-block-min-x-small: 2px;
    --basis-space-block-min-xx-small: 1px;
    --basis-space-block-xxxxxx-large: 160px;
    --basis-space-block-xxxxx-large: 64px;
    --basis-space-block-xxxx-large: 32px;
    --basis-space-block-xxx-large: 24px;
    --basis-space-block-xx-large: 20px;
    --basis-space-block-x-large: 16px;
    --basis-space-block-large: 12px;
    --basis-space-block-medium: 8px;
    --basis-space-block-small: 4px;
    --basis-space-block-x-small: 2px;
    --basis-space-block-xx-small: 1px;
    --basis-space-inline-max-xxxxxx-large: 320px;
    --basis-space-inline-max-xxxxx-large: 128px;
    --basis-space-inline-max-xxxx-large: 64px;
    --basis-space-inline-max-xxx-large: 48px;
    --basis-space-inline-max-xx-large: 40px;
    --basis-space-inline-max-x-large: 32px;
    --basis-space-inline-max-large: 24px;
    --basis-space-inline-max-medium: 16px;
    --basis-space-inline-max-small: 8px;
    --basis-space-inline-max-x-small: 4px;
    --basis-space-inline-max-xx-small: 2px;
    --basis-space-inline-min-xxxxxx-large: 160px;
    --basis-space-inline-min-xxxxx-large: 64px;
    --basis-space-inline-min-xxxx-large: 32px;
    --basis-space-inline-min-xxx-large: 24px;
    --basis-space-inline-min-xx-large: 20px;
    --basis-space-inline-min-x-large: 16px;
    --basis-space-inline-min-large: 12px;
    --basis-space-inline-min-medium: 8px;
    --basis-space-inline-min-small: 4px;
    --basis-space-inline-min-x-small: 2px;
    --basis-space-inline-min-xx-small: 1px;
    --basis-space-inline-xxxxxx-large: 160px;
    --basis-space-inline-xxxxx-large: 64px;
    --basis-space-inline-xxxx-large: 32px;
    --basis-space-inline-xxx-large: 24px;
    --basis-space-inline-xx-large: 20px;
    --basis-space-inline-x-large: 16px;
    --basis-space-inline-large: 12px;
    --basis-space-inline-medium: 8px;
    --basis-space-inline-small: 4px;
    --basis-space-inline-x-small: 2px;
    --basis-space-inline-xx-small: 1px;
    --basis-selected-color: var(--basis-color-white);
    --basis-selected-background-color: var(--basis-color-blue);
    --basis-focus-color: var(--basis-color-highlight-text-1);
    --basis-focus-background-color: var(--basis-color-highlight-bg-1);
    --basis-body-line-height: var(--basis-typography-line-height-md);
    --basis-body-font-weight: var(--basis-typography-font-weight-normal);
    --basis-body-font-size: var(--basis-typography-font-size-5);
    --basis-body-color: var(--basis-color-text-text-1);
    --basis-body-background-color: var(--basis-color-text-bg-1);
    --basis-color-success-inverse-text-2: var(--purmerend-color-cyan-6);
    --basis-color-success-inverse-text-1: var(--purmerend-color-cyan-6);
    --basis-color-success-inverse-fill-2: var(--purmerend-color-cyan-6);
    --basis-color-success-inverse-fill-1: var(--purmerend-color-cyan-6);
    --basis-color-success-inverse-border-3: var(--purmerend-color-cyan-6);
    --basis-color-success-inverse-border-2: var(--purmerend-color-cyan-6);
    --basis-color-success-inverse-border-1: var(--purmerend-color-cyan-6);
    --basis-color-success-inverse-interactive-3: var(--purmerend-color-grey-9);
    --basis-color-success-inverse-interactive-2: var(--purmerend-color-grey-9);
    --basis-color-success-inverse-interactive-1: var(--purmerend-color-grey-9);
    --basis-color-success-inverse-bg-2: var(--purmerend-color-white-1);
    --basis-color-success-inverse-bg-1: var(--purmerend-color-white-1);
    --basis-color-info-inverse-text-2: var(--purmerend-color-cyan-6);
    --basis-color-info-inverse-text-1: var(--purmerend-color-cyan-6);
    --basis-color-info-inverse-fill-2: var(--purmerend-color-cyan-6);
    --basis-color-info-inverse-fill-1: var(--purmerend-color-cyan-6);
    --basis-color-info-inverse-border-3: var(--purmerend-color-cyan-6);
    --basis-color-info-inverse-border-2: var(--purmerend-color-cyan-6);
    --basis-color-info-inverse-border-1: var(--purmerend-color-cyan-6);
    --basis-color-info-inverse-interactive-3: var(--purmerend-color-grey-9);
    --basis-color-info-inverse-interactive-2: var(--purmerend-color-grey-9);
    --basis-color-info-inverse-interactive-1: var(--purmerend-color-grey-9);
    --basis-color-info-inverse-bg-2: var(--purmerend-color-white-1);
    --basis-color-info-inverse-bg-1: var(--purmerend-color-white-1);
    --basis-color-error-inverse-text-2: var(--purmerend-color-cyan-6);
    --basis-color-error-inverse-text-1: var(--purmerend-color-cyan-6);
    --basis-color-error-inverse-fill-2: var(--purmerend-color-cyan-6);
    --basis-color-error-inverse-fill-1: var(--purmerend-color-cyan-6);
    --basis-color-error-inverse-border-3: var(--purmerend-color-cyan-6);
    --basis-color-error-inverse-border-2: var(--purmerend-color-cyan-6);
    --basis-color-error-inverse-border-1: var(--purmerend-color-cyan-6);
    --basis-color-error-inverse-interactive-3: var(--purmerend-color-grey-9);
    --basis-color-error-inverse-interactive-2: var(--purmerend-color-grey-9);
    --basis-color-error-inverse-interactive-1: var(--purmerend-color-grey-9);
    --basis-color-error-inverse-bg-2: var(--purmerend-color-white-1);
    --basis-color-error-inverse-bg-1: var(--purmerend-color-white-1);
    --basis-color-warning-inverse-text-2: var(--purmerend-color-cyan-6);
    --basis-color-warning-inverse-text-1: var(--purmerend-color-cyan-6);
    --basis-color-warning-inverse-fill-2: var(--purmerend-color-cyan-6);
    --basis-color-warning-inverse-fill-1: var(--purmerend-color-cyan-6);
    --basis-color-warning-inverse-border-3: var(--purmerend-color-cyan-6);
    --basis-color-warning-inverse-border-2: var(--purmerend-color-cyan-6);
    --basis-color-warning-inverse-border-1: var(--purmerend-color-cyan-6);
    --basis-color-warning-inverse-interactive-3: var(--purmerend-color-grey-9);
    --basis-color-warning-inverse-interactive-2: var(--purmerend-color-grey-9);
    --basis-color-warning-inverse-interactive-1: var(--purmerend-color-grey-9);
    --basis-color-warning-inverse-bg-2: var(--purmerend-color-white-1);
    --basis-color-warning-inverse-bg-1: var(--purmerend-color-white-1);
    --basis-color-secondary-inverse-text-2: var(--purmerend-color-white-1);
    --basis-color-secondary-inverse-text-1: var(--purmerend-color-white-1);
    --basis-color-secondary-inverse-fill-2: var(--purmerend-color-white-1);
    --basis-color-secondary-inverse-fill-1: var(--purmerend-color-white-1);
    --basis-color-secondary-inverse-border-3: var(--purmerend-color-blue-44);
    --basis-color-secondary-inverse-border-2: var(--purmerend-color-blue-44);
    --basis-color-secondary-inverse-border-1: var(--purmerend-color-blue-44);
    --basis-color-secondary-inverse-interactive-3: var(--purmerend-color-grey-49);
    --basis-color-secondary-inverse-interactive-2: var(--purmerend-color-grey-49);
    --basis-color-secondary-inverse-interactive-1: var(--purmerend-color-grey-49);
    --basis-color-secondary-inverse-bg-2: var(--purmerend-color-blue-17);
    --basis-color-secondary-inverse-bg-1: var(--purmerend-color-blue-44);
    --basis-color-primary-inverse-text-2: var(--purmerend-color-white-1);
    --basis-color-primary-inverse-text-1: var(--purmerend-color-white-1);
    --basis-color-primary-inverse-fill-2: var(--purmerend-color-white-1);
    --basis-color-primary-inverse-fill-1: var(--purmerend-color-white-1);
    --basis-color-primary-inverse-border-3: var(--purmerend-color-cyan-6);
    --basis-color-primary-inverse-border-2: var(--purmerend-color-cyan-6);
    --basis-color-primary-inverse-border-1: var(--purmerend-color-cyan-6);
    --basis-color-primary-inverse-interactive-3: var(--purmerend-color-grey-49);
    --basis-color-primary-inverse-interactive-2: var(--purmerend-color-grey-49);
    --basis-color-primary-inverse-interactive-1: var(--purmerend-color-grey-49);
    --basis-color-primary-inverse-bg-2: var(--purmerend-color-cyan-6);
    --basis-color-primary-inverse-bg-1: var(--purmerend-color-cyan-6);
    --basis-color-disabled-inverse-text-2: var(--purmerend-color-white-1);
    --basis-color-disabled-inverse-text-1: var(--purmerend-color-white-1);
    --basis-color-disabled-inverse-fill-2: var(--purmerend-color-white-1);
    --basis-color-disabled-inverse-fill-1: var(--purmerend-color-white-1);
    --basis-color-disabled-inverse-border-3: var(--purmerend-color-white-1);
    --basis-color-disabled-inverse-border-2: var(--purmerend-color-white-1);
    --basis-color-disabled-inverse-border-1: var(--purmerend-color-white-1);
    --basis-color-disabled-inverse-interactive-3: var(--purmerend-color-grey-49);
    --basis-color-disabled-inverse-interactive-2: var(--purmerend-color-grey-49);
    --basis-color-disabled-inverse-interactive-1: var(--purmerend-color-grey-49);
    --basis-color-disabled-inverse-bg-2: var(--purmerend-color-cyan-6);
    --basis-color-disabled-inverse-bg-1: var(--purmerend-color-cyan-6);
    --basis-color-text-inverse-text-2: var(--purmerend-color-white-1);
    --basis-color-text-inverse-text-1: var(--purmerend-color-white-1);
    --basis-color-text-inverse-fill-2: var(--purmerend-color-white-1);
    --basis-color-text-inverse-fill-1: var(--purmerend-color-white-1);
    --basis-color-text-inverse-border-3: var(--purmerend-color-white-1);
    --basis-color-text-inverse-border-2: var(--purmerend-color-white-1);
    --basis-color-text-inverse-border-1: var(--purmerend-color-white-1);
    --basis-color-text-inverse-interactive-3: var(--purmerend-color-grey-49);
    --basis-color-text-inverse-interactive-2: var(--purmerend-color-grey-49);
    --basis-color-text-inverse-interactive-1: var(--purmerend-color-grey-49);
    --basis-color-text-inverse-bg-2: var(--purmerend-color-cyan-6);
    --basis-color-text-inverse-bg-1: var(--purmerend-color-cyan-6);
    --basis-color-mark-text-2: var(--purmerend-color-black-2);
    --basis-color-mark-text-1: var(--purmerend-color-black-2);
    --basis-color-mark-fill-2: var(--purmerend-color-black-2);
    --basis-color-mark-fill-1: var(--purmerend-color-black-2);
    --basis-color-mark-border-3: var(--purmerend-color-black-2);
    --basis-color-mark-border-2: var(--purmerend-color-black-2);
    --basis-color-mark-border-1: var(--purmerend-color-black-2);
    --basis-color-mark-interactive-3: var(--purmerend-color-orange-8);
    --basis-color-mark-interactive-2: var(--purmerend-color-orange-8);
    --basis-color-mark-interactive-1: var(--purmerend-color-orange-8);
    --basis-color-mark-bg-2: var(--purmerend-color-orange-8);
    --basis-color-mark-bg-1: var(--purmerend-color-orange-8);
    --basis-color-selected-text-2: var(--purmerend-color-blue-44);
    --basis-color-selected-text-1: var(--purmerend-color-blue-44);
    --basis-color-selected-fill-2: var(--purmerend-color-blue-44);
    --basis-color-selected-fill-1: var(--purmerend-color-blue-44);
    --basis-color-selected-border-3: var(--purmerend-color-blue-44);
    --basis-color-selected-border-2: var(--purmerend-color-blue-44);
    --basis-color-selected-border-1: var(--purmerend-color-blue-44);
    --basis-color-selected-interactive-3: var(--purmerend-color-blue-17);
    --basis-color-selected-interactive-2: var(--purmerend-color-blue-17);
    --basis-color-selected-interactive-1: var(--purmerend-color-blue-17);
    --basis-color-selected-bg-2: var(--purmerend-color-blue-17);
    --basis-color-selected-bg-1: var(--purmerend-color-blue-17);
    --basis-color-highlight-text-2: var(--purmerend-color-black-2);
    --basis-color-highlight-text-1: var(--purmerend-color-black-2);
    --basis-color-highlight-fill-2: var(--purmerend-color-black-2);
    --basis-color-highlight-fill-1: var(--purmerend-color-black-2);
    --basis-color-highlight-border-3: var(--purmerend-color-black-2);
    --basis-color-highlight-border-2: var(--purmerend-color-black-2);
    --basis-color-highlight-border-1: var(--purmerend-color-black-2);
    --basis-color-highlight-interactive-3: var(--purmerend-color-yellow-7);
    --basis-color-highlight-interactive-2: var(--purmerend-color-yellow-7);
    --basis-color-highlight-interactive-1: var(--purmerend-color-yellow-7);
    --basis-color-highlight-bg-2: var(--purmerend-color-yellow-7);
    --basis-color-highlight-bg-1: var(--purmerend-color-yellow-7);
    --basis-color-success-text-2: var(--purmerend-color-green-3);
    --basis-color-success-text-1: var(--purmerend-color-green-3);
    --basis-color-success-fill-2: var(--purmerend-color-green-3);
    --basis-color-success-fill-1: var(--purmerend-color-green-3);
    --basis-color-success-border-3: var(--purmerend-color-green-3);
    --basis-color-success-border-2: var(--purmerend-color-green-3);
    --basis-color-success-border-1: var(--purmerend-color-green-3);
    --basis-color-success-interactive-3: var(--purmerend-color-green-15);
    --basis-color-success-interactive-2: var(--purmerend-color-green-15);
    --basis-color-success-interactive-1: var(--purmerend-color-green-15);
    --basis-color-success-bg-2: var(--purmerend-color-green-15);
    --basis-color-success-bg-1: var(--purmerend-color-green-15);
    --basis-color-info-text-2: var(--purmerend-color-blue-11);
    --basis-color-info-text-1: var(--purmerend-color-blue-11);
    --basis-color-info-fill-2: var(--purmerend-color-blue-11);
    --basis-color-info-fill-1: var(--purmerend-color-blue-11);
    --basis-color-info-border-3: var(--purmerend-color-blue-11);
    --basis-color-info-border-2: var(--purmerend-color-blue-11);
    --basis-color-info-border-1: var(--purmerend-color-blue-11);
    --basis-color-info-interactive-3: var(--purmerend-color-blue-17);
    --basis-color-info-interactive-2: var(--purmerend-color-blue-17);
    --basis-color-info-interactive-1: var(--purmerend-color-blue-17);
    --basis-color-info-bg-2: var(--purmerend-color-blue-17);
    --basis-color-info-bg-1: var(--purmerend-color-blue-17);
    --basis-color-error-text-2: var(--purmerend-color-red-14);
    --basis-color-error-text-1: var(--purmerend-color-red-14);
    --basis-color-error-fill-2: var(--purmerend-color-red-14);
    --basis-color-error-fill-1: var(--purmerend-color-red-14);
    --basis-color-error-border-3: var(--purmerend-color-red-17);
    --basis-color-error-border-2: var(--purmerend-color-red-17);
    --basis-color-error-border-1: var(--purmerend-color-red-17);
    --basis-color-error-interactive-3: var(--purmerend-color-red-17);
    --basis-color-error-interactive-2: var(--purmerend-color-red-17);
    --basis-color-error-interactive-1: var(--purmerend-color-red-17);
    --basis-color-error-bg-2: var(--purmerend-color-red-17);
    --basis-color-error-bg-1: var(--purmerend-color-red-17);
    --basis-color-warning-text-2: var(--purmerend-color-white-1);
    --basis-color-warning-text-1: var(--purmerend-color-white-1);
    --basis-color-warning-fill-2: var(--purmerend-color-white-1);
    --basis-color-warning-fill-1: var(--purmerend-color-white-1);
    --basis-color-warning-border-3: var(--purmerend-color-orange-1);
    --basis-color-warning-border-2: var(--purmerend-color-orange-1);
    --basis-color-warning-border-1: var(--purmerend-color-orange-1);
    --basis-color-warning-interactive-3: var(--purmerend-color-orange-11);
    --basis-color-warning-interactive-2: var(--purmerend-color-orange-11);
    --basis-color-warning-interactive-1: var(--purmerend-color-orange-11);
    --basis-color-warning-bg-2: var(--purmerend-color-orange-11);
    --basis-color-warning-bg-1: var(--purmerend-color-orange-11);
    --basis-color-secondary-text-2: var(--purmerend-color-cyan-4);
    --basis-color-secondary-text-1: var(--purmerend-color-cyan-4);
    --basis-color-secondary-fill-2: var(--purmerend-color-cyan-4);
    --basis-color-secondary-fill-1: var(--purmerend-color-cyan-4);
    --basis-color-secondary-border-3: var(--purmerend-color-cyan-4);
    --basis-color-secondary-border-2: var(--purmerend-color-cyan-4);
    --basis-color-secondary-border-1: var(--purmerend-color-cyan-4);
    --basis-color-secondary-interactive-3: var(--purmerend-color-grey-50);
    --basis-color-secondary-interactive-2: var(--purmerend-color-grey-50);
    --basis-color-secondary-interactive-1: var(--purmerend-color-grey-50);
    --basis-color-secondary-bg-2: var(--purmerend-color-grey-50);
    --basis-color-secondary-bg-1: var(--purmerend-color-grey-48);
    --basis-color-primary-text-2: var(--purmerend-color-blue-16);
    --basis-color-primary-text-1: var(--purmerend-color-blue-16);
    --basis-color-primary-fill-2: var(--purmerend-color-blue-16);
    --basis-color-primary-fill-1: var(--purmerend-color-blue-16);
    --basis-color-primary-border-3: var(--purmerend-color-blue-16);
    --basis-color-primary-border-2: var(--purmerend-color-blue-16);
    --basis-color-primary-border-1: var(--purmerend-color-blue-16);
    --basis-color-primary-interactive-3: var(--purmerend-color-grey-50);
    --basis-color-primary-interactive-2: var(--purmerend-color-grey-50);
    --basis-color-primary-interactive-1: var(--purmerend-color-grey-50);
    --basis-color-primary-bg-2: var(--purmerend-color-grey-50);
    --basis-color-primary-bg-1: var(--purmerend-color-grey-48);
    --basis-color-disabled-text-2: var(--purmerend-color-grey-37);
    --basis-color-disabled-text-1: var(--purmerend-color-grey-26);
    --basis-color-disabled-fill-2: var(--purmerend-color-grey-26);
    --basis-color-disabled-fill-1: var(--purmerend-color-grey-26);
    --basis-color-disabled-border-3: var(--purmerend-color-grey-26);
    --basis-color-disabled-border-2: var(--purmerend-color-grey-26);
    --basis-color-disabled-border-1: var(--purmerend-color-grey-26);
    --basis-color-disabled-interactive-3: var(--purmerend-color-grey-50);
    --basis-color-disabled-interactive-2: var(--purmerend-color-grey-50);
    --basis-color-disabled-interactive-1: var(--purmerend-color-grey-50);
    --basis-color-disabled-bg-2: var(--purmerend-color-grey-50);
    --basis-color-disabled-bg-1: var(--purmerend-color-grey-48);
    --basis-color-text-text-2: var(--purmerend-color-white-1);
    --basis-color-text-text-1: var(--purmerend-color-white-1);
    --basis-color-text-fill-2: var(--purmerend-color-white-1);
    --basis-color-text-fill-1: var(--purmerend-color-white-1);
    --basis-color-text-border-3: var(--purmerend-color-white-1);
    --basis-color-text-border-2: var(--purmerend-color-white-1);
    --basis-color-text-border-1: var(--purmerend-color-white-1);
    --basis-color-text-interactive-3: var(--purmerend-color-grey-50);
    --basis-color-text-interactive-2: var(--purmerend-color-grey-50);
    --basis-color-text-interactive-1: var(--purmerend-color-grey-50);
    --basis-color-text-bg-2: var(--purmerend-color-grey-50);
    --basis-color-text-bg-1: var(--purmerend-color-grey-48);
    --basis-color-dark-alpha-100: #0000001a;
    --basis-color-dark-alpha-50: #0000000d;
    --basis-color-light-alpha-100: #ffffff1a;
    --basis-color-light-alpha-50: #ffffff0d;
    --basis-color-gray-950: #181818;
    --basis-color-gray-900: #3B3B3B;
    --basis-color-gray-800: #4B4B4B;
    --basis-color-gray-700: #585858;
    --basis-color-gray-600: #6A6A6A;
    --basis-color-gray-500: #888888;
    --basis-color-gray-400: #A4A4A4;
    --basis-color-gray-300: #BCBCBC;
    --basis-color-gray-200: #D4D4D4;
    --basis-color-gray-100: #EDEDED;
    --basis-color-gray-50: #F6F6F6;
    --basis-color-purple: #663399;
    --basis-color-yellow: #FFFF00;
    --basis-color-green: #008000;
    --basis-color-red: #ED0000;
    --basis-color-blue: #0000FF;
    --basis-color-black: #000000;
    --basis-color-white: #ffffff;
    --basis-typography-font-family-code: Courier New, monospace;
    --basis-typography-font-family-default: var(--purmerend-font-family-font-family-9);
    --basis-typography-font-weight-bold: 700;
    --basis-typography-font-weight-normal: 400;
    --basis-typography-line-height-lg: 200%;
    --basis-typography-line-height-md: 150%;
    --basis-typography-line-height-sm: 125%;
    --basis-typography-line-height-xs: 100%;
    --basis-typography-font-size-6: var(--purmerend-font-size-font-size-34);
    --basis-typography-font-size-5: var(--purmerend-font-size-font-size-27);
    --basis-typography-font-size-4: var(--purmerend-font-size-font-size-27);
    --basis-typography-font-size-3: var(--purmerend-font-size-font-size-27);
    --basis-typography-font-size-2: var(--purmerend-font-size-font-size-27);
    --basis-typography-font-size-1: var(--purmerend-font-size-font-size-20);
    --basis-typography-font-size-0: var(--purmerend-font-size-font-size-20);
  }
}

.organization-theme {
  --signalen-modal-dialog-background-color: var(
    --utrecht-body-background-color
  );
  --signalen-modal-dialog-color: var(--utrecht-body-color);
  --utrecht-icon-inset-block-start: 0.15em !important;
  --utrecht-link-list-icon-inset-block-start: 0.15em !important;
  --signalen-progress-bar-border-radius: 4px;
}

@media (prefers-color-scheme: dark) {
  .organization-theme--media-query,
  .organization-theme--media-query-color-scheme {
    --purmerend-logo-color-1: rgba(255 255 255 / 1);
    --purmerend-logo-color-2: rgba(255 255 255 / 0.75);
    --purmerend-logo-color-3: rgba(255 255 255 / 0.5);
  }
  .organization-theme--media-query :any-link:focus-visible,
  .organization-theme--media-query-color-scheme :any-link:focus-visible {
    --purmerend-logo-color-1: rgba(0 0 0 / 1);
    --purmerend-logo-color-2: rgba(0 0 0 / 0.75);
    --purmerend-logo-color-3: rgba(0 0 0 / 0.5);
  }
}

.organization-theme {
  --signalen-modal-dialog-background-color: var(
    --utrecht-body-background-color
  );
  --signalen-modal-dialog-color: var(--utrecht-body-color);
  --utrecht-icon-inset-block-start: 0.15em !important;
  --utrecht-link-list-icon-inset-block-start: 0.15em !important;
  --signalen-progress-bar-border-radius: 4px;
}

@media (prefers-color-scheme: dark) {
  .organization-theme--media-query,
  .organization-theme--media-query-color-scheme {
    --purmerend-logo-color-1: rgba(255 255 255 / 1);
    --purmerend-logo-color-2: rgba(255 255 255 / 0.75);
    --purmerend-logo-color-3: rgba(255 255 255 / 0.5);
  }
  .organization-theme--media-query :any-link:focus-visible,
  .organization-theme--media-query-color-scheme :any-link:focus-visible {
    --purmerend-logo-color-1: rgba(0 0 0 / 1);
    --purmerend-logo-color-2: rgba(0 0 0 / 0.75);
    --purmerend-logo-color-3: rgba(0 0 0 / 0.5);
  }
}

.utrecht-form-fieldset__legend.utrecht-form-fieldset__legend--html-legend {
  font-weight: var(--basis-typography-font-weight-bold);
}

.utrecht-form-field__label  {
  padding-bottom: var(--basis-space-block-medium);
}