@import url('//openstad-cdn.nl/css/_icons/remixicon.css');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/**
 * Do not edit directly
 * Generated on Wed, 19 May 2025 09:00:00 GMT
 */


 /* Bloemendaal */
.openstad, [data-apos-level] {
    --nlds-header-compact-background-color: #098095;
    --nlds-default-background-color: var(--draad-gray-background);
    --nlds-footer-background-color: #013056;
    --nlds-footer-color: #fff;
    
    --utrecht-accordion-border-radius: 5px;
    --utrecht-accordion-section-border-block-end-width: 1px;
    --utrecht-accordion-section-border-width: auto;
    --utrecht-accordion-section-border-color: hsl(0, 0%, 90%);
    --utrecht-accordion-body-border-color: transparent;
    --utrecht-accordion-body-border-width: 4px;
    --utrecht-accordion-body-padding-block-end: 24px;
    --utrecht-accordion-body-padding-block-start: 24px;
    --utrecht-accordion-body-padding-inline-end: 16px;
    --utrecht-accordion-body-padding-inline-start: 16px;
    --utrecht-accordion-button-font-size: 16px;
    --utrecht-accordion-button-line-height: 150%;
    --utrecht-accordion-button-icon-margin-inline: 8px;
    --utrecht-accordion-button-icon-size: 24px;
    --utrecht-accordion-button-padding-block-end: 12px;
    --utrecht-accordion-button-padding-block-start: 12px;
    --utrecht-accordion-button-padding-inline-end: 16px;
    --utrecht-accordion-button-padding-inline-start: 16px;
    --utrecht-accordion-button-hover-background-color: #098095;
    --utrecht-accordion-button-hover-border-color: #098095;
    --utrecht-accordion-button-hover-color: #fff;
    --utrecht-accordion-button-expanded-background-color: #fff;
    --utrecht-accordion-button-expanded-border-color: #098095;
    --utrecht-accordion-button-expanded-color: #098095;
    --utrecht-accordion-button-background-color: #fff;
    --utrecht-accordion-button-border-color: #098095;
    --utrecht-accordion-button-color: #098095;
    --utrecht-accordion-button-focus-background-color: #fff;
    --utrecht-accordion-button-focus-border-color: #098095;
    --utrecht-accordion-button-focus-color: #098095;
    --utrecht-accordion-button-active-background-color: #fff;
    --utrecht-accordion-button-active-border-color: #098095;
    --utrecht-accordion-button-active-color: #098095;
    --utrecht-accordion-button-border-width: 1px;
    --utrecht-accordion-button-font-family: "Fira Sans", sans-serif;
    --utrecht-accordion-button-font-weight: Bold;
    --utrecht-alert-heading-font-family: "Fira Sans", sans-serif;
    --utrecht-alert-heading-font-weight: Bold;
    --utrecht-alert-heading-line-height: 125%;
    --utrecht-alert-heading-font-size: 24px;
    --utrecht-alert-column-gap: 8px;
    --utrecht-alert-border-width: 2px;
    --utrecht-alert-padding-block-end: 12px;
    --utrecht-alert-padding-block-start: 12px;
    --utrecht-alert-padding-inline-end: 16px;
    --utrecht-alert-padding-inline-start: 16px;
    --utrecht-alert-informative-background-color: #fff;
    --utrecht-alert-informative-border-color: #098095;
    --utrecht-alert-informative-color: rgb(51, 51, 51);
    --utrecht-alert-icon-informative-color: #098095;
    --utrecht-alert-icon-padding-block-end: 12px;
    --utrecht-alert-icon-padding-block-start: 12px;
    --utrecht-alert-icon-padding-inline-end: 0px;
    --utrecht-alert-icon-padding-inline-start: 0px;
    --utrecht-alert-icon-positive-color: #007C32;
    --utrecht-alert-icon-negative-color: #E60B3E;
    --utrecht-alert-icon-warning-color: #DB7500;
    --utrecht-alert-icon-size: 24px;
    --utrecht-alert-negative-background-color: #E60B3E;
    --utrecht-alert-negative-border-color: #E60B3E;
    --utrecht-alert-negative-color: rgb(51, 51, 51);
    --utrecht-alert-positive-background-color: #007C32;
    --utrecht-alert-positive-border-color: #007C32;
    --utrecht-alert-positive-color: rgb(51, 51, 51);
    --utrecht-alert-warning-background-color: #DB7500;
    --utrecht-alert-warning-border-color: #DB7500;
    --utrecht-alert-warning-color: rgb(51, 51, 51);
    --utrecht-alert-message-row-gap: 8px;
    --utrecht-alert-message-padding-block-end: 12px;
    --utrecht-alert-message-padding-block-start: 8px;
    --utrecht-alert-content-row-gap: 8px;
    --utrecht-blockquote-attribution-font-size: 14px;
    --utrecht-blockquote-attribution-font-family: "Fira Sans", sans-serif;
    --utrecht-blockquote-attribution-line-height: 150%;
    --utrecht-blockquote-attribution-font-weight: Regular;
    --utrecht-blockquote-attribution-padding-block-start: 12px;
    --utrecht-blockquote-attribution-color: hsl(0, 0%, 15%);
    --utrecht-blockquote-content-font-family: "Fira Sans", sans-serif;
    --utrecht-blockquote-content-line-height: 125%;
    --utrecht-blockquote-content-font-weight: Regular;
    --utrecht-blockquote-content-font-size: 24px;
    --utrecht-blockquote-content-color: rgb(51, 51, 51);
    --utrecht-blockquote-padding-block-end: 12px;
    --utrecht-blockquote-padding-block-start: 12px;
    --utrecht-blockquote-padding-inline-end: 0px;
    --utrecht-blockquote-padding-inline-start: 0px;
    --utrecht-blockquote-background-color: transparent;
    --utrecht-button-group-background-color: transparent;
    --utrecht-button-group-column-gap: 8px;
    --utrecht-button-group-margin-block-end: 0px;
    --utrecht-button-group-margin-block-start: 0px;
    --utrecht-button-group-padding-block-end: 0px;
    --utrecht-button-group-padding-block-start: 0px;
    --utrecht-button-group-row-gap: 8px;
    --utrecht-button-primary-action-hover-background-color: hsl(32, 100%, 30%);
    --utrecht-button-primary-action-hover-border-color: transparent;
    --utrecht-button-primary-action-hover-color: #ffffff;
    --utrecht-button-primary-action-background-color: #DB7500;
    --utrecht-button-primary-action-border-color: transparent;
    --utrecht-button-primary-action-color: #ffffff;
    --utrecht-button-primary-action-disabled-background-color: hsl(0, 0%, 90%);
    --utrecht-button-primary-action-disabled-border-color: transparent;
    --utrecht-button-primary-action-disabled-color: hsl(0, 0%, 20%);
    --utrecht-button-primary-action-focus-background-color: #DB7500;
    --utrecht-button-primary-action-focus-border-color: transparent;
    --utrecht-button-primary-action-focus-color: #ffffff;
    --utrecht-button-primary-action-font-weight: Bold;
    --utrecht-button-primary-action-active-background-color: #DB7500;
    --utrecht-button-primary-action-active-border-color: transparent;
    --utrecht-button-primary-action-active-color: #ffffff;
    --utrecht-button-secondary-action-hover-background-color: #086B7D;
    --utrecht-button-secondary-action-hover-border-color: transparent;
    --utrecht-button-secondary-action-hover-color: #ffffff;
    --utrecht-button-secondary-action-background-color: #098095;
    --utrecht-button-secondary-action-border-color: transparent;
    --utrecht-button-secondary-action-color: #ffffff;
    --utrecht-button-secondary-action-disabled-background-color: hsl(0, 0%, 90%);
    --utrecht-button-secondary-action-disabled-border-color: transparent;
    --utrecht-button-secondary-action-disabled-color: hsl(0, 0%, 20%);
    --utrecht-button-secondary-action-focus-background-color: #086B7D;
    --utrecht-button-secondary-action-focus-border-color: transparent;
    --utrecht-button-secondary-action-focus-color: #fff;
    --utrecht-button-secondary-action-font-weight: Bold;
    --utrecht-button-secondary-action-active-background-color: #098095;
    --utrecht-button-secondary-action-active-border-color: transparent;
    --utrecht-button-secondary-action-active-color: #fff;
    --utrecht-button-background-color: transparent;
    --utrecht-button-border-color: hsl(0, 0%, 0%);
    --utrecht-button-color: hsl(0, 0%, 0%);
    --utrecht-button-border-radius: 5px;
    --utrecht-button-border-width: 1px;
    --utrecht-button-icon-size: 24px;
    --utrecht-button-icon-margin-inline: 4px;
    --utrecht-button-font-family: "Fira Sans", sans-serif;
    --utrecht-button-font-size: 16px;
    --utrecht-button-font-weight: Bold;
    --utrecht-button-subtle-font-weight: Bold;
    --utrecht-button-subtle-hover-background-color: #0000000d;
    --utrecht-button-subtle-hover-border-color: transparent;
    --utrecht-button-subtle-hover-color: hsl(32, 100%, 30%);
    --utrecht-button-subtle-background-color: transparent;
    --utrecht-button-subtle-border-color: transparent;
    --utrecht-button-subtle-color: #DB7500;
    --utrecht-button-subtle-disabled-background-color: hsl(0, 0%, 90%);
    --utrecht-button-subtle-disabled-border-color: transparent;
    --utrecht-button-subtle-disabled-color: hsl(0, 0%, 20%);
    --utrecht-button-subtle-focus-background-color: hsl(32, 100%, 30%);
    --utrecht-button-subtle-focus-border-color: transparent;
    --utrecht-button-subtle-focus-color: #ffffff;
    --utrecht-button-subtle-active-background-color: #0000001a;
    --utrecht-button-subtle-active-border-color: transparent;
    --utrecht-button-subtle-active-color: #DB7500;
    --utrecht-button-line-height: 150%;
    --utrecht-button-padding-block-end: 12px;
    --utrecht-button-padding-block-start: 12px;
    --utrecht-button-padding-inline-end: 16px;
    --utrecht-button-padding-inline-start: 16px;
    --utrecht-button-disabled-background-color: hsl(0, 0%, 90%);
    --utrecht-button-disabled-border-color: transparent;
    --utrecht-button-disabled-color: hsl(0, 0%, 20%);
    --utrecht-button-focus-background-color: hsl(32, 100%, 30%);
    --utrecht-button-focus-border-color: transparent;
    --utrecht-button-focus-color: #ffffff;
    --utrecht-button-hover-background-color: hsl(0, 0%, 90%);
    --utrecht-button-hover-border-color: hsl(32, 100%, 30%);
    --utrecht-button-hover-color: hsl(32, 100%, 30%);
    --utrecht-button-active-background-color: hsl(0, 0%, 90%);
    --utrecht-button-active-border-color: #DB7500;
    --utrecht-button-active-color: #DB7500;
    --utrecht-button-min-block-size: 48px;
    --utrecht-button-min-inline-size: 48px;
    --utrecht-checkbox-border-radius: 0px;
    --utrecht-checkbox-size: 24px;
    --utrecht-checkbox-icon-size: 24px;
    --utrecht-checkbox-background-color: #ffffff;
    --utrecht-checkbox-border-color: hsl(0, 0%, 20%);
    --utrecht-checkbox-invalid-background-color: #ffffff;
    --utrecht-checkbox-invalid-border-color: #E60B3E;
    --utrecht-checkbox-invalid-border-width: 2px;
    --utrecht-checkbox-focus-background-color: #ffffff;
    --utrecht-checkbox-focus-border-color: #000;
    --utrecht-checkbox-focus-border-width: 2px;
    --utrecht-checkbox-disabled-background-color: hsl(0, 0%, 90%);
    --utrecht-checkbox-disabled-border-color: hsl(0, 0%, 20%);
    --utrecht-checkbox-checked-background-color: #098095;
    --utrecht-checkbox-checked-border-color: transparent;
    --utrecht-checkbox-checked-color: #ffffff;
    --utrecht-checkbox-checked-border-width: 1px;
    --utrecht-checkbox-checked-disabled-background-color: hsl(0, 0%, 20%);
    --utrecht-checkbox-checked-disabled-border-color: transparent;
    --utrecht-checkbox-checked-disabled-color: #ffffff;
    --utrecht-checkbox-checked-focus-border-width: 2px;
    --utrecht-checkbox-checked-focus-background-color: #ffffff;
    --utrecht-checkbox-checked-focus-border-color: #000;
    --utrecht-checkbox-checked-focus-color: #000;
    --utrecht-checkbox-checked-hover-border-width: 2px;
    --utrecht-checkbox-checked-hover-background-color: #098095;
    --utrecht-checkbox-checked-hover-border-color: transparent;
    --utrecht-checkbox-checked-hover-color: #ffffff;
    --utrecht-checkbox-checked-active-border-width: 2px;
    --utrecht-checkbox-checked-active-background-color: #098095;
    --utrecht-checkbox-checked-active-border-color: transparent;
    --utrecht-checkbox-checked-active-color: #ffffff;
    --utrecht-checkbox-indeterminate-background-color: #098095;
    --utrecht-checkbox-indeterminate-border-color: transparent;
    --utrecht-checkbox-indeterminate-color: #ffffff;
    --utrecht-checkbox-indeterminate-border-width: 1px;
    --utrecht-checkbox-indeterminate-disabled-background-color: hsl(0, 0%, 20%);
    --utrecht-checkbox-indeterminate-disabled-border-color: transparent;
    --utrecht-checkbox-indeterminate-disabled-color: #ffffff;
    --utrecht-checkbox-indeterminate-active-background-color: #098095;
    --utrecht-checkbox-indeterminate-active-border-color: transparent;
    --utrecht-checkbox-indeterminate-active-color: #ffffff;
    --utrecht-checkbox-indeterminate-active-border-width: 2px;
    --utrecht-checkbox-indeterminate-hover-background-color: #098095;
    --utrecht-checkbox-indeterminate-hover-border-color: transparent;
    --utrecht-checkbox-indeterminate-hover-color: #ffffff;
    --utrecht-checkbox-indeterminate-hover-border-width: 2px;
    --utrecht-checkbox-indeterminate-focus-background-color: #ffffff;
    --utrecht-checkbox-indeterminate-focus-border-color: #000;
    --utrecht-checkbox-indeterminate-focus-color: #000;
    --utrecht-checkbox-indeterminate-focus-border-width: 2px;
    --utrecht-checkbox-border-width: 1px;
    --utrecht-checkbox-hover-border-width: 2px;
    --utrecht-checkbox-hover-background-color: hsl(0, 0%, 90%);
    --utrecht-checkbox-hover-border-color: hsl(0, 0%, 20%);
    --utrecht-checkbox-active-border-width: 2px;
    --utrecht-checkbox-active-background-color: hsl(0, 0%, 90%);
    --utrecht-checkbox-active-border-color: hsl(0, 0%, 20%);
    --utrecht-counter-badge-font-size: 14px;
    --utrecht-counter-badge-line-height: 150%;
    --utrecht-counter-badge-min-block-size: 24px;
    --utrecht-counter-badge-min-inline-size: 24px;
    --utrecht-counter-badge-font-weight: Bold;
    --utrecht-counter-badge-border-width: 1px;
    --utrecht-counter-badge-border-radius: 999px;
    --utrecht-counter-badge-font-family: "Fira Sans", sans-serif;
    --utrecht-counter-badge-background-color: #F8C6DE;
    --utrecht-counter-badge-border-color: transparent;
    --utrecht-counter-badge-color: rgb(51, 51, 51);
    --utrecht-counter-badge-padding-inline: 4px;
    --utrecht-counter-badge-padding-block: 4px;
    --utrecht-drawer-header-label-font-family: "Fira Sans", sans-serif;
    --utrecht-drawer-header-label-font-size: 16px;
    --utrecht-drawer-header-label-font-weight: Bold;
    --utrecht-drawer-header-label-line-height: 150%;
    --utrecht-form-field-description-color: hsl(0, 0%, 15%);
    --utrecht-form-field-description-font-family: "Fira Sans", sans-serif;
    --utrecht-form-field-description-font-size: 16px;
    --utrecht-form-field-description-font-weight: Regular;
    --utrecht-form-field-description-line-height: 150%;
    --utrecht-form-field-error-message-color: #E60B3E;
    --utrecht-form-field-error-message-font-family: "Fira Sans", sans-serif;
    --utrecht-form-field-error-message-font-size: 16px;
    --utrecht-form-field-error-message-font-weight: Regular;
    --utrecht-form-field-error-message-line-height: 150%;
    --utrecht-form-field-invalid-border-inline-start-color: #E60B3E;
    --utrecht-form-field-invalid-border-inline-start-width: 2px;
    --utrecht-form-field-invalid-padding-inline-start: 16px;
    --utrecht-heading-1-color: #013056;
    --utrecht-heading-1-font-family: "Fira Sans", sans-serif;
    --utrecht-heading-1-font-weight: 700;
    --utrecht-heading-1-line-height: 125%;
    --utrecht-heading-1-font-size: 40px;
    --utrecht-heading-2-color: #013056;
    --utrecht-heading-2-font-family: "Fira Sans", sans-serif;
    --utrecht-heading-2-font-weight: 700;
    --utrecht-heading-2-line-height: 125%;
    --utrecht-heading-2-font-size: 30px;
    --utrecht-heading-3-color: #013056;
    --utrecht-heading-3-font-family: "Fira Sans", sans-serif;
    --utrecht-heading-3-font-weight: 700;
    --utrecht-heading-3-line-height: 125%;
    --utrecht-heading-3-font-size: 21px;
    --utrecht-heading-4-color: #013056;
    --utrecht-heading-4-font-family: "Fira Sans", sans-serif;
    --utrecht-heading-4-font-weight: 700;
    --utrecht-heading-4-line-height: 150%;
    --utrecht-heading-4-font-size: 18px;
    --utrecht-heading-5-color: #013056;
    --utrecht-heading-5-font-family: "Fira Sans", sans-serif;
    --utrecht-heading-5-font-weight: 700;
    --utrecht-heading-5-line-height: 150%;
    --utrecht-heading-5-font-size: 16px;
    --utrecht-heading-6-color: #013056;
    --utrecht-heading-6-font-family: "Fira Sans", sans-serif;
    --utrecht-heading-6-font-weight: 700;
    --utrecht-heading-6-line-height: 150%;
    --utrecht-heading-6-font-size: 14px;
    --utrecht-link-line-height: 150%;
    --utrecht-link-color: #013056;
    --utrecht-link-text-decoration-color: #013056;
    --utrecht-link-active-color: #013056;
    --utrecht-link-active-text-decoration: none;
    --utrecht-link-focus-background-color: transparent;
    --utrecht-link-focus-color: #098095;
    --utrecht-link-focus-text-decoration: none;
    --utrecht-link-focus-text-decoration-thickness: auto;
    --utrecht-link-hover-color: hsl(32, 100%, 30%);
    --utrecht-link-hover-text-decoration: none;
    --utrecht-link-hover-text-decoration-thickness: auto;
    --utrecht-link-visited-color: #DB7500;
    --utrecht-link-text-decoration: underline;
    --utrecht-link-icon-size: 24px;
    --utrecht-link-icon-margin-inline: 4px;
    --utrecht-link-font-size: 16px;
    --utrecht-link-font-family: "Fira Sans", sans-serif;
    --utrecht-link-text-decoration-thickness: auto;
    --utrecht-link-text-underline-offset: auto;
    --utrecht-link-font-weight: Regular;
    --utrecht-ordered-list-padding-inline-start: 24px;
    --utrecht-ordered-list-color: rgb(51, 51, 51);
    --utrecht-ordered-list-font-family: "Fira Sans", sans-serif;
    --utrecht-ordered-list-font-weight: Regular;
    --utrecht-ordered-list-font-size: 16px;
    --utrecht-ordered-list-line-height: 150%;
    --utrecht-ordered-list-item-margin-block-end: 4px;
    --utrecht-ordered-list-item-margin-block-start: 4px;
    --utrecht-paragraph-color: rgb(51, 51, 51);
    --utrecht-paragraph-font-family: "Fira Sans", sans-serif;
    --utrecht-paragraph-font-size: 16px;
    --utrecht-paragraph-font-weight: Regular;
    --utrecht-paragraph-line-height: 150%;
    --utrecht-paragraph-lead-color: rgb(51, 51, 51);
    --utrecht-paragraph-lead-font-family: "Fira Sans", sans-serif;
    --utrecht-paragraph-lead-font-size: 20px;
    --utrecht-paragraph-lead-font-weight: Regular;
    --utrecht-paragraph-lead-line-height: 150%;
    --utrecht-paragraph-small-print-color: rgb(51, 51, 51);
    --utrecht-paragraph-small-print-font-family: "Fira Sans", sans-serif;
    --utrecht-paragraph-small-print-font-size: 14px;
    --utrecht-paragraph-small-print-font-weight: Regular;
    --utrecht-paragraph-small-print-line-height: 150%;
    --utrecht-radio-active-border-width: 2px;
    --utrecht-radio-active-background-color: hsl(0, 0%, 90%);
    --utrecht-radio-active-border-color: hsl(0, 0%, 20%);
    --utrecht-radio-size: 24px;
    --utrecht-radio-dot-size: 8px;
    --utrecht-radio-background-color: #ffffff;
    --utrecht-radio-border-color: hsl(0, 0%, 20%);
    --utrecht-radio-invalid-background-color: #ffffff;
    --utrecht-radio-invalid-border-color: #E60B3E;
    --utrecht-radio-invalid-border-width: 2px;
    --utrecht-radio-focus-background-color: #ffffff;
    --utrecht-radio-focus-border-color: #000;
    --utrecht-radio-focus-border-width: 2px;
    --utrecht-radio-disabled-background-color: hsl(0, 0%, 90%);
    --utrecht-radio-disabled-border-color: hsl(0, 0%, 20%);
    --utrecht-radio-checked-background-color: #098095;
    --utrecht-radio-checked-border-color: transparent;
    --utrecht-radio-checked-color: #ffffff;
    --utrecht-radio-checked-hover-background-color: #098095;
    --utrecht-radio-checked-hover-border-color: transparent;
    --utrecht-radio-checked-hover-color: #ffffff;
    --utrecht-radio-checked-hover-border-width: 2px;
    --utrecht-radio-checked-active-background-color: #098095;
    --utrecht-radio-checked-active-border-color: transparent;
    --utrecht-radio-checked-active-color: #ffffff;
    --utrecht-radio-checked-active-border-width: 2px;
    --utrecht-radio-checked-focus-background-color: #ffffff;
    --utrecht-radio-checked-focus-border-color: #000;
    --utrecht-radio-checked-focus-color: #000;
    --utrecht-radio-checked-focus-border-width: 2px;
    --utrecht-radio-checked-disabled-background-color: hsl(0, 0%, 20%);
    --utrecht-radio-checked-disabled-border-color: transparent;
    --utrecht-radio-checked-disabled-color: #ffffff;
    --utrecht-radio-checked-border-width: 1px;
    --utrecht-radio-hover-background-color: hsl(0, 0%, 90%);
    --utrecht-radio-hover-border-color: hsl(0, 0%, 20%);
    --utrecht-radio-hover-border-width: 2px;
    --utrecht-radio-border-radius: 999px;
    --utrecht-radio-border-width: 1px;
    --utrecht-select-icon-size: 24px;
    --utrecht-select-background-color: #ffffff;
    --utrecht-select-border-color: hsl(0, 0%, 20%);
    --utrecht-select-color: hsl(0, 0%, 5%);
    --utrecht-select-invalid-background-color: #ffffff;
    --utrecht-select-invalid-border-color: #E60B3E;
    --utrecht-select-invalid-color: hsl(0, 0%, 5%);
    --utrecht-select-invalid-border-width: 2px;
    --utrecht-select-focus-background-color: #ffffff;
    --utrecht-select-focus-border-color: #000;
    --utrecht-select-focus-color: #000;
    --utrecht-select-focus-border-width: 2px;
    --utrecht-select-disabled-background-color: hsl(0, 0%, 90%);
    --utrecht-select-disabled-border-color: hsl(0, 0%, 20%);
    --utrecht-select-disabled-color: hsl(0, 0%, 20%);
    --utrecht-select-hover-background-color: hsl(0, 0%, 90%);
    --utrecht-select-hover-border-color: hsl(0, 0%, 20%);
    --utrecht-select-hover-color: hsl(0, 0%, 5%);
    --utrecht-select-hover-border-width: 2px;
    --utrecht-select-padding-block-end: 12px;
    --utrecht-select-padding-block-start: 12px;
    --utrecht-select-padding-inline-end: 12px;
    --utrecht-select-padding-inline-start: 12px;
    --utrecht-select-border-radius: 0px;
    --utrecht-select-border-bottom-width: auto;
    --utrecht-select-border-width: 1px;
    --utrecht-select-font-family: "Fira Sans", sans-serif;
    --utrecht-select-font-weight: Regular;
    --utrecht-select-line-height: 150%;
    --utrecht-select-font-size: 16px;
    --utrecht-select-max-inline-size: 400px;
    --utrecht-separator-color: hsl(0, 0%, 90%);
    --utrecht-separator-block-size: 4px;
    --utrecht-separator-padding-block-end: 12px;
    --utrecht-separator-padding-block-start: 12px;
    --utrecht-skip-link-font-weight: Bold;
    --utrecht-skip-link-font-family: "Fira Sans", sans-serif;
    --utrecht-skip-link-font-size: 16px;
    --utrecht-skip-link-line-height: 150%;
    --utrecht-skip-link-min-block-size: 48px;
    --utrecht-skip-link-min-inline-size: 48px;
    --utrecht-skip-link-padding-block-end: 12px;
    --utrecht-skip-link-padding-block-start: 12px;
    --utrecht-skip-link-padding-inline-end: 16px;
    --utrecht-skip-link-padding-inline-start: 16px;
    --utrecht-skip-link-focus-background-color: hsl(32, 100%, 30%);
    --utrecht-skip-link-focus-border-color: transparent;
    --utrecht-skip-link-focus-color: #ffffff;
    --utrecht-skip-link-focus-text-decoration: none;
    --utrecht-skip-link-background-color: #333;
    --utrecht-skip-link-border-color: transparent;
    --utrecht-skip-link-color: #ffffff;
    --utrecht-skip-link-border-width: 1px;
    --utrecht-skip-link-box-block-end-shadow: [object Object];
    --utrecht-skip-link-text-decoration: underline;
    --utrecht-status-badge-font-size: 14px;
    --utrecht-status-badge-line-height: 150%;
    --utrecht-status-badge-font-weight: Bold;
    --utrecht-status-badge-border-width: 1px;
    --utrecht-status-badge-font-family: "Fira Sans", sans-serif;
    --utrecht-status-badge-border-radius: 5px;
    --utrecht-status-badge-padding-inline: 4px;
    --utrecht-status-badge-padding-block: 2px;
    --utrecht-status-badge-informative-background-color: #fff;
    --utrecht-status-badge-informative-border-color: transparent;
    --utrecht-status-badge-informative-color: #098095;
    --utrecht-status-badge-positive-background-color: #007C32;
    --utrecht-status-badge-positive-border-color: transparent;
    --utrecht-status-badge-positive-color: #007C32;
    --utrecht-status-badge-negative-background-color: #E60B3E;
    --utrecht-status-badge-negative-border-color: transparent;
    --utrecht-status-badge-negative-color: #E60B3E;
    --utrecht-status-badge-warning-background-color: #DB7500;
    --utrecht-status-badge-warning-border-color: transparent;
    --utrecht-status-badge-warning-color: #DB7500;
    --utrecht-status-badge-background-color: #F8C6DE;
    --utrecht-status-badge-border-color: transparent;
    --utrecht-status-badge-color: rgb(51, 51, 51);
    --utrecht-table-header-cell-line-height: 150%;
    --utrecht-table-header-cell-color: rgb(51, 51, 51);
    --utrecht-table-header-cell-font-family: "Fira Sans", sans-serif;
    --utrecht-table-header-cell-font-weight: Bold;
    --utrecht-table-header-cell-font-size: 16px;
    --utrecht-table-caption-line-height: 125%;
    --utrecht-table-caption-margin-block-end: 24px;
    --utrecht-table-caption-color: #013056;
    --utrecht-table-caption-font-family: "Fira Sans", sans-serif;
    --utrecht-table-caption-font-weight: Bold;
    --utrecht-table-caption-font-size: 24px;
    --utrecht-table-cell-padding-block-end: 12px;
    --utrecht-table-cell-padding-block-start: 12px;
    --utrecht-table-cell-padding-inline-end: 16px;
    --utrecht-table-cell-padding-inline-start: 16px;
    --utrecht-table-data-cell-color: rgb(51, 51, 51);
    --utrecht-table-data-cell-font-family: "Fira Sans", sans-serif;
    --utrecht-table-data-cell-font-weight: Regular;
    --utrecht-table-data-cell-line-height: 150%;
    --utrecht-table-data-cell-font-size: 16px;
    --utrecht-table-header-border-block-end-width: 2px;
    --utrecht-table-header-border-block-end-color: hsl(0, 0%, 90%);
    --utrecht-table-header-background-color: transparent;
    --utrecht-table-footer-border-block-end-width: 1px;
    --utrecht-table-footer-border-block-end-color: hsl(0, 0%, 90%);
    --utrecht-table-footer-background-color: transparent;
    --utrecht-table-row-border-block-end-width: 1px;
    --utrecht-table-row-border-block-end-color: hsl(0, 0%, 90%);
    --utrecht-table-row-background-color: transparent;
    --utrecht-table-footer-cell-font-weight: Bold;
    --utrecht-table-footer-cell-font-size: 16px;
    --utrecht-table-footer-cell-color: rgb(51, 51, 51);
    --utrecht-table-footer-cell-font-family: "Fira Sans", sans-serif;
    --utrecht-table-footer-cell-line-height: 150%;
    --utrecht-table-container-box-inline-end-shadow: [object Object];
    --utrecht-table-container-box-inline-start-shadow: [object Object];
    --utrecht-textbox-border-radius: 0px;
    --utrecht-textbox-font-family: "Fira Sans", sans-serif;
    --utrecht-textbox-font-size: 16px;
    --utrecht-textbox-font-weight: Regular;
    --utrecht-textbox-line-height: 150%;
    --utrecht-textbox-max-inline-size: 400px;
    --utrecht-textbox-padding-block-end: 12px;
    --utrecht-textbox-padding-block-start: 12px;
    --utrecht-textbox-padding-inline-end: 12px;
    --utrecht-textbox-padding-inline-start: 12px;
    --utrecht-textbox-background-color: #ffffff;
    --utrecht-textbox-border-color: hsl(0, 0%, 20%);
    --utrecht-textbox-color: hsl(0, 0%, 5%);
    --utrecht-textbox-invalid-background-color: #ffffff;
    --utrecht-textbox-invalid-border-color: #E60B3E;
    --utrecht-textbox-invalid-color: hsl(0, 0%, 5%);
    --utrecht-textbox-invalid-border-width: 2px;
    --utrecht-textbox-placeholder-color: hsl(0, 0%, 15%);
    --utrecht-textbox-border-block-end-width: auto;
    --utrecht-textbox-border-width: 1px;
    --utrecht-textbox-focus-border-width: 2px;
    --utrecht-textbox-focus-background-color: #ffffff;
    --utrecht-textbox-focus-border-color: #000;
    --utrecht-textbox-focus-color: #000;
    --utrecht-textbox-disabled-background-color: hsl(0, 0%, 90%);
    --utrecht-textbox-disabled-border-color: hsl(0, 0%, 20%);
    --utrecht-textbox-disabled-color: hsl(0, 0%, 20%);
    --utrecht-textbox-read-only-background-color: hsl(0, 0%, 90%);
    --utrecht-textbox-read-only-border-color: hsl(0, 0%, 20%);
    --utrecht-textbox-read-only-color: hsl(0, 0%, 5%);
    --utrecht-textbox-hover-border-width: 2px;
    --utrecht-textbox-hover-background-color: hsl(0, 0%, 90%);
    --utrecht-textbox-hover-border-color: hsl(0, 0%, 20%);
    --utrecht-textbox-hover-color: hsl(0, 0%, 5%);
    --utrecht-textarea-max-inline-size: 400px;
    --utrecht-textarea-padding-block-end: 12px;
    --utrecht-textarea-padding-block-start: 12px;
    --utrecht-textarea-padding-inline-end: 12px;
    --utrecht-textarea-padding-inline-start: 12px;
    --utrecht-textarea-background-color: #ffffff;
    --utrecht-textarea-border-color: hsl(0, 0%, 20%);
    --utrecht-textarea-color: hsl(0, 0%, 5%);
    --utrecht-textarea-invalid-background-color: #ffffff;
    --utrecht-textarea-invalid-border-color: #E60B3E;
    --utrecht-textarea-invalid-color: hsl(0, 0%, 5%);
    --utrecht-textarea-invalid-border-width: 2px;
    --utrecht-textarea-placeholder-color: hsl(0, 0%, 15%);
    --utrecht-textarea-focus-background-color: #ffffff;
    --utrecht-textarea-focus-border-color: #000;
    --utrecht-textarea-focus-color: #000;
    --utrecht-textarea-focus-border-width: 2px;
    --utrecht-textarea-disabled-background-color: hsl(0, 0%, 90%);
    --utrecht-textarea-disabled-border-color: hsl(0, 0%, 20%);
    --utrecht-textarea-disabled-color: hsl(0, 0%, 20%);
    --utrecht-textarea-read-only-background-color: hsl(0, 0%, 90%);
    --utrecht-textarea-read-only-border-color: hsl(0, 0%, 20%);
    --utrecht-textarea-read-only-color: hsl(0, 0%, 5%);
    --utrecht-textarea-hover-background-color: hsl(0, 0%, 90%);
    --utrecht-textarea-hover-border-color: hsl(0, 0%, 20%);
    --utrecht-textarea-hover-color: hsl(0, 0%, 5%);
    --utrecht-textarea-hover-border-width: 2px;
    --utrecht-textarea-border-radius: 0px;
    --utrecht-textarea-border-bottom-width: auto;
    --utrecht-textarea-border-width: 1px;
    --utrecht-textarea-font-family: "Fira Sans", sans-serif;
    --utrecht-textarea-font-weight: Regular;
    --utrecht-textarea-line-height: 150%;
    --utrecht-textarea-font-size: 16px;
    --utrecht-unordered-list-color: rgb(51, 51, 51);
    --utrecht-unordered-list-marker-border-color: rgb(51, 51, 51);
    --utrecht-unordered-list-marker-color: rgb(51, 51, 51);
    --utrecht-unordered-list-font-family: "Fira Sans", sans-serif;
    --utrecht-unordered-list-font-size: 16px;
    --utrecht-unordered-list-font-weight: Regular;
    --utrecht-unordered-list-line-height: 150%;
    --utrecht-unordered-list-padding-inline-start: 24px;
    --utrecht-unordered-list-item-margin-block-end: 4px;
    --utrecht-unordered-list-item-margin-block-start: 4px;
    --utrecht-root-background-color: hsl(0, 0%, 90%);
    --utrecht-document-background-color: #ffffff;
    --utrecht-document-color: rgb(51, 51, 51);
    --utrecht-document-inverse-background-color: #333;
    --utrecht-document-inverse-color: #ffffff;
    --utrecht-document-subtle-color: hsl(0, 0%, 15%);
    --utrecht-document-font-family: "Fira Sans", sans-serif;
    --utrecht-document-font-size: 16px;
    --utrecht-document-font-weight: Regular;
    --utrecht-document-strong-font-weight: Bold;
    --utrecht-document-line-height: 150%;
    --utrecht-heading-color: #013056;
    --utrecht-heading-font-family: "Fira Sans", sans-serif;
    --utrecht-heading-font-weight: Bold;
    --utrecht-heading-bright: #013056;
    --utrecht-container-border-color: hsl(0, 0%, 90%);
    --utrecht-container-border-width: 1px;
    --utrecht-line-border-color: hsl(0, 0%, 90%);
    --utrecht-line-border-width: 1px;
    --utrecht-interaction-color: #DB7500;
    --utrecht-interaction-active-color: #DB7500;
    --utrecht-interaction-hover-color: hsl(32, 100%, 30%);
    --utrecht-focus-background-color: hsl(32, 100%, 30%);
    --utrecht-focus-color: #ffffff;
    --utrecht-focus-outline-color: hsl(32, 100%, 30%);
    --utrecht-focus-inverse-outline-color: #ffffff;
    --utrecht-focus-outline-offset: 0;
    --utrecht-focus-outline-style: dotted;
    --utrecht-focus-outline-width: 2px;
    --utrecht-form-control-accent-color: #098095;
    --utrecht-form-control-background-color: #ffffff;
    --utrecht-form-control-border-color: hsl(0, 0%, 20%);
    --utrecht-form-control-border-width: 1px;
    --utrecht-form-control-color: hsl(0, 0%, 5%);
    --utrecht-form-control-active-accent-color: #098095;
    --utrecht-form-control-active-background-color: hsl(0, 0%, 90%);
    --utrecht-form-control-active-border-color: hsl(0, 0%, 20%);
    --utrecht-form-control-active-border-width: 2px;
    --utrecht-form-control-active-color: hsl(0, 0%, 20%);
    --utrecht-form-control-disabled-accent-color: hsl(0, 0%, 20%);
    --utrecht-form-control-disabled-background-color: hsl(0, 0%, 90%);
    --utrecht-form-control-disabled-border-color: hsl(0, 0%, 20%);
    --utrecht-form-control-disabled-color: hsl(0, 0%, 20%);
    --utrecht-form-control-focus-background-color: #ffffff;
    --utrecht-form-control-focus-border-color: #000;
    --utrecht-form-control-focus-border-width: 2px;
    --utrecht-form-control-focus-color: #000;
    --utrecht-form-control-hover-accent-color: #098095;
    --utrecht-form-control-hover-background-color: hsl(0, 0%, 90%);
    --utrecht-form-control-hover-border-color: hsl(0, 0%, 20%);
    --utrecht-form-control-hover-border-width: 2px;
    --utrecht-form-control-hover-color: hsl(0, 0%, 5%);
    --utrecht-form-control-invalid-background-color: #ffffff;
    --utrecht-form-control-invalid-border-color: #E60B3E;
    --utrecht-form-control-invalid-border-width: 2px;
    --utrecht-form-control-invalid-color: #E60B3E;
    --utrecht-form-control-read-only-background-color: hsl(0, 0%, 90%);
    --utrecht-form-control-read-only-border-color: hsl(0, 0%, 20%);
    --utrecht-form-control-read-only-color: hsl(0, 0%, 5%);
    --utrecht-form-control-placeholder-color: hsl(0, 0%, 15%);
    --utrecht-pointer-target-min-size: 48px;
    --utrecht-icon-functional-size: 24px;
    --utrecht-icon-toptask-size: 48px;
    --utrecht-feedback-informative-background-color: #fff;
    --utrecht-feedback-informative-border-color: #098095;
    --utrecht-feedback-informative-color: #098095;
    --utrecht-feedback-negative-background-color: #E60B3E;
    --utrecht-feedback-negative-border-color: #E60B3E;
    --utrecht-feedback-negative-color: #E60B3E;
    --utrecht-feedback-positive-background-color: #007C32;
    --utrecht-feedback-positive-border-color: #007C32;
    --utrecht-feedback-positive-color: #007C32;
    --utrecht-feedback-warning-background-color: #DB7500;
    --utrecht-feedback-warning-border-color: #DB7500;
    --utrecht-feedback-warning-color: #DB7500;
    --utrecht-radio-button-background-color: #ffffff;
    --utrecht-radio-button-border-color: #000;
    --utrecht-radio-button-hover-background-color: #ffffff;
    --utrecht-radio-button-hover-border-color: #098095;
    --utrecht-radio-button-focus-border-color: #098095;
    --utrecht-radio-button-checked-background-color: #098095;
    --utrecht-radio-button-checked-border-color: #098095;
    --utrecht-radio-button-checked-hover-background-color: #098095;
    --utrecht-radio-button-checked-hover-border-color: #098095;
    --utrecht-radio-button-checked-active-background-color: #098095;
    --utrecht-radio-button-checked-active-border-color: #098095;
    --utrecht-radio-button-checked-focus-background-color: #098095;
    --utrecht-radio-button-checked-focus-border-color: #098095;
    --todo-avatar-background-color: #DB7500;
    --todo-avatar-border-radius: 999px;
    --todo-avatar-size: 48px;
    --todo-avatar-icon-icon-size: 24px;
    --todo-avatar-border-color: transparent;
    --todo-avatar-color: #ffffff;
    --todo-avatar-text-font-family: "Fira Sans", sans-serif;
    --todo-avatar-text-font-weight: Bold;
    --todo-avatar-text-line-height: 150%;
    --todo-avatar-text-text-transform: uppercase;
    --todo-avatar-text-font-size: 16px;
    --todo-avatar-border-width: 1px;
    --todo-avatar-hover-background-color: hsl(32, 100%, 30%);
    --todo-avatar-hover-border-color: transparent;
    --todo-avatar-hover-color: #ffffff;
    --todo-backdrop-background-color: #000;
    --todo-backdrop-color: #ffffff;
    --todo-backdrop-opacity: 0.2;
    --todo-backdrop-reduced-transparency-opacity: 0.98;
    --todo-backdrop-z-index: auto;
    --todo-backdrop-fade-in-animation-duration: 0.4s;
    --todo-breadcrumb-line-height: 150%;
    --todo-breadcrumb-font-size: 16px;
    --todo-breadcrumb-link-icon-size: 24px;
    --todo-breadcrumb-link-icon-margin-inline: 4px;
    --todo-breadcrumb-link-padding-block-end: 12px;
    --todo-breadcrumb-link-padding-block-start: 12px;
    --todo-breadcrumb-link-padding-inline-end: 0px;
    --todo-breadcrumb-link-padding-inline-start: 0px;
    --todo-breadcrumb-link-color: #DB7500;
    --todo-breadcrumb-link-active-color: #DB7500;
    --todo-breadcrumb-link-active-text-decoration: none;
    --todo-breadcrumb-link-focus-background-color: hsl(32, 100%, 30%);
    --todo-breadcrumb-link-focus-color: #ffffff;
    --todo-breadcrumb-link-focus-text-decoration: none;
    --todo-breadcrumb-link-hover-color: hsl(32, 100%, 30%);
    --todo-breadcrumb-link-hover-text-decoration: none;
    --todo-breadcrumb-link-current-color: hsl(0, 0%, 15%);
    --todo-breadcrumb-link-text-decoration: underline;
    --todo-breadcrumb-divider-size: 16px;
    --todo-breadcrumb-divider-color: hsl(0, 0%, 15%);
    --todo-breadcrumb-margin-inline: 8px;
    --todo-breadcrumb-font-family: "Fira Sans", sans-serif;
    --todo-breadcrumb-font-weight: Regular;
    --todo-checkbox-group-padding-block-end: 8px;
    --todo-checkbox-group-padding-block-start: 8px;
    --todo-checkbox-group-row-gap: 16px;
    --todo-data-list-font-family: "Fira Sans", sans-serif;
    --todo-data-list-item-value-font-weight: Regular;
    --todo-data-list-item-value-row-padding-block-end: 12px;
    --todo-data-list-item-value-row-padding-block-start: 12px;
    --todo-data-list-item-value-row-padding-inline-end: 0px;
    --todo-data-list-item-value-row-padding-inline-start: 0px;
    --todo-data-list-item-value-padding-block-end: 12px;
    --todo-data-list-item-value-padding-block-start: 4px;
    --todo-data-list-item-value-padding-inline-end: 0px;
    --todo-data-list-item-value-padding-inline-start: 0px;
    --todo-data-list-item-key-font-weight: Bold;
    --todo-data-list-item-key-row-padding-block-end: 12px;
    --todo-data-list-item-key-row-padding-block-start: 12px;
    --todo-data-list-item-key-row-padding-inline-end: 16px;
    --todo-data-list-item-key-row-padding-inline-start: 0px;
    --todo-data-list-item-key-padding-block-end: 4px;
    --todo-data-list-item-key-padding-block-start: 12px;
    --todo-data-list-item-key-padding-inline-end: 0px;
    --todo-data-list-item-key-padding-inline-start: 0px;
    --todo-data-list-item-border-width: 1px;
    --todo-data-list-item-border-color: hsl(0, 0%, 90%);
    --todo-data-list-item-color: rgb(51, 51, 51);
    --todo-data-list-font-size: 16px;
    --todo-data-list-line-height: 150%;
    --todo-data-list-item-action-row-padding-block-end: 12px;
    --todo-data-list-item-action-row-padding-block-start: 12px;
    --todo-data-list-item-action-row-padding-inline-end: 0px;
    --todo-data-list-item-action-row-padding-inline-start: 16px;
    --todo-data-list-item-action-padding-block-end: 12px;
    --todo-data-list-item-action-padding-block-start: 12px;
    --todo-data-list-item-action-padding-inline-end: 16px;
    --todo-data-list-item-action-padding-inline-start: 0px;
    --todo-drawer-header-border-width: 1px;
    --todo-drawer-header-label-color: rgb(51, 51, 51);
    --todo-drawer-header-padding-block-end: 8px;
    --todo-drawer-header-padding-block-start: 8px;
    --todo-drawer-header-padding-inline-start: 16px;
    --todo-drawer-header-padding-inline-end: 8px;
    --todo-drawer-header-column-gap: 8px;
    --todo-drawer-header-border-color: hsl(0, 0%, 90%);
    --todo-drawer-header-background-color: transparent;
    --todo-drawer-border-radius: 0px;
    --todo-drawer-footer-border-width: 1px;
    --todo-drawer-footer-padding-block-end: 16px;
    --todo-drawer-footer-padding-block-start: 16px;
    --todo-drawer-footer-padding-inline-start: 16px;
    --todo-drawer-footer-padding-inline-end: 16px;
    --todo-drawer-footer-border-color: hsl(0, 0%, 90%);
    --todo-drawer-footer-background-color: transparent;
    --todo-drawer-border-width: 1px;
    --todo-drawer-content-padding-block-end: 24px;
    --todo-drawer-content-padding-block-start: 24px;
    --todo-drawer-content-padding-inline: 16px;
    --todo-drawer-background-color: #ffffff;
    --todo-drawer-border-color: hsl(0, 0%, 90%);
    --todo-drawer-color: rgb(51, 51, 51);
    --todo-drawer-box-shadow: [object Object];
    --todo-form-field-checkbox-option-column-gap: 8px;
    --todo-form-field-error-message-icon-size: 24px;
    --todo-form-field-error-message-icon-margin-inline-end: 8px;
    --todo-form-field-label-color: rgb(51, 51, 51);
    --todo-form-field-label-font-family: "Fira Sans", sans-serif;
    --todo-form-field-label-font-size: 16px;
    --todo-form-field-label-font-weight: Bold;
    --todo-form-field-label-line-height: 150%;
    --todo-form-field-option-label-color: hsl(0, 0%, 5%);
    --todo-form-field-option-label-font-size: 16px;
    --todo-form-field-option-label-line-height: 150%;
    --todo-form-field-option-label-font-family: "Fira Sans", sans-serif;
    --todo-form-field-option-label-font-weight: Regular;
    --todo-form-field-option-label-disabled-color: hsl(0, 0%, 15%);
    --todo-form-field-radio-option-column-gap: 8px;
    --todo-icon-only-button-padding-block-end: 12px;
    --todo-icon-only-button-padding-block-start: 12px;
    --todo-icon-only-button-padding-inline-end: 12px;
    --todo-icon-only-button-padding-inline-start: 12px;
    --todo-modal-dialog-border-radius: 5px;
    --todo-modal-dialog-box-shadow: [object Object];
    --todo-modal-dialog-header-padding-block-start: 8px;
    --todo-modal-dialog-header-padding-inline-start: 16px;
    --todo-modal-dialog-header-padding-inline-end: 8px;
    --todo-modal-dialog-header-padding-block-end: 8px;
    --todo-modal-dialog-header-background-color: transparent;
    --todo-modal-dialog-header-label-color: rgb(51, 51, 51);
    --todo-modal-dialog-header-label-font-family: "Fira Sans", sans-serif;
    --todo-modal-dialog-header-label-font-weight: Bold;
    --todo-modal-dialog-header-label-font-size: 16px;
    --todo-modal-dialog-header-label-line-height: 150%;
    --todo-modal-dialog-header-border-color: hsl(0, 0%, 90%);
    --todo-modal-dialog-header-column-gap: 8px;
    --todo-modal-dialog-header-border-width: 1px;
    --todo-modal-dialog-border-color: transparent;
    --todo-modal-dialog-background-color: #ffffff;
    --todo-modal-dialog-color: rgb(51, 51, 51);
    --todo-modal-dialog-footer-padding-block-start: 16px;
    --todo-modal-dialog-footer-padding-inline-start: 16px;
    --todo-modal-dialog-footer-padding-inline-end: 16px;
    --todo-modal-dialog-footer-padding-block-end: 16px;
    --todo-modal-dialog-footer-background-color: transparent;
    --todo-modal-dialog-footer-border-color: transparent;
    --todo-modal-dialog-footer-border-width: 1px;
    --todo-modal-dialog-content-padding-block-start: 24px;
    --todo-modal-dialog-content-padding-block-end: 24px;
    --todo-modal-dialog-content-padding-inline: 16px;
    --todo-modal-dialog-border-width: 1px;
    --todo-pagination-relative-link-border-width: 1px;
    --todo-pagination-relative-link-icon-margin-inline: 4px;
    --todo-pagination-relative-link-icon-size: 24px;
    --todo-pagination-relative-link-padding-block-end: 12px;
    --todo-pagination-relative-link-padding-block-start: 12px;
    --todo-pagination-relative-link-padding-inline-start: 0px;
    --todo-pagination-relative-link-padding-inline-end: 0px;
    --todo-pagination-relative-link-background-color: transparent;
    --todo-pagination-relative-link-border-color: transparent;
    --todo-pagination-relative-link-color: #DB7500;
    --todo-pagination-relative-link-active-background-color: transparent;
    --todo-pagination-relative-link-active-border-color: transparent;
    --todo-pagination-relative-link-active-color: #DB7500;
    --todo-pagination-relative-link-active-text-decoration: underline;
    --todo-pagination-relative-link-focus-background-color: hsl(32, 100%, 30%);
    --todo-pagination-relative-link-focus-color: #ffffff;
    --todo-pagination-relative-link-focus-text-decoration: none;
    --todo-pagination-relative-link-hover-background-color: transparent;
    --todo-pagination-relative-link-hover-border-color: transparent;
    --todo-pagination-relative-link-hover-color: hsl(32, 100%, 30%);
    --todo-pagination-relative-link-hover-text-decoration: underline;
    --todo-pagination-relative-link-text-decoration: none;
    --todo-pagination-relative-link-border-radius: 0px;
    --todo-pagination-relative-link-font-weight: Regular;
    --todo-pagination-relative-link-min-block-size: 48px;
    --todo-pagination-relative-link-min-inline-size: 48px;
    --todo-pagination-relative-link-disabled-background-color: transparent;
    --todo-pagination-relative-link-disabled-border-color: transparent;
    --todo-pagination-relative-link-disabled-color: hsl(0, 0%, 20%);
    --todo-pagination-page-link-border-width: 1px;
    --todo-pagination-page-link-font-weight: Regular;
    --todo-pagination-page-link-current-font-weight: Bold;
    --todo-pagination-page-link-current-text-decoration: none;
    --todo-pagination-page-link-current-background-color: hsl(0, 0%, 90%);
    --todo-pagination-page-link-current-border-color: transparent;
    --todo-pagination-page-link-current-color: rgb(51, 51, 51);
    --todo-pagination-page-link-border-radius: 0px;
    --todo-pagination-page-link-padding-block-end: 12px;
    --todo-pagination-page-link-padding-block-start: 12px;
    --todo-pagination-page-link-padding-inline-end: 12px;
    --todo-pagination-page-link-padding-inline-start: 12px;
    --todo-pagination-page-link-focus-text-decoration: none;
    --todo-pagination-page-link-focus-background-color: hsl(32, 100%, 30%);
    --todo-pagination-page-link-focus-color: #ffffff;
    --todo-pagination-page-link-hover-text-decoration: underline;
    --todo-pagination-page-link-hover-background-color: transparent;
    --todo-pagination-page-link-hover-border-color: transparent;
    --todo-pagination-page-link-hover-color: hsl(32, 100%, 30%);
    --todo-pagination-page-link-text-decoration: none;
    --todo-pagination-page-link-active-text-decoration: underline;
    --todo-pagination-page-link-active-background-color: transparent;
    --todo-pagination-page-link-active-border-color: transparent;
    --todo-pagination-page-link-active-color: #DB7500;
    --todo-pagination-page-link-background-color: transparent;
    --todo-pagination-page-link-border-color: transparent;
    --todo-pagination-page-link-color: #DB7500;
    --todo-pagination-page-link-min-block-size: 48px;
    --todo-pagination-page-link-min-inline-size: 48px;
    --todo-pagination-font-family: "Fira Sans", sans-serif;
    --todo-pagination-line-height: 150%;
    --todo-pagination-font-size: 16px;
    --todo-pagination-ellipses-padding-block-end: 12px;
    --todo-pagination-ellipses-padding-block-start: 12px;
    --todo-pagination-ellipses-padding-inline-end: 4px;
    --todo-pagination-ellipses-padding-inline-start: 4px;
    --todo-pagination-ellipses-color: hsl(0, 0%, 15%);
    --todo-pagination-ellipses-font-weight: Regular;
    --todo-pagination-description-color: rgb(51, 51, 51);
    --todo-pagination-description-font-weight: Regular;
    --todo-radio-group-padding-block-end: 8px;
    --todo-radio-group-padding-block-start: 8px;
    --todo-radio-group-row-gap: 16px;
    --todo-task-list-color: rgb(51, 51, 51);
    --todo-task-list-marker-checked-color: #ffffff;
    --todo-task-list-marker-checked-background-color: #007C32;
    --todo-task-list-marker-checked-border-color: transparent;
    --todo-task-list-marker-size: 24px;
    --todo-task-list-marker-icon-size: 16px;
    --todo-task-list-marker-border-width: 1px;
    --todo-task-list-marker-not-checked-background-color: hsl(0, 0%, 90%);
    --todo-task-list-marker-not-checked-border-color: hsl(0, 0%, 20%);
    --todo-task-list-marker-border-radius: 0px;
    --todo-task-list-font-family: "Fira Sans", sans-serif;
    --todo-task-list-font-size: 16px;
    --todo-task-list-font-weight: Regular;
    --todo-task-list-line-height: 150%;
    --todo-task-list-item-column-gap: 12px;
    --todo-task-list-item-margin-block-end: 4px;
    --todo-task-list-item-margin-block-start: 4px;
    --todo-task-list-row-gap: 16px;
    --todo-toolbar-button-icon-margin-inline: 4px;
    --todo-toolbar-button-padding-block-end: 12px;
    --todo-toolbar-button-padding-block-start: 12px;
    --todo-toolbar-button-padding-inline-end: 8px;
    --todo-toolbar-button-padding-inline-start: 8px;
    --denhaag-sidenav-link-line-height: 150%;
    --denhaag-sidenav-link-icon-size: 24px;
    --denhaag-sidenav-link-icon-margin-inline: 8px;
    --denhaag-sidenav-link-font-size: 16px;
    --denhaag-sidenav-link-font-family: "Fira Sans", sans-serif;
    --denhaag-sidenav-link-font-weight: Regular;
    --denhaag-sidenav-link-current-font-weight: Bold;
    --denhaag-sidenav-link-current-color: rgb(51, 51, 51);
    --denhaag-sidenav-link-color: #DB7500;
    --denhaag-sidenav-link-active-color: #DB7500;
    --denhaag-sidenav-link-active-text-decoration: underline;
    --denhaag-sidenav-link-focus-background-color: hsl(32, 100%, 30%);
    --denhaag-sidenav-link-focus-color: #ffffff;
    --denhaag-sidenav-link-focus-text-decoration: none;
    --denhaag-sidenav-link-hover-color: hsl(32, 100%, 30%);
    --denhaag-sidenav-link-hover-text-decoration: underline;
    --denhaag-sidenav-link-padding-block-start: 12px;
    --denhaag-sidenav-link-padding-block-end: 12px;
    --denhaag-sidenav-link-text-decoration: none;
    --draad-typography-font-size-sm: 14px;
    --draad-typography-font-size-md: 16px;
    --draad-typography-font-size-lg: 20px;
    --draad-typography-font-size-xl: 24px;
    --draad-typography-font-size-2xl: 32px;
    --draad-typography-font-size-3xl: 40px;
    --draad-typography-font-size-4xl: 48px;
    --draad-typography-line-height-xs: 100%;
    --draad-typography-line-height-sm: 125%;
    --draad-typography-line-height-md: 150%;
    --draad-typography-line-height-lg: 200%;
    --draad-typography-font-weight-normal: Regular;
    --draad-typography-font-weight-bold: Bold;
    --draad-typography-font-family-primary: "Fira Sans", sans-serif;
    --draad-typography-font-family-secondary: "Fira Sans", sans-serif;
    --draad-color-white: #ffffff;
    --draad-color-black: #000;
    --draad-color-heading: var(--draad-color-blue-200);
    --draad-underline-header: var(--draad-color-yellow-200);
    --draad-underline-header-font: var(--draad-color-white);
    --draad-blue-background: var(--draad-color-blue-200);
    --draad-green-background: var(--draad-color-blue-100);
    --draad-gray-background: var(--draad-color-gray-100);
    --draad-color-gray-100: #f6f7f7;
    --draad-color-gray-200: hsl(0, 0%, 70%);
    --draad-color-gray-300: hsl(0, 0%, 60%);
    --draad-color-gray-400: hsl(0, 0%, 40%);
    --draad-color-gray-500: hsl(0, 0%, 20%);
    --draad-color-gray-600: hsl(0, 0%, 15%);
    --draad-color-gray-700: hsl(0, 0%, 10%);
    --draad-color-gray-800: hsl(0, 0%, 5%);
    --draad-color-gray-900: hsl(0, 0%, 0%);
    --draad-color-pink-100: #F8C6DE;
    --draad-color-pink-200: #7C397E;
    --draad-color-red-100: #E60B3E;
    --draad-color-yellow-200: #DB7500;
    --draad-color-yellow-300: hsl(32, 100%, 30%);
    --draad-color-green-200: #007C32;
    --draad-color-blue-100: #098095;
    --draad-color-blue-200: #013056;
    --draad-color-light-alpha-50: #ffffff0d;
    --draad-color-light-alpha-100: #ffffff1a;
    --draad-color-dark-alpha-50: #0000000d;
    --draad-color-dark-alpha-100: #0000001a;
    --draad-space-inline-flea: 2px;
    --draad-space-inline-ant: 4px;
    --draad-space-inline-beetle: 8px;
    --draad-space-inline-snail: 12px;
    --draad-space-inline-mouse: 16px;
    --draad-space-inline-rat: 20px;
    --draad-space-inline-rabbit: 24px;
    --draad-space-inline-cat: 28px;
    --draad-space-inline-dog: 32px;
    --draad-space-inline-pig: 48px;
    --draad-space-block-flea: 2px;
    --draad-space-block-ant: 4px;
    --draad-space-block-beetle: 8px;
    --draad-space-block-snail: 12px;
    --draad-space-block-mouse: 16px;
    --draad-space-block-rat: 20px;
    --draad-space-block-rabbit: 24px;
    --draad-space-block-cat: 32px;
    --draad-space-block-dog: 48px;
    --draad-space-block-pig: 64px;
    --draad-space-text-flea: 1px;
    --draad-space-text-ant: 2px;
    --draad-space-text-beetle: 4px;
    --draad-space-text-snail: 6px;
    --draad-space-text-mouse: 8px;
    --draad-space-text-rat: 12px;
    --draad-space-text-rabbit: 14px;
    --draad-space-text-cat: 16px;
    --draad-space-text-dog: 24px;
    --draad-space-column-flea: 1px;
    --draad-space-column-ant: 2px;
    --draad-space-column-beetle: 4px;
    --draad-space-column-snail: 8px;
    --draad-space-column-mouse: 12px;
    --draad-space-column-rat: 16px;
    --draad-space-column-rabbit: 20px;
    --draad-space-column-cat: 24px;
    --draad-space-column-dog: 28px;
    --draad-space-column-pig: 32px;
    --draad-space-column-tiger: 48px;
    --draad-space-column-horse: 64px;
    --draad-space-column-elephant: 96px;
    --draad-space-column-giraffe: 160px;
    --draad-space-row-flea: 1px;
    --draad-space-row-ant: 2px;
    --draad-space-row-beetle: 4px;
    --draad-space-row-snail: 8px;
    --draad-space-row-mouse: 12px;
    --draad-space-row-rat: 16px;
    --draad-space-row-rabbit: 20px;
    --draad-space-row-cat: 24px;
    --draad-space-row-dog: 28px;
    --draad-space-row-pig: 32px;
    --draad-space-row-tiger: 48px;
    --draad-space-row-horse: 64px;
    --draad-space-row-elephant: 96px;
    --draad-space-row-giraffe: 160px;
    --draad-border-radius-sm: 5px;
    --draad-border-radius-md: 5px;
    --draad-border-radius-lg: 5px;
    --draad-border-radius-round: 999px;
    --draad-border-width-sm: 1px;
    --draad-border-width-md: 2px;
    --draad-border-width-lg: 4px;
    --draad-size-5xs: 2px;
    --draad-size-4xs: 4px;
    --draad-size-3xs: 8px;
    --draad-size-2xs: 16px;
    --draad-size-xs: 24px;
    --draad-size-sm: 32px;
    --draad-size-md: 48px;
    --draad-size-lg: 64px;
    --draad-size-xl: 96px;
    --draad-size-2xl: 160px;
    --draad-size-icon-sm: 16px;
    --draad-size-icon-md: 24px;
    --draad-size-icon-lg: 24px;
    --draad-size-icon-xl: 24px;
    --draad-size-icon-2xl: 32px;
    --draad-size-icon-3xl: 40px;
    --draad-size-icon-4xl: 48px;
    --draad-box-shadow-sm: [object Object];
    --draad-box-shadow-md: [object Object];
    --draad-box-shadow-lg: [object Object];
    --voorbeeld-test: 33px;
    --voorbeeld-space-relation-kind: 0px;
    --voorbeeld-space-relation-besties: 8px;
    --voorbeeld-space-relation-vrienden: 16px;
    --voorbeeld-space-relation-bekenden: 24px;
    --voorbeeld-space-relation-onbekenden: 32px;
    --voorbeeld-space-relation-onbemind: 64px;
}