/**
 * @license SEE LICENSE.md
 * Copyright (c) 2021 NL Design System Community
 * All rights reserved
 */
/* stylelint-disable no-duplicate-selectors */
/**
 * Do not edit directly, this file was auto-generated.
 */
.haarlem-theme {
  --utrecht-unordered-list-line-height: 24px;
  --utrecht-textbox-invalid-border-width: 2px;
  --utrecht-textbox-focus-border-width: 3px;
  --utrecht-textbox-padding-inline-start: 8px;
  --utrecht-textbox-padding-inline-end: 8px;
  --utrecht-textbox-padding-block-start: 9px;
  --utrecht-textbox-padding-block-end: 8px;
  --utrecht-textbox-border-width: 2px;
  --utrecht-separator-block-size: 2px;
  --utrecht-select-max-inline-size: 28em;
  --utrecht-select-border-width: 2px;
  --utrecht-select-border-radius: 0;
  --utrecht-select-border-bottom-width: 0;
  --utrecht-search-bar-textbox-padding-inline-start: 8px;
  --utrecht-search-bar-button-text-transform: uppercase;
  --utrecht-radio-button-invalid-border-width: 3px;
  --utrecht-radio-button-focus-border-width: 4px;
  --utrecht-radio-button-hover-border-width: 3px;
  --utrecht-radio-button-size: 24px;
  --utrecht-radio-button-border-width: 2px;
  --utrecht-paragraph-lead-line-height: 33px;
  --utrecht-paragraph-line-height: 24px;
  --utrecht-page-max-inline-size: 1184px;
  --utrecht-page-footer-padding-block-start: 0;
  --utrecht-page-footer-padding-block-end: 0;
  --utrecht-page-footer-padding-inline-start: 0;
  --utrecht-page-footer-padding-inline-end: 0;
  --utrecht-page-footer-background-image: none;
  --utrecht-link-hover-text-decoration-thickness: 3px;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration-thickness: auto;
  --utrecht-link-focus-text-decoration: underline;
  --utrecht-link-text-underline-offset: 6px;
  --utrecht-link-text-decoration-thickness: 2px;
  --utrecht-heading-4-line-height: 24px;
  --utrecht-heading-3-line-height: 28px;
  --utrecht-heading-2-line-height: 36px;
  --utrecht-heading-1-line-height: 56px;
  --utrecht-form-label-line-height: 24px;
  --utrecht-form-fieldset-legend-line-height: 24px;
  --utrecht-form-field-invalid-border-inline-start-width: 3px;
  --utrecht-form-field-description-margin-block-end: 13px;
  --utrecht-form-field-description-margin-block-start: 13px;
  --utrecht-document-line-height: 1.4;
  --utrecht-custom-checkbox-focus-border-width: 2px;
  --utrecht-custom-checkbox-hover-border-width: 2px;
  --utrecht-custom-checkbox-size: 24px;
  --utrecht-custom-checkbox-border-width: 2px;
  --utrecht-button-subtle-disabled-background-color: transparent;
  --utrecht-button-subtle-border-width: 0;
  --utrecht-button-subtle-background-color: transparent;
  --utrecht-button-disabled-color: #9E9FA0;
  --utrecht-button-disabled-border-color: #9E9FA0;
  --utrecht-button-icon-size: 24px;
  --utrecht-button-icon-gap: 12px;
  --utrecht-button-line-height: 28px;
  --utrecht-button-letter-spacing: -0.3px;
  --utrecht-button-border-width: 4px;
  --utrecht-alert-margin-block-end: 25px;
  --utrecht-alert-margin-block-start: 25px;
  --utrecht-alert-padding-inline-end: 30px;
  --utrecht-alert-padding-inline-start: 30px;
  --utrecht-alert-padding-block-end: 30px;
  --utrecht-alert-padding-block-start: 30px;
  --utrecht-focus-outline-width: 3px;
  --utrecht-focus-outline-style: solid;
  --hlzv-typography-common-font-family-sans-serif-fallback: Sofia Pro, Arial, Helvetica, sans-serif;
  --hlzv-typography-common-font-family-sans-serif: Sofia Pro;
  --hlzv-typography-common-font-weight-normal: 400;
  --hlzv-typography-common-font-weight-700: 700;
  --hlzv-typography-common-body-bold-font-weight: 700;
  --hlzv-typography-common-body-link-font-size: 18px;
  --hlzv-typography-common-body-font-size: 18px;
  --hlzv-typography-common-body-large-font-size: 22px;
  --hlzv-typography-scale-70: 70px;
  --hlzv-typography-scale-48: 48px;
  --hlzv-typography-scale-36: 36px;
  --hlzv-typography-scale-24: 24px;
  --hlzv-typography-scale-19: 19px;
  --hlzv-typography-scale-16: 16px;
  --hlzv-typography-scale-14: 14px;
  --haarlem-space-400: 4rem;
  --haarlem-space-350: 3.5rem;
  --haarlem-space-300: 3rem;
  --haarlem-space-250: 2.5rem;
  --haarlem-space-200: 2rem;
  --haarlem-space-175: 1.75rem;
  --haarlem-space-166: 1.6666666667rem;
  --haarlem-space-150: 1.5rem;
  --haarlem-space-133: 1.3333333333rem;
  --haarlem-space-125: 1.25rem;
  --haarlem-space-112: 1.125rem;
  --haarlem-space-100: 1rem;
  --haarlem-space-75: 0.75rem;
  --haarlem-space-66: 0.6666666667rem;
  --haarlem-space-55: 0.5rem;
  --haarlem-space-33: 0.3333333333rem;
  --haarlem-space-25: 0.25rem;
  --haarlem-space-12: 0.125rem;
  --haarlem-color-black: #2E2E33;
  --haarlem-color-white: #FFFFFF;
  --haarlem-color-dark-mode-100: #2E2E33;
  --haarlem-color-dark-mode-75: #626266;
  --haarlem-color-dark-mode-50: #969699;
  --haarlem-color-dark-mode-25: #CBCBCCC2;
  --haarlem-color-dark-mode-10: #F4F4F4;
  --haarlem-color-indigo-100: #9FB7C7;
  --haarlem-color-indigo-75: #B7C9D5;
  --haarlem-color-indigo-50: #CFDBE3;
  --haarlem-color-indigo-25: #E7EDF1;
  --haarlem-color-indigo-10: #FFFFFF;
  --haarlem-color-rood-100: #D12435;
  --haarlem-color-rood-75: #DC5B67;
  --haarlem-color-rood-50: #F27F8C;
  --haarlem-color-rood-25: #FFBBC3;
  --haarlem-color-rood-10: #FFE9EB;
  --haarlem-color-zand-100: #DCC247;
  --haarlem-color-zand-75: #E5D175;
  --haarlem-color-zand-50: #EDE0A3;
  --haarlem-color-zand-25: #F6F0D1;
  --haarlem-color-zand-10: #FBF9ED;
  --haarlem-color-jade-100: #6EC0A3;
  --haarlem-color-jade-75: #92D0BA;
  --haarlem-color-jade-50: #B6DFD1;
  --haarlem-color-jade-25: #DBEFE8;
  --haarlem-color-jade-10: #E7F6F1;
  --haarlem-color-oceaan-100: #1457A3;
  --haarlem-color-oceaan-75: #4379B5;
  --haarlem-color-oceaan-50: #8AABCB;
  --haarlem-color-oceaan-25: #C4D5E5;
  --haarlem-color-oceaan-10: #E8EEF5;
  --utrecht-unordered-list-marker-color: var(--haarlem-color-black);
  --utrecht-unordered-list-padding-inline-start: var(--haarlem-space-100);
  --utrecht-unordered-list-margin-block-end: var(--haarlem-space-100);
  --utrecht-unordered-list-font-size: var(--hlzv-typography-common-body-font-size);
  --utrecht-textbox-invalid-border-color: var(--haarlem-color-rood-100);
  --utrecht-textbox-focus-border-color: var(--haarlem-color-black);
  --utrecht-textbox-font-size: var(--hlzv-typography-common-body-font-size);
  --utrecht-textbox-color: var(--haarlem-color-black);
  --utrecht-textbox-border-color: var(--haarlem-color-dark-mode-100);
  --utrecht-separator-margin-block-start: var(--haarlem-space-100);
  --utrecht-separator-margin-block-end: var(--haarlem-space-100);
  --utrecht-separator-color: var(--haarlem-color-indigo-50);
  --utrecht-select-invalid-border-color: var(--haarlem-color-rood-100);
  --utrecht-select-disabled-color: var(--haarlem-color-dark-mode-25);
  --utrecht-select-disabled-border-color: var(--haarlem-color-dark-mode-25);
  --utrecht-select-padding-inline-start: var(--haarlem-space-66);
  --utrecht-select-padding-inline-end: var(--haarlem-space-66);
  --utrecht-select-padding-block-start: var(--haarlem-space-55);
  --utrecht-select-padding-block-end: var(--haarlem-space-55);
  --utrecht-select-font-size: var(--hlzv-typography-common-body-font-size);
  --utrecht-select-color: var(--haarlem-color-black);
  --utrecht-select-background-color: var(--haarlem-color-white);
  --utrecht-search-bar-button-font-weight: var(--hlzv-typography-common-font-weight-700);
  --utrecht-radio-button-invalid-border-color: var(--haarlem-color-rood-100);
  --utrecht-radio-button-disabled-color: var(--haarlem-color-dark-mode-25);
  --utrecht-radio-button-disabled-background-color: var(--haarlem-color-dark-mode-25);
  --utrecht-radio-button-disabled-border-color: var(--haarlem-color-dark-mode-25);
  --utrecht-radio-button-focus-border-color: var(--haarlem-color-indigo-100);
  --utrecht-radio-button-hover-border-color: var(--haarlem-color-zand-100);
  --utrecht-radio-button-checked-color: var(--haarlem-color-black);
  --utrecht-radio-button-checked-background-color: var(--haarlem-color-black);
  --utrecht-radio-button-checked-border-color: var(--haarlem-color-indigo-100);
  --utrecht-radio-button-margin-inline-end: var(--haarlem-space-75);
  --utrecht-radio-button-border-color: var(--haarlem-color-black);
  --utrecht-radio-button-background-color: var(--haarlem-color-white);
  --utrecht-radio-button-color: var(--haarlem-color-black);
  --utrecht-paragraph-lead-font-weight: var(--hlzv-typography-common-font-weight-normal);
  --utrecht-paragraph-lead-font-size: var(--hlzv-typography-common-body-large-font-size);
  --utrecht-paragraph-margin-block-start: var(--haarlem-space-100);
  --utrecht-paragraph-font-weight: var(--hlzv-typography-common-font-weight-normal);
  --utrecht-paragraph-font-size: var(--hlzv-typography-common-body-font-size);
  --utrecht-paragraph-font-family: var(--hlzv-typography-common-font-family-sans-serif-fallback);
  --utrecht-paragraph-color: var(--haarlem-color-black);
  --utrecht-page-padding-inline-start: var(--haarlem-space-200);
  --utrecht-page-padding-block-end: var(--haarlem-space-100);
  --utrecht-page-padding-inline-end: var(--haarlem-space-250);
  --utrecht-page-padding-block-start: var(--haarlem-space-175);
  --utrecht-page-margin-inline-end: var(--haarlem-space-200);
  --utrecht-page-margin-inline-start: var(--haarlem-space-200);
  --utrecht-page-color: var(--haarlem-color-black);
  --utrecht-page-background-color: var(--haarlem-color-white);
  --utrecht-page-header-padding-block-start: var(--haarlem-space-175);
  --utrecht-page-header-padding-block-end: var(--haarlem-space-100);
  --utrecht-page-header-padding-inline-start: var(--haarlem-space-200);
  --utrecht-page-header-padding-inline-end: var(--haarlem-space-200);
  --utrecht-page-footer-background-color: var(--haarlem-color-white);
  --utrecht-page-content-padding-block-start: var(--haarlem-space-200);
  --utrecht-page-content-padding-block-end: var(--haarlem-space-200);
  --utrecht-link-text-decoration-color: var(--haarlem-color-dark-mode-50);
  --utrecht-link-color: var(--haarlem-color-black);
  --utrecht-heading-4-font-weight: var(--hlzv-typography-common-font-weight-700);
  --utrecht-heading-4-font-size: var(--hlzv-typography-scale-19);
  --utrecht-heading-4-font-family: var(--hlzv-typography-common-font-family-sans-serif-fallback);
  --utrecht-heading-4-color: var(--haarlem-color-black);
  --utrecht-heading-3-margin-block-start: var(--haarlem-space-100);
  --utrecht-heading-3-margin-block-end: var(--haarlem-space-25);
  --utrecht-heading-3-font-weight: var(--hlzv-typography-common-font-weight-700);
  --utrecht-heading-3-font-size: var(--hlzv-typography-scale-24);
  --utrecht-heading-3-font-family: var(--hlzv-typography-common-font-family-sans-serif-fallback);
  --utrecht-heading-3-color: var(--haarlem-color-black);
  --utrecht-heading-2-margin-block-start: var(--haarlem-space-150);
  --utrecht-heading-2-margin-block-end: var(--haarlem-space-33);
  --utrecht-heading-2-font-weight: var(--hlzv-typography-common-font-weight-700);
  --utrecht-heading-2-font-size: var(--hlzv-typography-scale-36);
  --utrecht-heading-2-font-family: var(--hlzv-typography-common-font-family-sans-serif-fallback);
  --utrecht-heading-2-color: var(--haarlem-color-black);
  --utrecht-heading-1-margin-block-start: var(--haarlem-space-150);
  --utrecht-heading-1-margin-block-end: var(--haarlem-space-150);
  --utrecht-heading-1-font-weight: var(--hlzv-typography-common-font-weight-700);
  --utrecht-heading-1-font-size: var(--hlzv-typography-scale-48);
  --utrecht-heading-1-font-family: var(--hlzv-typography-common-font-family-sans-serif-fallback);
  --utrecht-heading-1-color: var(--haarlem-color-black);
  --utrecht-form-label-radio-font-weight: var(--hlzv-typography-common-font-weight-normal);
  --utrecht-form-label-font-weight: var(--hlzv-typography-common-font-weight-700);
  --utrecht-form-label-font-size: var(--hlzv-typography-scale-19);
  --utrecht-form-label-color: var(--haarlem-color-black);
  --utrecht-form-fieldset-legend-disabled-color: var(--haarlem-color-dark-mode-50);
  --utrecht-form-fieldset-legend-margin-block-start: var(--haarlem-space-150);
  --utrecht-form-fieldset-legend-margin-block-end: var(--haarlem-space-75);
  --utrecht-form-fieldset-legend-font-weight: var(--hlzv-typography-common-font-weight-700);
  --utrecht-form-fieldset-legend-font-size: var(--hlzv-typography-scale-16);
  --utrecht-form-fieldset-margin-block-end: var(--haarlem-space-33);
  --utrecht-form-fieldset-margin-block-start: var(--haarlem-space-33);
  --utrecht-form-field-description-margin-block-end: var(--haarlem-space-75);
  --utrecht-form-field-description-margin-block-start: var(--haarlem-space-75);
  --utrecht-form-field-label-margin-block-end: var(--haarlem-space-75);
  --utrecht-form-field-invalid-padding-inline-start: var(--haarlem-space-75);
  --utrecht-form-field-margin-block-end: var(--haarlem-space-100);
  --utrecht-form-field-margin-block-start: var(--haarlem-space-100);
  --utrecht-form-field-description-invalid-color: var(--haarlem-color-rood-100);
  --utrecht-form-field-description-font-size: var(--hlzv-typography-scale-16);
  --utrecht-form-field-description-font-family: var(--hlzv-typography-common-font-family-sans-serif-fallback);
  --utrecht-form-field-description-color: var(--haarlem-color-black);
  --utrecht-document-font-size: var(--hlzv-typography-common-body-font-size);
  --utrecht-document-font-family: var(--hlzv-typography-common-font-family-sans-serif-fallback);
  --utrecht-document-color: var(--haarlem-color-black);
  --utrecht-document-background-color: var(--haarlem-color-white);
  --utrecht-custom-checkbox-checked-color: var(--haarlem-color-black);
  --utrecht-custom-checkbox-checked-background-color: var(--haarlem-color-black);
  --utrecht-custom-checkbox-focus-border-color: var(--haarlem-color-indigo-100);
  --utrecht-custom-checkbox-hover-border-color: var(--haarlem-color-indigo-100);
  --utrecht-custom-checkbox-color: var(--haarlem-color-black);
  --utrecht-custom-checkbox-border-color: var(--haarlem-color-black);
  --utrecht-custom-checkbox-background-color: var(--haarlem-color-white);
  --utrecht-button-subtle-disabled-color: var(--haarlem-color-dark-mode-25);
  --utrecht-button-hover-background-color: var(--haarlem-color-indigo-50);
  --utrecht-button-focus-background-color: var(--haarlem-color-zand-100);
  --utrecht-button-padding-inline-end: var(--haarlem-space-133);
  --utrecht-button-padding-inline-start: var(--haarlem-space-133);
  --utrecht-button-padding-block-end: var(--haarlem-space-75);
  --utrecht-button-padding-block-start: var(--haarlem-space-75);
  --utrecht-button-margin-block-end: var(--haarlem-space-150);
  --utrecht-button-margin-block-start: var(--haarlem-space-150);
  --utrecht-button-font-weight: var(--hlzv-typography-common-font-weight-700);
  --utrecht-button-font-size: var(--hlzv-typography-scale-24);
  --utrecht-button-color: var(--haarlem-color-black);
  --utrecht-button-border-color: var(--haarlem-color-black);
  --utrecht-button-background-color: var(--haarlem-color-white);
  --utrecht-button-group-padding-block-start: var(--haarlem-space-300);
  --utrecht-button-group-padding-block-end: var(--haarlem-space-300);
  --utrecht-button-group-margin-block-start: var(--haarlem-space-200);
  --utrecht-button-group-margin-block-end: var(--haarlem-space-200);
  --utrecht-button-group-background-color: var(--haarlem-color-zand-10);
  --utrecht-alert-ok-color: var(--haarlem-color-dark-mode-100);
  --utrecht-alert-ok-background-color: var(--haarlem-color-jade-100);
  --utrecht-alert-error-color: var(--haarlem-color-rood-100);
  --utrecht-alert-error-background-color: var(--haarlem-color-rood-10);
  --utrecht-focus-outline-color: var(--haarlem-color-indigo-100);
  --hlzv-typography-common-body-link-small-font-size: var(--hlzv-typography-scale-16);
  --hlzv-typography-common-body-small-font-size: var(--hlzv-typography-scale-16);
}