Skip to main content

NL Design System Purmerend Thema

Token set purmerend: 835 declared by this set, 127 from the defaults layer.

Contrast: primary text on primary 4.60:1, primary on background not evaluated (unevaluated).

Colours (Kleuren)​

TokenValueDark modeSourcePaints
--nldesign-color-background-dark #f1f1f1 #202020this setBackground dark, Table header background
--nldesign-color-background-darker #e6e6e6 #292929this setBackground darker
--nldesign-color-background-hover #f7f7f7 #1b1b1bthis setMain background color
--nldesign-color-border #000 #ebebebthis setBorder color, Select border, Table row rule, Text input border, --nldesign-component-separator-border-color
--nldesign-color-border-dark #929292 #707070this setBorder dark, Border max contrast
--nldesign-color-button-primary-background #154273 #81afe2defaults
--nldesign-color-button-primary-border #154273 #81afe2defaults
--nldesign-color-button-primary-hover #1d5499 #6397dadefaults
--nldesign-color-button-primary-text #ffffff #3e3e3edefaults
--nldesign-color-error #d70d0d #e72e2ethis setBorder error, Element error, Error color, Text error, Text input invalid
--nldesign-color-error-hover #c20c0c #e93f3fthis setError hover
--nldesign-color-error-rgb215, 13, 13231, 46, 46this setError text color
--nldesign-color-favorite #f9cf00 #f3cd12this setBackground blur filter
--nldesign-color-focus rgba(0, 0, 0, 0.5) #ebebeb80this setButton focus ring
--nldesign-color-focus-rgb0, 0, 0235, 235, 235this set
--nldesign-color-header-background #00856A #6ef7dcthis set
--nldesign-color-header-text #ffffff #9e9e9ethis set
--nldesign-color-info #00856A #6ef7dcthis setInfo color, Info hover color, Text input focus
--nldesign-color-info-rgb0, 133, 106110, 247, 220this set
--nldesign-color-link #00365F #8ccaf9this setLink colour
--nldesign-color-link-hover #00365F #8ccaf9this setLink hover colour
--nldesign-color-link-visited #00365F #8ccaf9this set--nldesign-component-link-visited-color
--nldesign-color-logo-backgroundtransparentdefaults
--nldesign-color-nav-background #ffffff #141414this set
--nldesign-color-placeholder-dark #e6e6e6 #292929this setPlaceholder dark
--nldesign-color-placeholder-light #f1f1f1 #202020this setPlaceholder light
--nldesign-color-primary #00856A #05ffccthis setBadge background, Primary button background, Primary color, Primary element color, Primary element light text and 7 more
--nldesign-color-primary-hover #00365F #00365fthis setPrimary button hover, Primary element hover, Primary hover color
--nldesign-color-primary-light #e6f3f0 #192f2athis setPrimary element light, Tertiary button hover, --color-primary-element-text-dark
--nldesign-color-primary-light-hover #cce7e1 #23453dthis setPrimary element light hover, Primary light hover, Tertiary button pressed
--nldesign-color-primary-text #fff #111111this setBadge number, Primary button label, Primary element text, Primary text color
--nldesign-color-success #39870c #9ceb6fthis setBorder success, Element success, Success color, Text success
--nldesign-color-success-rgb57, 135, 12156, 235, 111this setSuccess hover color
--nldesign-color-text #000000 #ebebebthis setBody text colour, Main text color, Table header label, --nldesign-component-form-field-label-color, --nldesign-component-heading-1-color and 8 more
--nldesign-color-text-light #fff #9e9e9ethis setMuted text default color
--nldesign-color-text-muted #737373 #9e9e9ethis setText lighter, Text max contrast
--nldesign-color-warning #a65600 #f6a854this setElement warning, Text warning, Warning color
--nldesign-color-warning-rgb166, 86, 0246, 168, 84this setWarning hover color
--nldesign-component-badge-background-color`var(
--nldesign-color-primary
)` #6ef7dcdefaults
--nldesign-component-badge-color`var(
--nldesign-color-primary-text
)` #5e5e5edefaults
--nldesign-component-button-active-background-color`var(
--nldesign-color-primary-light-hover
)` #23453ddefaults
--nldesign-component-button-active-color`var(
--nldesign-color-primary
)` #7affe4defaults
--nldesign-component-button-background-colortransparentdefaults
--nldesign-component-button-border-color`var(
--nldesign-color-primary
)` #6ef7dcdefaults
--nldesign-component-button-colorvar(--nldesign-color-primary) #7affe4defaults
--nldesign-component-button-disabled-background-color #e5e5e5 #2a2a2adefaults
--nldesign-component-button-disabled-border-color #b4b4b4 #535353defaults
--nldesign-component-button-disabled-color #696969 #9e9e9edefaults
--nldesign-component-button-focus-border-color`var(
--nldesign-color-focus
)` #ebebeb80defaults
--nldesign-component-button-hover-background-color`var(
--nldesign-color-primary-light
)` #192f2adefaults
--nldesign-component-button-hover-border-color`var(
--nldesign-color-primary-hover
)` #8ccaf9defaults
--nldesign-component-button-hover-color`var(
--nldesign-color-primary
)` #7affe4defaults
--nldesign-component-button-primary-action-background-color`var(
--nldesign-color-primary
)` #6ef7dcdefaults
--nldesign-component-button-primary-action-border-color`var(
--nldesign-color-primary
)` #6ef7dcdefaults
--nldesign-component-button-primary-action-color`var(
--nldesign-color-primary-text
)` #5e5e5edefaults
--nldesign-component-button-primary-action-hover-background-color`var(
--nldesign-color-primary-hover
)` #8ccaf9defaults
--nldesign-component-button-primary-action-hover-color`var(
--nldesign-color-primary-text
)` #3e3e3edefaults
--nldesign-component-button-secondary-action-background-colortransparentdefaults
--nldesign-component-button-secondary-action-border-color`var(
--nldesign-color-primary
)` #6ef7dcdefaults
--nldesign-component-button-secondary-action-color`var(
--nldesign-color-primary
)` #7affe4defaults
--nldesign-component-button-secondary-action-hover-background-color`var(
--nldesign-color-primary-light
)` #192f2adefaults
--nldesign-component-form-field-label-colorvar(--nldesign-color-text) #ebebebdefaults
--nldesign-component-form-fieldset-border-color`var(
--nldesign-color-border
)` #ebebebdefaults
--nldesign-component-form-select-border-colorvar(--nldesign-color-border) #ebebebdefaults
--nldesign-component-form-select-focus-border-colorvar(--nldesign-color-info) #6ef7dcdefaults
--nldesign-component-heading-1-colorvar(--nldesign-component-heading-color) #ebebebdefaults
--nldesign-component-heading-2-colorvar(--nldesign-component-heading-color) #ebebebdefaults
--nldesign-component-heading-3-colorvar(--nldesign-component-heading-color) #ebebebdefaults
--nldesign-component-heading-4-colorvar(--nldesign-component-heading-color) #ebebebdefaults
--nldesign-component-heading-5-colorvar(--nldesign-component-heading-color) #ebebebdefaults
--nldesign-component-heading-6-colorvar(--nldesign-component-heading-color) #ebebebdefaults
--nldesign-component-heading-colorvar(--nldesign-color-text) #ebebebdefaults
--nldesign-component-link-colorvar(--nldesign-color-link) #a0d6ffdefaults
--nldesign-component-link-hover-colorvar(--nldesign-color-link-hover) #a0d6ffdefaults
--nldesign-component-link-visited-colorvar(--nldesign-color-link-visited) #a0d6ffdefaults
--nldesign-component-ordered-list-color`var(
--nldesign-color-text
)` #ebebebdefaults
--nldesign-component-paragraph-colorvar(--nldesign-color-text) #ebebebdefaults
--nldesign-component-separator-border-colorvar(--nldesign-color-border) #ebebebdefaults
--nldesign-component-table-border-colorvar(--nldesign-color-border) #ebebebdefaults
--nldesign-component-table-header-background-colortransparentthis set
--nldesign-component-table-header-color #737373 #9e9e9ethis set
--nldesign-component-table-row-hover-background-color`var(
--nldesign-color-background-hover
)` #1b1b1bdefaults
--nldesign-component-textbox-background-color #ffffff #141414defaults
--nldesign-component-textbox-border-colorvar(--nldesign-color-border) #ebebebdefaults
--nldesign-component-textbox-colorvar(--nldesign-color-text) #ebebebdefaults
--nldesign-component-textbox-disabled-background-color #e5e5e5 #2a2a2adefaults
--nldesign-component-textbox-disabled-color #696969 #9e9e9edefaults
--nldesign-component-textbox-focus-border-colorvar(--nldesign-color-info) #6ef7dcdefaults
--nldesign-component-textbox-hover-border-color`var(
--nldesign-color-border-dark
)` #707070defaults
--nldesign-component-textbox-invalid-border-colorvar(--nldesign-color-error) #e72e2edefaults
--nldesign-component-unordered-list-color`var(
--nldesign-color-text
)` #ebebebdefaults

Typography (Typografie)​

TokenValueDark modeSourcePaints
--nldesign-component-badge-font-size0.875remdefaults
--nldesign-component-badge-font-weight700defaults
--nldesign-component-button-font-familyvar(--nldesign-font-family)defaults
--nldesign-component-button-font-size1remdefaults
--nldesign-component-button-font-weight700defaults
--nldesign-component-form-field-label-font-weight700defaults
--nldesign-component-heading-1-font-size2.5remdefaults
--nldesign-component-heading-1-font-weight`var(
--nldesign-component-heading-font-weight
)`defaults
--nldesign-component-heading-1-line-height1.2defaults
--nldesign-component-heading-2-font-size2remdefaults
--nldesign-component-heading-2-font-weight`var(
--nldesign-component-heading-font-weight
)`defaults
--nldesign-component-heading-2-line-height1.25defaults
--nldesign-component-heading-3-font-size1.5remdefaults
--nldesign-component-heading-3-font-weight`var(
--nldesign-component-heading-font-weight
)`defaults
--nldesign-component-heading-3-line-height1.3defaults
--nldesign-component-heading-4-font-size1.25remdefaults
--nldesign-component-heading-4-font-weight`var(
--nldesign-component-heading-font-weight
)`defaults
--nldesign-component-heading-4-line-height1.35defaults
--nldesign-component-heading-5-font-size1.125remdefaults
--nldesign-component-heading-5-font-weight`var(
--nldesign-component-heading-font-weight
)`defaults
--nldesign-component-heading-5-line-height1.4defaults
--nldesign-component-heading-6-font-size1remdefaults
--nldesign-component-heading-6-font-weight`var(
--nldesign-component-heading-font-weight
)`defaults
--nldesign-component-heading-6-line-height1.5defaults
--nldesign-component-heading-font-familyvar(--nldesign-font-family)defaults
--nldesign-component-heading-font-weightvar(--nldesign-font-weight-heading)defaults
--nldesign-component-link-font-weight`var(
--nldesign-font-weight-default
)`defaults
--nldesign-component-link-text-decorationunderlinedefaults
--nldesign-component-ordered-list-font-size1remdefaults
--nldesign-component-ordered-list-line-height1.5defaults
--nldesign-component-paragraph-font-familyvar(--nldesign-font-family)defaults
--nldesign-component-paragraph-font-size1remdefaults
--nldesign-component-paragraph-font-weightvar(--nldesign-font-weight-default)defaults
--nldesign-component-paragraph-line-height1.5defaults
--nldesign-component-table-header-font-weight400this set
--nldesign-component-textbox-font-familyvar(--nldesign-font-family)defaults
--nldesign-component-textbox-font-size1remdefaults
--nldesign-component-unordered-list-font-size1remdefaults
--nldesign-component-unordered-list-line-height1.5defaults
--nldesign-font-family'Fira Sans', 'Helvetica Neue', Arial, sans-serifthis setFont family, --nldesign-component-button-font-family, --nldesign-component-textbox-font-family
--nldesign-font-weight-default400defaultsBase font size
--nldesign-font-weight-element500defaultsControl font weight
--nldesign-font-weight-heading700defaultsHeading font weight

Spacing and shape (Ruimte en vorm)​

TokenValueDark modeSourcePaints
--nldesign-border-radius8pxthis setBorder radius element, Button corner, Input border width, Select corner, Text input corner
--nldesign-border-radius-large8pxthis setContainer radius
--nldesign-border-radius-pill100pxthis setBadge shape, Border radius pill
--nldesign-border-radius-rounded28pxthis setBorder radius rounded
--nldesign-border-radius-small4pxthis setBorder radius small
--nldesign-component-badge-border-radius`var(
--nldesign-border-radius-pill
)`defaults
--nldesign-component-badge-padding-block0.125remdefaults
--nldesign-component-badge-padding-inline0.5remdefaults
--nldesign-component-button-border-radiusvar(--nldesign-border-radius)defaults
--nldesign-component-button-border-width1pxdefaults
--nldesign-component-button-padding-block0.5remdefaults
--nldesign-component-button-padding-inline1remdefaults
--nldesign-component-form-fieldset-border-width1pxdefaults
--nldesign-component-form-select-border-radiusvar(--nldesign-border-radius)defaults
--nldesign-component-separator-border-width1pxdefaults
--nldesign-component-table-border-width1pxdefaults
--nldesign-component-table-cell-padding-block0.5remdefaults
--nldesign-component-table-cell-padding-inline0.75remdefaults
--nldesign-component-textbox-border-radiusvar(--nldesign-border-radius)defaults
--nldesign-component-textbox-border-width1pxdefaults
--nldesign-component-textbox-padding-block0.5remdefaults
--nldesign-component-textbox-padding-inline0.75remdefaults
--nldesign-header-border-bottom0defaults
--nldesign-logo-heightautodefaults
--nldesign-logo-width62pxdefaults
--nldesign-size-lint0pxdefaults
--nldesign-size-lint-height0pxdefaults

Other tokens (Overige tokens)​

TokenValueDark modeSourcePaints
--nldesign-animation-easingeasedefaults
--nldesign-animation-quick100msdefaultsHeader menu item height
--nldesign-animation-slow300msdefaultsAnimation slow
--nldesign-header-icon-filternonethis set
--nldesign-logo-bottom1pxdefaults
--nldesign-logo-center50%defaults
--nldesign-logo-filternonedefaults
--nldesign-logo-inset12pxdefaults
--nldesign-logo-top1pxdefaults

Tokens nothing reads (Tokens die niets leest)​

TokenValueDark modeSourcePaints
--purmerend-border-radius-md10pxthis set
--purmerend-box-shadow-shadow-2[object Object], [object Object]this set
--purmerend-box-shadow-shadow-3[object Object], [object Object]this set
--purmerend-box-shadow-shadow-4[object Object], [object Object]this set
--purmerend-box-shadow-shadow-5[object Object], [object Object]this set
--purmerend-box-shadow-shadow-9[object Object], [object Object]this set
--purmerend-color-black-1scrollbarthis set
--purmerend-color-black-10 rgba(0, 0, 0, .25) #ebebeb40this set
--purmerend-color-black-11 rgba(0, 0, 0, .075) #ebebeb13this set
--purmerend-color-black-12 rgba(0, 0, 0, .125) #ebebeb20this set
--purmerend-color-black-13 rgba(0, 0, 0, .15) #ebebeb26this set
--purmerend-color-black-14 rgba(0, 0, 0, .175) #ebebeb2dthis set
--purmerend-color-black-15 rgba(0, 0, 0, .05) #ebebeb0dthis set
--purmerend-color-black-16 rgba(0, 0, 0, .2) #ebebeb33this set
--purmerend-color-black-17 rgba(0, 0, 0, .5) #ebebeb80this set
--purmerend-color-black-18 rgba(0, 0, 0, .6) #ebebeb99this set
--purmerend-color-black-19 rgba(0, 0, 0, .0001) #ebebeb00this set
--purmerend-color-black-2 #000 #ebebebthis set
--purmerend-color-black-20#000\9this set
--purmerend-color-black-21 #000000 #ebebebthis set
--purmerend-color-black-22 rgba(0, 0, 0, 0.5) #ebebeb80this set
--purmerend-color-black-23 rgba(0, 0, 0, 0.0001) #ebebeb00this set
--purmerend-color-black-24 #000000 #ebebebthis set
--purmerend-color-black-3transparentthis set
--purmerend-color-black-4 rgba(0, 0, 0, 0.063) #ebebeb10this set
--purmerend-color-black-5 rgba(0, 0, 0, .3) #ebebeb4dthis set
--purmerend-color-black-6 rgba(0, 0, 0, .7) #ebebebb3this set
--purmerend-color-black-7 rgba(0, 0, 0, .1) #ebebeb1athis set
--purmerend-color-black-8 rgba(0, 0, 0, 0.2) #ebebeb33this set
--purmerend-color-black-9 rgba(0, 0, 0, 0) #ebebeb00this set
--purmerend-color-blue-1 rgba(3, 169, 244, .3) #16acf04dthis set
--purmerend-color-blue-10 rgba(62, 69, 81, .7) #a5acb8b3this set
--purmerend-color-blue-11 rgba(3, 169, 244, .1) #16acf01athis set
--purmerend-color-blue-12 rgba(63, 81, 181, .1) #4f5fba1athis set
--purmerend-color-blue-13 rgba(0, 188, 212, .1) #2fdef41athis set
--purmerend-color-blue-14 rgba(96, 125, 139, .1) #748f9c1athis set
--purmerend-color-blue-15 rgba(62, 69, 81, .1) #a5acb81athis set
--purmerend-color-blue-16 #2eaae0 #2899cathis set
--purmerend-color-blue-17 #337ab7 #4c8dc5this set
--purmerend-color-blue-18 #23527c #7caad4this set
--purmerend-color-blue-19 #286090 #6ca1cfthis set
--purmerend-color-blue-2 rgba(63, 81, 181, .3) #4f5fba4dthis set
--purmerend-color-blue-20 #31708f #6da9c6this set
--purmerend-color-blue-21 #245269 #8cbbd2this set
--purmerend-color-blue-22 #d9edf7 #102f3fthis set
--purmerend-color-blue-23 #afd9ee #194961this set
--purmerend-color-blue-24 #c4e3f3 #143c50this set
--purmerend-color-blue-25 #66afe9 #1f659dthis set
--purmerend-color-blue-26 rgba(102, 175, 233, .6) #1f659d99this set
--purmerend-color-blue-27 #2e6da4 #5b96c9this set
--purmerend-color-blue-28 #122b40 #accbe4this set
--purmerend-color-blue-29 #204d74 #82afd7this set
--purmerend-color-blue-3 rgba(0, 188, 212, .3) #2fdef44dthis set
--purmerend-color-blue-30 #5bc0de #2989a5this set
--purmerend-color-blue-31 #46b8da #2d96b6this set
--purmerend-color-blue-32 #31b0d5 #32a5c7this set
--purmerend-color-blue-33 #1b6d85 #73c4dcthis set
--purmerend-color-blue-34 #269abc #47b1d1this set
--purmerend-color-blue-35 #bce8f1 #164c56this set
--purmerend-color-blue-36 #a6e1ec #1b5c68this set
--purmerend-color-blue-37 #c7ddef #19354cthis set
--purmerend-color-blue-38 #428bca #3c7fb8this set
--purmerend-color-blue-39 #5897fb #0d4aabthis set
--purmerend-color-blue-4 rgba(96, 125, 139, .3) #748f9c4dthis set
--purmerend-color-blue-40 #3875d7 #3068c1this set
--purmerend-color-blue-41 #F4F5F6 #1a1d1fthis set
--purmerend-color-blue-42 #617189 #76859bthis set
--purmerend-color-blue-43 #245A96 #669ad3this set
--purmerend-color-blue-44 #00365F #8ccaf9this set
--purmerend-color-blue-45 #005A9B #5db6f6this set
--purmerend-color-blue-46 rgba(0, 54, 95, 0.85) #8ccaf9d9this set
--purmerend-color-blue-47 #00365f #8ccaf9this set
--purmerend-color-blue-48 #3C4551 #a5aebathis set
--purmerend-color-blue-49 #f4f5f6 #1a1d1fthis set
--purmerend-color-blue-5 rgba(62, 69, 81, .3) #a5acb84dthis set
--purmerend-color-blue-50 #f6f9fc #0e1925this set
--purmerend-color-blue-6 rgba(3, 169, 244, .7) #16acf0b3this set
--purmerend-color-blue-7 rgba(63, 81, 181, .7) #4f5fbab3this set
--purmerend-color-blue-8 rgba(0, 188, 212, .7) #2fdef4b3this set
--purmerend-color-blue-9 rgba(96, 125, 139, .7) #748f9cb3this set
--purmerend-color-cyan-1 rgba(0, 150, 136, .3) #61f7e94dthis set
--purmerend-color-cyan-2 rgba(0, 150, 136, .7) #61f7e9b3this set
--purmerend-color-cyan-3 rgba(0, 150, 136, .1) #61f7e91athis set
--purmerend-color-cyan-4 #00A685 #54f6d6this set
--purmerend-color-cyan-5 #007c57 #75f8d1this set
--purmerend-color-cyan-6 #00856A #6ef7dcthis set
--purmerend-color-cyan-7 #00856a #6ef7dcthis set
--purmerend-color-disabled-bg-1 #fff #141414this set
--purmerend-color-disabled-bg-2 #fff #141414this set
--purmerend-color-disabled-border-1 #888 #787878this set
--purmerend-color-disabled-border-2 #888 #787878this set
--purmerend-color-disabled-border-3 #888 #787878this set
--purmerend-color-disabled-fill-1 #888 #787878this set
--purmerend-color-disabled-fill-2 #888 #787878this set
--purmerend-color-disabled-interactive-1 #f6f6f6 #1c1c1cthis set
--purmerend-color-disabled-interactive-2 #f6f6f6 #1c1c1cthis set
--purmerend-color-disabled-interactive-3 #f6f6f6 #1c1c1cthis set
--purmerend-color-disabled-inverse-bg-1 #888 #787878this set
--purmerend-color-disabled-inverse-bg-2 #888 #787878this set
--purmerend-color-disabled-inverse-border-1 #888 #787878this set
--purmerend-color-disabled-inverse-border-2 #888 #787878this set
--purmerend-color-disabled-inverse-border-3 #888 #787878this set
--purmerend-color-disabled-inverse-fill-1 #f6f6f6 #1c1c1cthis set
--purmerend-color-disabled-inverse-fill-2 #f6f6f6 #1c1c1cthis set
--purmerend-color-disabled-inverse-interactive-1 #888 #787878this set
--purmerend-color-disabled-inverse-interactive-2 #888 #787878this set
--purmerend-color-disabled-inverse-interactive-3 #888 #787878this set
--purmerend-color-disabled-inverse-text-1 #f6f6f6 #9e9e9ethis set
--purmerend-color-disabled-inverse-text-2 #f6f6f6 #9e9e9ethis set
--purmerend-color-disabled-text-1 #888 #9e9e9ethis set
--purmerend-color-disabled-text-2 #706f6f #9f9e9ethis set
--purmerend-color-error-bg-1 #fff4f4 #300303this set
--purmerend-color-error-bg-2 #fff4f4 #300303this set
--purmerend-color-error-border-1 #c9302c #cb403dthis set
--purmerend-color-error-border-2 #c9302c #cb403dthis set
--purmerend-color-error-border-3 #c9302c #cb403dthis set
--purmerend-color-error-fill-1 #c9302c #cb403dthis set
--purmerend-color-error-fill-2 #c9302c #cb403dthis set
--purmerend-color-error-interactive-1 #fff4f4 #300303this set
--purmerend-color-error-interactive-2 #fff4f4 #300303this set
--purmerend-color-error-interactive-3 #fff4f4 #300303this set
--purmerend-color-error-inverse-bg-1 #c9302c #cb403dthis set
--purmerend-color-error-inverse-bg-2 #c9302c #cb403dthis set
--purmerend-color-error-inverse-border-1 #c9302c #cb403dthis set
--purmerend-color-error-inverse-border-2 #c9302c #cb403dthis set
--purmerend-color-error-inverse-border-3 #c9302c #cb403dthis set
--purmerend-color-error-inverse-fill-1 #fff4f4 #300303this set
--purmerend-color-error-inverse-fill-2 #fff4f4 #300303this set
--purmerend-color-error-inverse-interactive-1 #c9302c #cb403dthis set
--purmerend-color-error-inverse-interactive-2 #c9302c #cb403dthis set
--purmerend-color-error-inverse-interactive-3 #c9302c #cb403dthis set
--purmerend-color-error-inverse-text-1 #fff4f4 #ff3d3dthis set
--purmerend-color-error-inverse-text-2 #fff4f4 #ff3d3dthis set
--purmerend-color-error-text-1 #c9302c #dc6360this set
--purmerend-color-error-text-2 #c9302c #dc6360this set
--purmerend-color-green-1 rgba(76, 175, 80, .3) #55ae584dthis set
--purmerend-color-green-10 #67b168 #539754this set
--purmerend-color-green-11 #5cb85c #4da14dthis set
--purmerend-color-green-12 #4cae4c #55ae55this set
--purmerend-color-green-13 #449d44 #63b563this set
--purmerend-color-green-14 #255625 #9dd19dthis set
--purmerend-color-green-15 #398439 #78bf78this set
--purmerend-color-green-16 #d6e9c6 #344b20this set
--purmerend-color-green-17 #c9e2b3 #3f5a27this set
--purmerend-color-green-2 rgba(76, 175, 80, .7) #55ae58b3this set
--purmerend-color-green-3 rgba(76, 175, 80, .1) #55ae581athis set
--purmerend-color-green-4 #008000 #72f872this set
--purmerend-color-green-5 #3c763d #84bc85this set
--purmerend-color-green-6 #2b542c #a0cba1this set
--purmerend-color-green-7 #dff0d8 #243c1athis set
--purmerend-color-green-8 #c1e2b3 #365a27this set
--purmerend-color-green-9 #d0e9c6 #2c4b20this set
--purmerend-color-grey-1 #555 #a3a3a3this set
--purmerend-color-grey-10 #ddd #313131this set
--purmerend-color-grey-11 #333 #c0c0c0this set
--purmerend-color-grey-12 #777 #878787this set
--purmerend-color-grey-13 #f6f6f6 #1c1c1cthis set
--purmerend-color-grey-14 #f9f9f9 #191919this set
--purmerend-color-grey-15 #e8e8e8 #282828this set
--purmerend-color-grey-16 #e5e5e5 #2a2a2athis set
--purmerend-color-grey-17 #737373 #8a8a8athis set
--purmerend-color-grey-18 #e6e6e6 #292929this set
--purmerend-color-grey-19 #8c8c8c #757575this set
--purmerend-color-grey-2 #ccc #3f3f3fthis set
--purmerend-color-grey-20 #adadad #595959this set
--purmerend-color-grey-21 #d4d4d4 #393939this set
--purmerend-color-grey-22 #262626 #cbcbcbthis set
--purmerend-color-grey-23 #f8f8f8 #1a1a1athis set
--purmerend-color-grey-24 #e7e7e7 #292929this set
--purmerend-color-grey-25 #5e5e5e #9c9c9cthis set
--purmerend-color-grey-26 #888 #787878this set
--purmerend-color-grey-27 #222 #cececethis set
--purmerend-color-grey-28 #080808 #e4e4e4this set
--purmerend-color-grey-29 #9d9d9d #676767this set
--purmerend-color-grey-3 rgba(158, 158, 158, .3) #6666664dthis set
--purmerend-color-grey-30 #444 #b1b1b1this set
--purmerend-color-grey-31 #101010 #ddddddthis set
--purmerend-color-grey-32 #d5d5d5 #383838this set
--purmerend-color-grey-33 #e3e3e3 #2c2c2cthis set
--purmerend-color-grey-34 #f7f7f7 #1b1b1bthis set
--purmerend-color-grey-35 #ebebeb #252525this set
--purmerend-color-grey-36 #666 #959595this set
--purmerend-color-grey-37 #aaa #5c5c5cthis set
--purmerend-color-grey-38 #e4e4e4 #2b2b2bthis set
--purmerend-color-grey-39 #f1f1f1 #202020this set
--purmerend-color-grey-4 rgba(158, 158, 158, .7) #666666b3this set
--purmerend-color-grey-40 #808080 #7f7f7fthis set
--purmerend-color-grey-41 #090909 #e3e3e3this set
--purmerend-color-grey-42 #878787 #797979this set
--purmerend-color-grey-43 #DADADA #333333this set
--purmerend-color-grey-44 #707070 #8d8d8dthis set
--purmerend-color-grey-45 #575756 #a2a2a1this set
--purmerend-color-grey-46 #706f6f #8d8c8cthis set
--purmerend-color-grey-47 #706F6F #8d8c8cthis set
--purmerend-color-grey-48 #18191A #d4d6d7this set
--purmerend-color-grey-49 #2A2B2C #c5c6c8this set
--purmerend-color-grey-5 rgba(158, 158, 158, .1) #6666661athis set
--purmerend-color-grey-50 #3A3B3C #b8b9bathis set
--purmerend-color-grey-51 #B1B2B3 #545556this set
--purmerend-color-grey-52 #929292 #707070this set
--purmerend-color-grey-53 #dadada #333333this set
--purmerend-color-grey-54 #c9c9c9 #424242this set
--purmerend-color-grey-6 #eee #232323this set
--purmerend-color-grey-7 #727272 #8b8b8bthis set
--purmerend-color-grey-8 #c0c0c0 #494949this set
--purmerend-color-grey-9 #999 #6a6a6athis set
--purmerend-color-highlight-bg-1 #ff0 #f2f20dthis set
--purmerend-color-highlight-bg-2 #eee #232323this set
--purmerend-color-highlight-border-1 #000 #ebebebthis set
--purmerend-color-highlight-border-2 #888 #787878this set
--purmerend-color-highlight-border-3 #000 #ebebebthis set
--purmerend-color-highlight-fill-1 #000 #ebebebthis set
--purmerend-color-highlight-fill-2 #000 #ebebebthis set
--purmerend-color-highlight-interactive-1 #ff0 #f2f20dthis set
--purmerend-color-highlight-interactive-2 #ff0 #f2f20dthis set
--purmerend-color-highlight-interactive-3 #ff0 #f2f20dthis set
--purmerend-color-highlight-text-1 #000 #ebebebthis set
--purmerend-color-highlight-text-2 #000 #ebebebthis set
--purmerend-color-info-bg-1 rgba(3, 169, 244, .1) #16acf01athis set
--purmerend-color-info-bg-2 rgba(3, 169, 244, .1) #16acf01athis set
--purmerend-color-info-border-1 #337ab7 #4c8dc5this set
--purmerend-color-info-border-2 #337ab7 #4c8dc5this set
--purmerend-color-info-border-3 #337ab7 #4c8dc5this set
--purmerend-color-info-fill-1 #337ab7 #4c8dc5this set
--purmerend-color-info-fill-2 #337ab7 #4c8dc5this set
--purmerend-color-info-interactive-1 rgba(3, 169, 244, .1) #16acf01athis set
--purmerend-color-info-interactive-2 rgba(3, 169, 244, .1) #16acf01athis set
--purmerend-color-info-interactive-3 rgba(3, 169, 244, .1) #16acf01athis set
--purmerend-color-info-inverse-bg-1 #337ab7 #4c8dc5this set
--purmerend-color-info-inverse-bg-2 #337ab7 #4c8dc5this set
--purmerend-color-info-inverse-border-1 #337ab7 #4c8dc5this set
--purmerend-color-info-inverse-border-2 #337ab7 #4c8dc5this set
--purmerend-color-info-inverse-border-3 #337ab7 #4c8dc5this set
--purmerend-color-info-inverse-fill-1 rgba(3, 169, 244, .1) #16acf01athis set
--purmerend-color-info-inverse-fill-2 rgba(3, 169, 244, .1) #16acf01athis set
--purmerend-color-info-inverse-interactive-1 #337ab7 #4c8dc5this set
--purmerend-color-info-inverse-interactive-2 #337ab7 #4c8dc5this set
--purmerend-color-info-inverse-interactive-3 #337ab7 #4c8dc5this set
--purmerend-color-info-inverse-text-1 rgba(3, 169, 244, .1) #40c2fd1athis set
--purmerend-color-info-inverse-text-2 rgba(3, 169, 244, .1) #40c2fd1athis set
--purmerend-color-info-text-1 #00365F #a0d6ffthis set
--purmerend-color-info-text-2 #00365F #a0d6ffthis set
--purmerend-color-magenta-1 rgba(156, 39, 176, .3) #bd51d04dthis set
--purmerend-color-magenta-2 rgba(156, 39, 176, .7) #bd51d0b3this set
--purmerend-color-magenta-3 rgba(156, 39, 176, .1) #bd51d01athis set
--purmerend-color-mark-bg-1 #f0ad4e #b27218this set
--purmerend-color-mark-bg-2 #f0ad4e #b27218this set
--purmerend-color-mark-border-1 #000 #ebebebthis set
--purmerend-color-mark-border-2 #000 #ebebebthis set
--purmerend-color-mark-border-3 #000 #ebebebthis set
--purmerend-color-mark-fill-1 #000 #ebebebthis set
--purmerend-color-mark-fill-2 #000 #ebebebthis set
--purmerend-color-mark-interactive-1 #f0ad4e #b27218this set
--purmerend-color-mark-interactive-2 #f0ad4e #b27218this set
--purmerend-color-mark-interactive-3 #f0ad4e #b27218this set
--purmerend-color-mark-inverse-bg-1 #000 #ebebebthis set
--purmerend-color-mark-inverse-bg-2 #000 #ebebebthis set
--purmerend-color-mark-inverse-border-1 #000 #ebebebthis set
--purmerend-color-mark-inverse-border-2 #000 #ebebebthis set
--purmerend-color-mark-inverse-border-3 #000 #ebebebthis set
--purmerend-color-mark-inverse-fill-1 #f0ad4e #b27218this set
--purmerend-color-mark-inverse-fill-2 #f0ad4e #b27218this set
--purmerend-color-mark-inverse-interactive-1 #000 #ebebebthis set
--purmerend-color-mark-inverse-interactive-2 #000 #ebebebthis set
--purmerend-color-mark-inverse-interactive-3 #000 #ebebebthis set
--purmerend-color-mark-inverse-text-1 #f0ad4e #f0ac4cthis set
--purmerend-color-mark-inverse-text-2 #f0ad4e #f0ac4cthis set
--purmerend-color-mark-text-1 #000 #ebebebthis set
--purmerend-color-mark-text-2 #000 #ebebebthis set
--purmerend-color-orange-1 rgba(255, 152, 0, .3) #f2960d4dthis set
--purmerend-color-orange-10 #ec971f #d78a1dthis set
--purmerend-color-orange-11 #985f0d #e9b261this set
--purmerend-color-orange-12 #d58512 #e39a30this set
--purmerend-color-orange-13 #faebcc #4c370bthis set
--purmerend-color-orange-14 #f7e1b5 #5f440fthis set
--purmerend-color-orange-2 rgba(255, 152, 0, .7) #f2960db3this set
--purmerend-color-orange-3 rgba(255, 152, 0, .1) #f2960d1athis set
--purmerend-color-orange-4 #8a6d3b #bda273this set
--purmerend-color-orange-5 #66512c #cab590this set
--purmerend-color-orange-6 #faf2cc #4c410bthis set
--purmerend-color-orange-7 #c0a16b #957845this set
--purmerend-color-orange-8 #f0ad4e #b27218this set
--purmerend-color-orange-9 #eea236 #c57f1bthis set
--purmerend-color-pink-1 rgba(233, 30, 99, .3) #d8205f4dthis set
--purmerend-color-pink-2 rgba(233, 30, 99, .7) #d8205fb3this set
--purmerend-color-pink-3 rgba(233, 30, 99, .1) #d8205f1athis set
--purmerend-color-pink-4 #c7254e #d13e63this set
--purmerend-color-pink-5 #f9f2f4 #261318this set
--purmerend-color-pink-6 #D12152 #d53562this set
--purmerend-color-pink-7 #d12152 #d53562this set
--purmerend-color-pink-8 #fce6ed #370918this set
--purmerend-color-primary-bg-1 #fff #141414this set
--purmerend-color-primary-bg-2 #fff #141414this set
--purmerend-color-primary-border-1 #00856A #6ef7dcthis set
--purmerend-color-primary-border-2 #00856A #6ef7dcthis set
--purmerend-color-primary-border-3 #00856A #6ef7dcthis set
--purmerend-color-primary-fill-1 #00856A #6ef7dcthis set
--purmerend-color-primary-fill-2 #00856A #6ef7dcthis set
--purmerend-color-primary-interactive-1 #fff #141414this set
--purmerend-color-primary-interactive-2 #fff #141414this set
--purmerend-color-primary-interactive-3 #fff #141414this set
--purmerend-color-primary-inverse-bg-1 #00856A #6ef7dcthis set
--purmerend-color-primary-inverse-bg-2 #00856A #6ef7dcthis set
--purmerend-color-primary-inverse-border-1 #00856A #6ef7dcthis set
--purmerend-color-primary-inverse-border-2 #00856A #6ef7dcthis set
--purmerend-color-primary-inverse-border-3 #00856A #6ef7dcthis set
--purmerend-color-primary-inverse-fill-1 #fff #141414this set
--purmerend-color-primary-inverse-fill-2 #fff #141414this set
--purmerend-color-primary-inverse-interactive-1 #00856A #6ef7dcthis set
--purmerend-color-primary-inverse-interactive-2 #00856A #6ef7dcthis set
--purmerend-color-primary-inverse-interactive-3 #00856A #6ef7dcthis set
--purmerend-color-primary-inverse-text-1 #fff #9e9e9ethis set
--purmerend-color-primary-inverse-text-2 #fff #9e9e9ethis set
--purmerend-color-primary-text-1 #00856A #7affe4this set
--purmerend-color-primary-text-2 #00856A #7affe4this set
--purmerend-color-red-1 rgba(244, 67, 54, .3) #c621154dthis set
--purmerend-color-red-10 #843534 #c47877this set
--purmerend-color-red-11 #f2dede #371818this set
--purmerend-color-red-12 #e4b9b9 #562525this set
--purmerend-color-red-13 #ebcccc #461e1ethis set
--purmerend-color-red-14 #ce8483 #813a39this set
--purmerend-color-red-15 #d9534f #ae322ethis set
--purmerend-color-red-16 #d43f3a #bf3833this set
--purmerend-color-red-17 #c9302c #cb403dthis set
--purmerend-color-red-18 #761c19 #de827fthis set
--purmerend-color-red-19 #ac2925 #d25854this set
--purmerend-color-red-2 rgba(121, 85, 72, .3) #b18f824dthis set
--purmerend-color-red-20 #ebccd1 #461e25this set
--purmerend-color-red-21 #e4b9c0 #56252dthis set
--purmerend-color-red-3 rgba(244, 67, 54, .7) #c62115b3this set
--purmerend-color-red-4 rgba(121, 85, 72, .7) #b18f82b3this set
--purmerend-color-red-5 rgba(244, 67, 54, .1) #c621151athis set
--purmerend-color-red-6 rgba(121, 85, 72, .1) #b18f821athis set
--purmerend-color-red-7 #ff6d2c #cf470bthis set
--purmerend-color-red-8 #fff4f4 #300303this set
--purmerend-color-red-9 #a94442 #b75b59this set
--purmerend-color-sample-background-color #0000ff #0d0df2this set
--purmerend-color-sample-border-color #000 #ebebebthis set
--purmerend-color-sample-border-radius0this set
--purmerend-color-sample-dark-border-color #000 #ebebebthis set
--purmerend-color-sample-light-border-color #000 #ebebebthis set
--purmerend-color-secondary-bg-1 #fff #141414this set
--purmerend-color-secondary-bg-2 #F4F5F6 #1a1d1fthis set
--purmerend-color-secondary-border-1 #00365F #8ccaf9this set
--purmerend-color-secondary-border-2 #00365F #8ccaf9this set
--purmerend-color-secondary-border-3 #00365F #8ccaf9this set
--purmerend-color-secondary-fill-1 #00365F #8ccaf9this set
--purmerend-color-secondary-fill-2 #00365F #8ccaf9this set
--purmerend-color-secondary-interactive-1 #F4F5F6 #1a1d1fthis set
--purmerend-color-secondary-interactive-2 #F4F5F6 #1a1d1fthis set
--purmerend-color-secondary-interactive-3 #F4F5F6 #1a1d1fthis set
--purmerend-color-secondary-inverse-bg-1 #00365F #8ccaf9this set
--purmerend-color-secondary-inverse-bg-2 #00365F #8ccaf9this set
--purmerend-color-secondary-inverse-border-1 #00365F #8ccaf9this set
--purmerend-color-secondary-inverse-border-2 #00365F #8ccaf9this set
--purmerend-color-secondary-inverse-border-3 #00365F #8ccaf9this set
--purmerend-color-secondary-inverse-fill-1 #fff #141414this set
--purmerend-color-secondary-inverse-fill-2 #fff #141414this set
--purmerend-color-secondary-inverse-interactive-1 #00365F #8ccaf9this set
--purmerend-color-secondary-inverse-interactive-2 #00365F #8ccaf9this set
--purmerend-color-secondary-inverse-interactive-3 #00365F #8ccaf9this set
--purmerend-color-secondary-inverse-text-1 #fff #9e9e9ethis set
--purmerend-color-secondary-inverse-text-2 #fff #9e9e9ethis set
--purmerend-color-secondary-text-1 #00365F #a0d6ffthis set
--purmerend-color-secondary-text-2 #00365F #a0d6ffthis set
--purmerend-color-selected-bg-1 #337ab7 #4c8dc5this set
--purmerend-color-selected-bg-2 #337ab7 #4c8dc5this set
--purmerend-color-selected-border-1 #00365F #8ccaf9this set
--purmerend-color-selected-border-2 #00365F #8ccaf9this set
--purmerend-color-selected-border-3 #00365F #8ccaf9this set
--purmerend-color-selected-fill-1 #00365F #8ccaf9this set
--purmerend-color-selected-fill-2 #00365F #8ccaf9this set
--purmerend-color-selected-interactive-1 #337ab7 #4c8dc5this set
--purmerend-color-selected-interactive-2 #337ab7 #4c8dc5this set
--purmerend-color-selected-interactive-3 #337ab7 #4c8dc5this set
--purmerend-color-selected-inverse-bg-1 #00365F #8ccaf9this set
--purmerend-color-selected-inverse-bg-2 #00365F #8ccaf9this set
--purmerend-color-selected-inverse-border-1 #00365F #8ccaf9this set
--purmerend-color-selected-inverse-border-2 #00365F #8ccaf9this set
--purmerend-color-selected-inverse-border-3 #00365F #8ccaf9this set
--purmerend-color-selected-inverse-fill-1 #fff #141414this set
--purmerend-color-selected-inverse-fill-2 #fff #141414this set
--purmerend-color-selected-inverse-interactive-1 #00365F #8ccaf9this set
--purmerend-color-selected-inverse-interactive-2 #00365F #8ccaf9this set
--purmerend-color-selected-inverse-interactive-3 #00365F #8ccaf9this set
--purmerend-color-selected-inverse-text-1 #fff #9e9e9ethis set
--purmerend-color-selected-inverse-text-2 #fff #9e9e9ethis set
--purmerend-color-selected-text-1 #00365F #a0d6ffthis set
--purmerend-color-selected-text-2 #00365F #a0d6ffthis set
--purmerend-color-success-bg-1 rgba(76, 175, 80, .1) #55ae581athis set
--purmerend-color-success-bg-2 rgba(76, 175, 80, .1) #55ae581athis set
--purmerend-color-success-border-1 #449d44 #63b563this set
--purmerend-color-success-border-2 #449d44 #63b563this set
--purmerend-color-success-border-3 #449d44 #63b563this set
--purmerend-color-success-fill-1 #449d44 #63b563this set
--purmerend-color-success-fill-2 #449d44 #63b563this set
--purmerend-color-success-interactive-1 rgba(76, 175, 80, .1) #55ae581athis set
--purmerend-color-success-interactive-2 rgba(76, 175, 80, .1) #55ae581athis set
--purmerend-color-success-interactive-3 rgba(76, 175, 80, .1) #55ae581athis set
--purmerend-color-success-inverse-bg-1 #449d44 #63b563this set
--purmerend-color-success-inverse-bg-2 #449d44 #63b563this set
--purmerend-color-success-inverse-border-1 #449d44 #63b563this set
--purmerend-color-success-inverse-border-2 #449d44 #63b563this set
--purmerend-color-success-inverse-border-3 #449d44 #63b563this set
--purmerend-color-success-inverse-fill-1 rgba(76, 175, 80, .1) #55ae581athis set
--purmerend-color-success-inverse-fill-2 rgba(76, 175, 80, .1) #55ae581athis set
--purmerend-color-success-inverse-interactive-1 #449d44 #63b563this set
--purmerend-color-success-inverse-interactive-2 #449d44 #63b563this set
--purmerend-color-success-inverse-interactive-3 #449d44 #63b563this set
--purmerend-color-success-inverse-text-1 rgba(76, 175, 80, .1) #78c47b1athis set
--purmerend-color-success-inverse-text-2 rgba(76, 175, 80, .1) #78c47b1athis set
--purmerend-color-success-text-1 #00365F #a0d6ffthis set
--purmerend-color-success-text-2 #00365F #a0d6ffthis set
--purmerend-color-text-bg-1 #fff #9e9e9ethis set
--purmerend-color-text-bg-2 #fff #9e9e9ethis set
--purmerend-color-text-border-1 #00365F #a0d6ffthis set
--purmerend-color-text-border-2 #00365F #a0d6ffthis set
--purmerend-color-text-border-3 #00365F #a0d6ffthis set
--purmerend-color-text-fill-1 #00365F #a0d6ffthis set
--purmerend-color-text-fill-2 #00365F #a0d6ffthis set
--purmerend-color-text-interactive-1 #F4F5F6 #949ea8this set
--purmerend-color-text-interactive-2 #F4F5F6 #949ea8this set
--purmerend-color-text-interactive-3 #F4F5F6 #949ea8this set
--purmerend-color-text-inverse-bg-1 #000 #ebebebthis set
--purmerend-color-text-inverse-bg-2 #00365F #a0d6ffthis set
--purmerend-color-text-inverse-border-1 #00365F #a0d6ffthis set
--purmerend-color-text-inverse-border-2 #00365F #a0d6ffthis set
--purmerend-color-text-inverse-border-3 #00365F #a0d6ffthis set
--purmerend-color-text-inverse-fill-1 #fff #9e9e9ethis set
--purmerend-color-text-inverse-fill-2 #fff #9e9e9ethis set
--purmerend-color-text-inverse-interactive-1 #00365F #a0d6ffthis set
--purmerend-color-text-inverse-interactive-2 #00365F #a0d6ffthis set
--purmerend-color-text-inverse-interactive-3 #00365F #a0d6ffthis set
--purmerend-color-text-inverse-text-1 #fff #9e9e9ethis set
--purmerend-color-text-inverse-text-2 #fff #9e9e9ethis set
--purmerend-color-text-text-1 #00365F #a0d6ffthis set
--purmerend-color-text-text-2 #00365F #a0d6ffthis set
--purmerend-color-warning-bg-1 rgba(255, 152, 0, .3) #f2960d4dthis set
--purmerend-color-warning-bg-2 rgba(255, 152, 0, .3) #f2960d4dthis set
--purmerend-color-warning-border-1 #ec971f #d78a1dthis set
--purmerend-color-warning-border-2 #ec971f #d78a1dthis set
--purmerend-color-warning-border-3 #ec971f #d78a1dthis set
--purmerend-color-warning-fill-1 #ec971f #d78a1dthis set
--purmerend-color-warning-fill-2 #ec971f #d78a1dthis set
--purmerend-color-warning-interactive-1 rgba(255, 152, 0, .3) #f2960d4dthis set
--purmerend-color-warning-interactive-2 rgba(255, 152, 0, .3) #f2960d4dthis set
--purmerend-color-warning-interactive-3 rgba(255, 152, 0, .3) #f2960d4dthis set
--purmerend-color-warning-inverse-bg-1 #ec971f #d78a1dthis set
--purmerend-color-warning-inverse-bg-2 #ec971f #d78a1dthis set
--purmerend-color-warning-inverse-border-1 #ec971f #d78a1dthis set
--purmerend-color-warning-inverse-border-2 #ec971f #d78a1dthis set
--purmerend-color-warning-inverse-border-3 #ec971f #d78a1dthis set
--purmerend-color-warning-inverse-fill-1 rgba(255, 152, 0, .3) #f2960d4dthis set
--purmerend-color-warning-inverse-fill-2 rgba(255, 152, 0, .3) #f2960d4dthis set
--purmerend-color-warning-inverse-interactive-1 #ec971f #d78a1dthis set
--purmerend-color-warning-inverse-interactive-2 #ec971f #d78a1dthis set
--purmerend-color-warning-inverse-interactive-3 #ec971f #d78a1dthis set
--purmerend-color-warning-inverse-text-1 rgba(255, 152, 0, .3) #ffb13d4dthis set
--purmerend-color-warning-inverse-text-2 rgba(255, 152, 0, .3) #ffb13d4dthis set
--purmerend-color-warning-text-1 #00365F #a0d6ffthis set
--purmerend-color-warning-text-2 #00365F #a0d6ffthis set
--purmerend-color-white-1 #fff #141414this set
--purmerend-color-white-2 rgba(255, 255, 255, .3) #1414144dthis set
--purmerend-color-white-3 rgba(255, 255, 255, .7) #141414b3this set
--purmerend-color-white-4 rgba(255, 255, 255, .1) #1414141athis set
--purmerend-color-white-5 #ffffff #141414this set
--purmerend-color-white-6 rgba(255, 255, 255, .15) #14141426this set
--purmerend-color-white-7 rgba(255, 255, 255, 0.15) #14141426this set
--purmerend-color-white-8 #ffffff #141414this set
--purmerend-color-white-9 #FFFFFF #141414this set
--purmerend-color-yellow-1 rgba(205, 220, 57, .3) #b3c12c4dthis set
--purmerend-color-yellow-2 rgba(255, 235, 59, .3) #c3b00a4dthis set
--purmerend-color-yellow-3 rgba(205, 220, 57, .7) #b3c12cb3this set
--purmerend-color-yellow-4 rgba(255, 235, 59, .7) #c3b00ab3this set
--purmerend-color-yellow-5 rgba(205, 220, 57, .1) #b3c12c1athis set
--purmerend-color-yellow-6 rgba(255, 235, 59, .1) #c3b00a1athis set
--purmerend-color-yellow-7 #ff0 #f2f20dthis set
--purmerend-color-yellow-8 #fcf8e3 #3a3209this set
--purmerend-color-yellow-9 #f7ecb5 #5f510fthis set
--purmerend-container-border-color #000 #ebebebthis set
--purmerend-duration-duration-00sthis set
--purmerend-duration-duration-11msthis set
--purmerend-duration-duration-10.5sthis set
--purmerend-duration-duration-11.6sthis set
--purmerend-duration-duration-121sthis set
--purmerend-duration-duration-131.2sthis set
--purmerend-duration-duration-142sthis set
--purmerend-duration-duration-151sthis set
--purmerend-duration-duration-162sthis set
--purmerend-duration-duration-2150msthis set
--purmerend-duration-duration-3.15sthis set
--purmerend-duration-duration-40.2sthis set
--purmerend-duration-duration-5.2sthis set
--purmerend-duration-duration-6.3sthis set
--purmerend-duration-duration-7.35sthis set
--purmerend-duration-duration-80.4sthis set
--purmerend-duration-duration-90.5sthis set
--purmerend-feedback-negative #e4b9b9 #562525this set
--purmerend-feedback-positive #d0e9c6 #2c4b20this set
--purmerend-focus-background-color #ff0 #f2f20dthis set
--purmerend-focus-color #000 #ebebebthis set
--purmerend-font-family-font-family-0sans-serifthis set
--purmerend-font-family-font-family-1monospace, monospacethis set
--purmerend-font-family-font-family-10"Open Sans", sans-serifthis set
--purmerend-font-family-font-family-11Corbel, "Cantarell", "Open Sans", sans-serifthis set
--purmerend-font-family-font-family-12"Corbel", "Cantarell", "Open Sans", sans-serifthis set
--purmerend-font-family-font-family-13"Font Awesome 6 Free"this set
--purmerend-font-family-font-family-14"Font Awesome 6 Free"this set
--purmerend-font-family-font-family-15"Font Awesome 6 Brands"this set
--purmerend-font-family-font-family-16"Font Awesome 5 Brands"this set
--purmerend-font-family-font-family-17"Font Awesome 5 Free"this set
--purmerend-font-family-font-family-18"FontAwesome"this set
--purmerend-font-family-font-family-2"Glyphicons Halflings"this set
--purmerend-font-family-font-family-3"Helvetica Neue", Helvetica, Arial, sans-serifthis set
--purmerend-font-family-font-family-4Menlo, Monaco, Consolas, "Courier New", monospacethis set
--purmerend-font-family-font-family-5serifthis set
--purmerend-font-family-font-family-6athis set
--purmerend-font-family-font-family-7'Glyphicons Halflings'this set
--purmerend-font-family-font-family-8Corbel, sans-serifthis set
--purmerend-font-family-font-family-9"Cantarell", sans-serifthis set
--purmerend-font-size-font-size-00this set
--purmerend-font-size-font-size-106emthis set
--purmerend-font-size-font-size-115emthis set
--purmerend-font-size-font-size-124emthis set
--purmerend-font-size-font-size-1363pxthis set
--purmerend-font-size-font-size-143emthis set
--purmerend-font-size-font-size-1536pxthis set
--purmerend-font-size-font-size-162emthis set
--purmerend-font-size-font-size-172remthis set
--purmerend-font-size-font-size-1830pxthis set
--purmerend-font-size-font-size-191.8remthis set
--purmerend-font-size-font-size-2026pxthis set
--purmerend-font-size-font-size-211.6remthis set
--purmerend-font-size-font-size-2225pxthis set
--purmerend-font-size-font-size-2324pxthis set
--purmerend-font-size-font-size-24150%this set
--purmerend-font-size-font-size-251.5emthis set
--purmerend-font-size-font-size-2621pxthis set
--purmerend-font-size-font-size-2720pxthis set
--purmerend-font-size-font-size-28125%this set
--purmerend-font-size-font-size-291.25emthis set
--purmerend-font-size-font-size-30120%this set
--purmerend-font-size-font-size-3118pxthis set
--purmerend-font-size-font-size-3217.5pxthis set
--purmerend-font-size-font-size-331emthis set
--purmerend-font-size-font-size-3416pxthis set
--purmerend-font-size-font-size-35100%this set
--purmerend-font-size-font-size-3690%this set
--purmerend-font-size-font-size-370.875emthis set
--purmerend-font-size-font-size-3814pxthis set
--purmerend-font-size-font-size-39.875emthis set
--purmerend-font-size-font-size-4085%this set
--purmerend-font-size-font-size-4113pxthis set
--purmerend-font-size-font-size-4280%this set
--purmerend-font-size-font-size-4375%this set
--purmerend-font-size-font-size-4412pxthis set
--purmerend-font-size-font-size-45.75emthis set
--purmerend-font-size-font-size-4665%this set
--purmerend-font-size-font-size-4710pxthis set
--purmerend-font-size-font-size-48.625emthis set
--purmerend-font-size-font-size-491.625remthis set
--purmerend-font-size-font-size-610emthis set
--purmerend-font-size-font-size-79emthis set
--purmerend-font-size-font-size-88emthis set
--purmerend-font-size-font-size-97emthis set
--purmerend-form-control-disabled-background-color #fff #141414this set
--purmerend-form-control-disabled-color #888 #9e9e9ethis set
--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)this set
--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)this set
--purmerend-gradient-gradient-10linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%)this set
--purmerend-gradient-gradient-11-webkit-linear-gradient(top, #fff 50%, #eee 100%)this set
--purmerend-gradient-gradient-12-o-linear-gradient(top, #fff 50%, #eee 100%)this set
--purmerend-gradient-gradient-13linear-gradient(to bottom, #fff 50%, #eee 100%)this set
--purmerend-gradient-gradient-14-webkit-linear-gradient(top, #eee 50%, #ccc 100%)this set
--purmerend-gradient-gradient-15-o-linear-gradient(top, #eee 50%, #ccc 100%)this set
--purmerend-gradient-gradient-16linear-gradient(to bottom, #eee 50%, #ccc 100%)this set
--purmerend-gradient-gradient-17-webkit-linear-gradient(top, #fff 0%, #eee 50%)this set
--purmerend-gradient-gradient-18-o-linear-gradient(top, #fff 0%, #eee 50%)this set
--purmerend-gradient-gradient-19linear-gradient(to bottom, #fff 0%, #eee 50%)this set
--purmerend-gradient-gradient-2linear-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)this set
--purmerend-gradient-gradient-20-webkit-linear-gradient(top, #eee 50%, #fff 100%)this set
--purmerend-gradient-gradient-21-o-linear-gradient(top, #eee 50%, #fff 100%)this set
--purmerend-gradient-gradient-22linear-gradient(to bottom, #eee 50%, #fff 100%)this set
--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)this set
--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)this set
--purmerend-gradient-gradient-25linear-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)this set
--purmerend-gradient-gradient-26-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%)this set
--purmerend-gradient-gradient-27-o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%)this set
--purmerend-gradient-gradient-28linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%)this set
--purmerend-gradient-gradient-29-webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%)this set
--purmerend-gradient-gradient-3-webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%)this set
--purmerend-gradient-gradient-30-o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%)this set
--purmerend-gradient-gradient-31linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%)this set
--purmerend-gradient-gradient-4-o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%)this set
--purmerend-gradient-gradient-5-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)))this set
--purmerend-gradient-gradient-6linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%)this set
--purmerend-gradient-gradient-7-webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%)this set
--purmerend-gradient-gradient-8-o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%)this set
--purmerend-gradient-gradient-9-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)))this set
--purmerend-interaction-active-color #00856A #7affe4this set
--purmerend-interaction-color #00856A #7affe4this set
--purmerend-interaction-hover-color #00856A #7affe4this set
--purmerend-line-height-line-height-00this set
--purmerend-line-height-line-height-11this set
--purmerend-line-height-line-height-101.42857this set
--purmerend-line-height-line-height-116remthis set
--purmerend-line-height-line-height-1263pxthis set
--purmerend-line-height-line-height-1360pxthis set
--purmerend-line-height-line-height-1446pxthis set
--purmerend-line-height-line-height-1534pxthis set
--purmerend-line-height-line-height-162emthis set
--purmerend-line-height-line-height-1730pxthis set
--purmerend-line-height-line-height-1828pxthis set
--purmerend-line-height-line-height-1920pxthis set
--purmerend-line-height-line-height-2normalthis set
--purmerend-line-height-line-height-201emthis set
--purmerend-line-height-line-height-21.1emthis set
--purmerend-line-height-line-height-22.08333emthis set
--purmerend-line-height-line-height-23.07143emthis set
--purmerend-line-height-line-height-24.05emthis set
--purmerend-line-height-line-height-25.04167emthis set
--purmerend-line-height-line-height-26.03125emthis set
--purmerend-line-height-line-height-31.42857143this set
--purmerend-line-height-line-height-41.1this set
--purmerend-line-height-line-height-51.4this set
--purmerend-line-height-line-height-61.5this set
--purmerend-line-height-line-height-71.3333333this set
--purmerend-line-height-line-height-81.3this set
--purmerend-line-height-line-height-91.428571429this set
--purmerend-radius-radius-00this set
--purmerend-radius-radius-14pxthis set
--purmerend-radius-radius-1010pxthis set
--purmerend-radius-radius-115px 5px 0 0this set
--purmerend-radius-radius-120 0 4px 4pxthis set
--purmerend-radius-radius-130 0 5px 5pxthis set
--purmerend-radius-radius-140 4px 4pxthis set
--purmerend-radius-radius-154px 0 0 4pxthis set
--purmerend-radius-radius-160 4px 4px 0this set
--purmerend-radius-radius-171rem 1rem 0 0this set
--purmerend-radius-radius-180 0 1rem 1remthis set
--purmerend-radius-radius-190 1rem 1rem 0this set
--purmerend-radius-radius-250%this set
--purmerend-radius-radius-200 1rem 1rem 1remthis set
--purmerend-radius-radius-21.1emthis set
--purmerend-radius-radius-22.1emthis set
--purmerend-radius-radius-31remthis set
--purmerend-radius-radius-46pxthis set
--purmerend-radius-radius-53pxthis set
--purmerend-radius-radius-64px 4px 0 0this set
--purmerend-radius-radius-71pxthis set
--purmerend-radius-radius-815pxthis set
--purmerend-radius-radius-9.25emthis set
--purmerend-typography-font-family-default"Cantarell", sans-serifthis set
--purmerend-typography-font-size-026pxthis set
--purmerend-typography-font-size-126pxthis set
--purmerend-typography-font-size-220pxthis set
--purmerend-typography-font-size-320pxthis set
--purmerend-typography-font-size-420pxthis set
--purmerend-typography-font-size-520pxthis set
--purmerend-typography-font-size-616pxthis set
--utrecht-alert-background-color #F4F5F6 #1a1d1fthis set
--utrecht-alert-border-radius10pxthis set
--utrecht-alert-color #00365F #a0d6ffthis set
--utrecht-alert-error-background-color #fff4f4 #300303this set
--utrecht-alert-error-color #c9302c #dc6360this set
--utrecht-alert-info-background-color rgba(3, 169, 244, .1) #16acf01athis set
--utrecht-alert-info-color #00365F #a0d6ffthis set
--utrecht-alert-ok-background-color rgba(76, 175, 80, .1) #55ae581athis set
--utrecht-alert-ok-color #00365F #a0d6ffthis set
--utrecht-alert-warning-background-color rgba(255, 152, 0, .3) #f2960d4dthis set
--utrecht-alert-warning-color #00365F #a0d6ffthis set
--utrecht-button-active-background-color #00365F #8ccaf9this set
--utrecht-button-active-border-color #00365F #8ccaf9this set
--utrecht-button-active-color #fff #9e9e9ethis set
--utrecht-button-background-color #00856A #6ef7dcthis set
--utrecht-button-border-color #00856A #6ef7dcthis set
--utrecht-button-border-radius10pxthis set
--utrecht-button-color #fff #9e9e9ethis set
--utrecht-button-disabled-background-color #f6f6f6 #1c1c1cthis set
--utrecht-button-disabled-color #888 #9e9e9ethis set
--utrecht-button-hover-background-color #00365F #8ccaf9this set
--utrecht-button-hover-border-color #00365F #8ccaf9this set
--utrecht-button-hover-color #fff #9e9e9ethis set
--utrecht-button-primary-action-active-background-color #00365F #8ccaf9this set
--utrecht-button-primary-action-active-border-color #00365F #8ccaf9this set
--utrecht-button-primary-action-active-color #fff #9e9e9ethis set
--utrecht-button-primary-action-background-color #00856A #6ef7dcthis set
--utrecht-button-primary-action-border-color #00856A #6ef7dcthis set
--utrecht-button-primary-action-color #fff #9e9e9ethis set
--utrecht-button-primary-action-focus-background-color #ff0 #f2f20dthis set
--utrecht-button-primary-action-focus-color #000 #ebebebthis set
--utrecht-button-primary-action-hover-background-color #00365F #8ccaf9this set
--utrecht-button-primary-action-hover-border-color #00365F #8ccaf9this set
--utrecht-button-primary-action-hover-color #fff #9e9e9ethis set
--utrecht-button-secondary-action-active-background-color #00365F #8ccaf9this set
--utrecht-button-secondary-action-active-border-color #00365F #8ccaf9this set
--utrecht-button-secondary-action-active-color #fff #9e9e9ethis set
--utrecht-button-secondary-action-background-color #fff #141414this set
--utrecht-button-secondary-action-border-color #00856A #6ef7dcthis set
--utrecht-button-secondary-action-color #00856A #7affe4this set
--utrecht-button-secondary-action-disabled-background-color #f6f6f6 #1c1c1cthis set
--utrecht-button-secondary-action-disabled-color #888 #9e9e9ethis set
--utrecht-button-secondary-action-hover-background-color #00365F #8ccaf9this set
--utrecht-button-secondary-action-hover-border-color #00365F #8ccaf9this set
--utrecht-button-secondary-action-hover-color #fff #9e9e9ethis set
--utrecht-button-subtle-active-background-color #00365F #8ccaf9this set
--utrecht-button-subtle-active-border-color #00365F #8ccaf9this set
--utrecht-button-subtle-active-color #fff #9e9e9ethis set
--utrecht-button-subtle-background-colortransparentthis set
--utrecht-button-subtle-border-colortransparentthis set
--utrecht-button-subtle-border-width0this set
--utrecht-button-subtle-color #00856A #7affe4this set
--utrecht-button-subtle-disabled-background-color #f6f6f6 #1c1c1cthis set
--utrecht-button-subtle-disabled-color #888 #9e9e9ethis set
--utrecht-button-subtle-hover-background-color #00365F #8ccaf9this set
--utrecht-button-subtle-hover-border-color #00365F #8ccaf9this set
--utrecht-button-subtle-hover-border-width0this set
--utrecht-button-subtle-hover-color #fff #9e9e9ethis set
--utrecht-checkbox-active-background-color #eee #232323this set
--utrecht-checkbox-active-border-color #888 #787878this set
--utrecht-checkbox-background-color #F4F5F6 #1a1d1fthis set
--utrecht-checkbox-checked-background-color #000 #ebebebthis set
--utrecht-checkbox-checked-color #00365F #a0d6ffthis set
--utrecht-checkbox-focus-background-color #F4F5F6 #1a1d1fthis set
--utrecht-checkbox-focus-border-color #00365F #8ccaf9this set
--utrecht-checkbox-hover-background-color #f6f6f6 #1c1c1cthis set
--utrecht-checkbox-hover-border-color #888 #787878this set
--utrecht-checkbox-indeterminate-background-color #000 #ebebebthis set
--utrecht-checkbox-indeterminate-color #fff #9e9e9ethis set
--utrecht-checkbox-invalid-background-color #F4F5F6 #1a1d1fthis set
--utrecht-focus-outline-color #000 #ebebebthis set
--utrecht-form-field-invalid-border-inline-start-color #c9302c #cb403dthis set
--utrecht-link-active-color #00365F #a0d6ffthis set
--utrecht-link-color #00365F #a0d6ffthis set
--utrecht-link-focus-color #000 #ebebebthis set
--utrecht-link-focus-text-decoration-color #000 #ebebebthis set
--utrecht-link-focus-visible-color #000 #ebebebthis set
--utrecht-link-hover-color #00365F #a0d6ffthis set
--utrecht-link-hover-text-decoration-color #00365F #a0d6ffthis set
--utrecht-listbox-background-color #F4F5F6 #1a1d1fthis set
--utrecht-listbox-border-color #00365F #8ccaf9this set
--utrecht-listbox-border-radius10pxthis set
--utrecht-listbox-color #00365F #a0d6ffthis set
--utrecht-listbox-option-active-color #F4F5F6 #949ea8this set
--utrecht-listbox-option-selected-color #F4F5F6 #949ea8this set
--utrecht-mark-background-color #f0ad4e #b27218this set
--utrecht-mark-color #000 #ebebebthis set
--utrecht-radio-button-active-background-color #eee #232323this set
--utrecht-radio-button-active-border-color #888 #787878this set
--utrecht-radio-button-background-color #F4F5F6 #1a1d1fthis set
--utrecht-radio-button-checked-background-color #00856A #6ef7dcthis set
--utrecht-radio-button-checked-color #fff #9e9e9ethis set
--utrecht-radio-button-focus-background-color #F4F5F6 #1a1d1fthis set
--utrecht-radio-button-hover-background-color #f6f6f6 #1c1c1cthis set
--utrecht-radio-button-hover-border-color #888 #787878this set
--utrecht-radio-button-invalid-background-color #F4F5F6 #1a1d1fthis set
--utrecht-select-background-color #F4F5F6 #1a1d1fthis set
--utrecht-select-border-radius10pxthis set
--utrecht-select-focus-background-color #F4F5F6 #1a1d1fthis set
--utrecht-select-invalid-background-color #F4F5F6 #1a1d1fthis set
--utrecht-separator-color #000 #ebebebthis set
--utrecht-spotlight-section-background-color #F4F5F6 #1a1d1fthis set
--utrecht-spotlight-section-border-colortransparentthis set
--utrecht-spotlight-section-color #00365F #a0d6ffthis set
--utrecht-spotlight-section-error-background-color #fff4f4 #300303this set
--utrecht-spotlight-section-error-border-colortransparentthis set
--utrecht-spotlight-section-error-color #c9302c #dc6360this set
--utrecht-spotlight-section-info-background-color rgba(3, 169, 244, .1) #16acf01athis set
--utrecht-spotlight-section-info-border-colortransparentthis set
--utrecht-spotlight-section-info-color #00365F #a0d6ffthis set
--utrecht-spotlight-section-ok-background-color rgba(76, 175, 80, .1) #55ae581athis set
--utrecht-spotlight-section-ok-border-colortransparentthis set
--utrecht-spotlight-section-ok-color #00365F #a0d6ffthis set
--utrecht-spotlight-section-warning-background-color rgba(255, 152, 0, .3) #f2960d4dthis set
--utrecht-spotlight-section-warning-border-colortransparentthis set
--utrecht-spotlight-section-warning-color #00365F #a0d6ffthis set
--utrecht-table-header-border-block-end-color #000 #ebebebthis set
--utrecht-table-row-border-block-end-color #000 #ebebebthis set
--utrecht-textarea-background-color #F4F5F6 #1a1d1fthis set
--utrecht-textarea-border-radius10pxthis set
--utrecht-textarea-focus-background-color #F4F5F6 #1a1d1fthis set
--utrecht-textarea-invalid-background-color #F4F5F6 #1a1d1fthis set
--utrecht-textarea-placeholder-color #706f6f #9f9e9ethis set
--utrecht-textarea-read-only-border-colortransparentthis set
--utrecht-textarea-read-only-color #706f6f #9f9e9ethis set
--utrecht-textbox-background-color #F4F5F6 #1a1d1fthis set
--utrecht-textbox-border-radius10pxthis set
--utrecht-textbox-focus-background-color #F4F5F6 #1a1d1fthis set
--utrecht-textbox-invalid-background-color #F4F5F6 #1a1d1fthis set
--utrecht-textbox-placeholder-color #706f6f #9f9e9ethis set
--utrecht-textbox-read-only-border-colortransparentthis set
--utrecht-textbox-read-only-color #706f6f #9f9e9ethis set