Skip to main content

xxllnc

Token set xxllnc: 248 declared by this set, 156 from the defaults layer.

Contrast: primary text on primary 21.00:1, primary on background 21.00:1 (pass).

Colours (Kleuren)​

TokenValueDark modeSourcePaints
--nldesign-color-background-dark #e0e1e2 #2c2e2fdefaultsBackground dark, Table header background
--nldesign-color-background-darker #d0d1d2 #3a3b3cdefaultsBackground darker
--nldesign-color-background-hover #e8e9ea #252728defaults--color-main-background
--nldesign-color-border #b4b4b4 #535353defaultsBorder color, Select border, Table row rule, Text input border, --nldesign-component-separator-border-color
--nldesign-color-border-dark #696969 #929292defaultsBorder 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 #9e9e9edefaults
--nldesign-color-error #dc3545 #c42c3athis setBorder error, Element error, Error color, Text error, Text input invalid
--nldesign-color-error-hover #8b1a15 #e2726ddefaultsError hover
--nldesign-color-error-rgb213, 43, 30196, 44, 58defaults--color-error-text
--nldesign-color-favorite #e17000 #f48c25defaults--filter-background-blur
--nldesign-color-focus rgba(0, 123, 199, 0.5) #39adf580defaultsButton focus ring
--nldesign-color-focus-rgb0, 123, 19957, 173, 245defaults
--nldesign-color-header-background #ffffff #141414defaults
--nldesign-color-header-text #333333 #ccccccdefaults
--nldesign-color-info #007bc7 #39adf5defaultsInfo color, Text input focus, --color-info-hover
--nldesign-color-info-rgb0, 123, 19957, 173, 245defaults
--nldesign-color-link #154273 #81afe2defaultsLink colour
--nldesign-color-link-hover #007bc7 #39adf5defaultsLink hover colour
--nldesign-color-link-visited #42145f #c392e3defaults--nldesign-component-link-visited-color
--nldesign-color-logo-backgroundtransparentdefaults
--nldesign-color-nav-background #ffffff #141414defaults
--nldesign-color-placeholder-dark #cccccc #3f3f3fdefaultsPlaceholder dark
--nldesign-color-placeholder-light #e5e5e5 #2a2a2adefaultsPlaceholder light
--nldesign-color-primary #000000 #EBEBEBthis setBadge background, Primary button background, Primary color, Primary element color, Primary element light text and 7 more
--nldesign-color-primary-hover #333333 #333333this setPrimary button hover, Primary element hover, Primary hover color
--nldesign-color-primary-light #e8f0f8 #112131defaultsPrimary element light, Tertiary button hover, --color-primary-element-text-dark
--nldesign-color-primary-light-hover #d4e4f2 #172d41defaultsPrimary element light hover, Primary light hover, Tertiary button pressed
--nldesign-color-primary-text #ffffff #5e5e5edefaultsBadge number, Primary button label, Primary element text, Primary text color
--nldesign-color-success #28a745 #58cf73this setBorder success, Element success, Success color, Text success
--nldesign-color-success-rgb57, 135, 1288, 207, 115defaults--color-success-hover
--nldesign-color-text #333333 #ccccccdefaultsBody 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 #ffffff #9e9e9edefaults--color-text-maxcontrast-default
--nldesign-color-text-muted #696969 #9e9e9edefaultsText lighter, Text max contrast
--nldesign-color-warning #ffc107 #edb50cthis setElement warning, Text warning, Warning color
--nldesign-color-warning-rgb225, 112, 0237, 181, 12defaults--color-warning-hover
--nldesign-component-badge-background-color`var(
--nldesign-color-primary
)` #ebebebdefaults
--nldesign-component-badge-color`var(
--nldesign-color-primary-text
)` #9e9e9edefaults
--nldesign-component-button-active-background-color`var(
--nldesign-color-primary-light-hover
)` #172d41defaults
--nldesign-component-button-active-color`var(
--nldesign-color-primary
)` #ebebebdefaults
--nldesign-component-button-background-colortransparentdefaults
--nldesign-component-button-border-color`var(
--nldesign-color-primary
)` #ebebebdefaults
--nldesign-component-button-colorvar(--nldesign-color-primary) #ebebebdefaults
--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
)` #39adf580defaults
--nldesign-component-button-hover-background-color`var(
--nldesign-color-primary-light
)` #112131defaults
--nldesign-component-button-hover-border-color`var(
--nldesign-color-primary-hover
)` #c0c0c0defaults
--nldesign-component-button-hover-color`var(
--nldesign-color-primary
)` #ebebebdefaults
--nldesign-component-button-primary-action-background-color`var(
--nldesign-color-primary
)` #ebebebdefaults
--nldesign-component-button-primary-action-border-color`var(
--nldesign-color-primary
)` #ebebebdefaults
--nldesign-component-button-primary-action-color`var(
--nldesign-color-primary-text
)` #9e9e9edefaults
--nldesign-component-button-primary-action-hover-background-color`var(
--nldesign-color-primary-hover
)` #c0c0c0defaults
--nldesign-component-button-primary-action-hover-color`var(
--nldesign-color-primary-text
)` #9e9e9edefaults
--nldesign-component-button-secondary-action-background-colortransparentdefaults
--nldesign-component-button-secondary-action-border-color`var(
--nldesign-color-primary
)` #ebebebdefaults
--nldesign-component-button-secondary-action-color`var(
--nldesign-color-primary
)` #ebebebdefaults
--nldesign-component-button-secondary-action-hover-background-color`var(
--nldesign-color-primary-light
)` #112131defaults
--nldesign-component-form-field-label-colorvar(--nldesign-color-text) #ccccccdefaults
--nldesign-component-form-fieldset-border-color`var(
--nldesign-color-border
)` #535353defaults
--nldesign-component-form-select-border-colorvar(--nldesign-color-border) #535353defaults
--nldesign-component-form-select-focus-border-colorvar(--nldesign-color-info) #39adf5defaults
--nldesign-component-heading-1-colorvar(--nldesign-component-heading-color) #ccccccdefaults
--nldesign-component-heading-2-colorvar(--nldesign-component-heading-color) #ccccccdefaults
--nldesign-component-heading-3-colorvar(--nldesign-component-heading-color) #ccccccdefaults
--nldesign-component-heading-4-colorvar(--nldesign-component-heading-color) #ccccccdefaults
--nldesign-component-heading-5-colorvar(--nldesign-component-heading-color) #ccccccdefaults
--nldesign-component-heading-6-colorvar(--nldesign-component-heading-color) #ccccccdefaults
--nldesign-component-heading-colorvar(--nldesign-color-text) #ccccccdefaults
--nldesign-component-link-colorvar(--nldesign-color-link) #8cb9eadefaults
--nldesign-component-link-hover-colorvar(--nldesign-color-link-hover) #3db5ffdefaults
--nldesign-component-link-visited-colorvar(--nldesign-color-link-visited) #cea0ebdefaults
--nldesign-component-ordered-list-color`var(
--nldesign-color-text
)` #ccccccdefaults
--nldesign-component-paragraph-colorvar(--nldesign-color-text) #ccccccdefaults
--nldesign-component-separator-border-colorvar(--nldesign-color-border) #535353defaults
--nldesign-component-table-border-colorvar(--nldesign-color-border) #535353defaults
--nldesign-component-table-header-background-color`var(
--nldesign-color-background-dark
)` #2c2e2fdefaults
--nldesign-component-table-header-colorvar(--nldesign-color-text) #ccccccdefaults
--nldesign-component-table-row-hover-background-color`var(
--nldesign-color-background-hover
)` #252728defaults
--nldesign-component-textbox-background-color #ffffff #9e9e9edefaults
--nldesign-component-textbox-border-colorvar(--nldesign-color-border) #9e9e9edefaults
--nldesign-component-textbox-colorvar(--nldesign-color-text) #ccccccdefaults
--nldesign-component-textbox-disabled-background-color #e5e5e5 #9e9e9edefaults
--nldesign-component-textbox-disabled-color #696969 #9e9e9edefaults
--nldesign-component-textbox-focus-border-colorvar(--nldesign-color-info) #3db5ffdefaults
--nldesign-component-textbox-hover-border-color`var(
--nldesign-color-border-dark
)` #9e9e9edefaults
--nldesign-component-textbox-invalid-border-colorvar(--nldesign-color-error) #e25a67defaults
--nldesign-component-unordered-list-color`var(
--nldesign-color-text
)` #ccccccdefaults

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-sizeinheritthis set
--nldesign-component-button-font-weightinheritthis set
--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-decorationnonethis set
--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.5emthis set
--nldesign-component-table-header-font-weight700defaults
--nldesign-component-textbox-font-familyvar(--nldesign-font-family)defaults
--nldesign-component-textbox-font-size15pxthis set
--nldesign-component-unordered-list-font-size1remdefaults
--nldesign-component-unordered-list-line-height1.5defaults
--nldesign-font-family`'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', Arial, sans-serif`defaultsFont family, --nldesign-component-button-font-family, --nldesign-component-textbox-font-family
--nldesign-font-weight-default400defaults--default-font-size
--nldesign-font-weight-element500defaultsControl font weight
--nldesign-font-weight-heading700defaultsHeading font weight

Spacing and shape (Ruimte en vorm)​

TokenValueDark modeSourcePaints
--nldesign-border-radius0defaultsBorder radius element, Button corner, Select corner, Text input corner, --border-width-input
--nldesign-border-radius-large4pxdefaults--border-radius-container
--nldesign-border-radius-pill100pxdefaultsBadge shape, Border radius pill
--nldesign-border-radius-rounded0defaultsBorder radius rounded
--nldesign-border-radius-small0defaultsBorder radius small
--nldesign-component-badge-border-radius10000pxthis set
--nldesign-component-badge-padding-block0.125remdefaults
--nldesign-component-badge-padding-inline0.5remdefaults
--nldesign-component-button-border-radius16pxthis set
--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-radius6pxthis set
--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-quick100msdefaults--header-menu-item-height
--nldesign-animation-slow300msdefaultsAnimation slow
--nldesign-header-icon-filterinvert(1) brightness(0) contrast(100)defaults
--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
--nldesign-action-busy-cursorwaitthis set
--nldesign-action-disabled-cursornot-allowedthis set
--nldesign-action-submit-cursorpointerthis set
--nldesign-color-alert-error #721c24 #db838bthis set
--nldesign-color-alert-error-background #f8d7da #420f13this set
--nldesign-color-alert-success #155724 #99e1aathis set
--nldesign-color-alert-success-background #d4edda #1d3f25this set
--nldesign-color-alert-warning #856404 #f3d16fthis set
--nldesign-color-alert-warning-background #fff3cd #4f3d04this set
--nldesign-color-black-0 #000000 #ebebebthis set
--nldesign-color-black-0-22t #00000038 #ebebeb38this set
--nldesign-color-black-10 #1a1a1a #d5d5d5this set
--nldesign-color-black-12-6-7t #1e1e2010 #cfcfd210this set
--nldesign-color-black-14 #202125 #caccd1this set
--nldesign-color-black-16 #28282c #c5c5cathis set
--nldesign-color-black-17 #2b2b2b #c6c6c6this set
--nldesign-color-black-17-hover #2b2b2bcc #c6c6c6ccthis set
--nldesign-color-black-21 #333338 #bbbbc0this set
--nldesign-color-black-23 #39383f #b6b5bcthis set
--nldesign-color-black-6 #0e0d10 #dddbe1this set
--nldesign-color-blue-66 #5897fb #0d4aabthis set
--nldesign-color-grey-31 #4f4f4f #a8a8a8this set
--nldesign-color-grey-43 #6d6d6d #8f8f8fthis set
--nldesign-color-grey-46 #767676 #878787this set
--nldesign-color-grey-82 #d1d1d1 #3b3b3bthis set
--nldesign-color-grey-90 #e5e5e5 #2a2a2athis set
--nldesign-color-grey-90-hover #e5e5e5cc #2a2a2accthis set
--nldesign-color-grey-92 #eaeaea #262626this set
--nldesign-color-grey-97 #f7f7f7 #1b1b1bthis set
--nldesign-color-lightgrey-86 #dbdbdb #333333this set
--nldesign-color-lightgrey-87 #dddddd #313131this set
--nldesign-color-lightgrey-96 #f5f5f5 #1d1d1dthis set
--nldesign-color-white-100 #ffffff #141414this set
--nldesign-color-white-100-0t #ffffff #141414this set
--nldesign-color-white-95 #f1f1f1 #202020this set
--nldesign-component-badge-counter-border-radius50%this set
--nldesign-component-badge-counter-text-decorationnonethis set
--nldesign-component-breadcrumb-nav-padding-block-end12pxthis set
--nldesign-component-breadcrumb-nav-padding-block-start12pxthis set
--nldesign-component-breadcrumb-nav-padding-inline-end0this set
--nldesign-component-breadcrumb-nav-padding-inline-start0this set
--nldesign-component-button-primary-action-font-weightinheritthis set
--nldesign-component-code-font-sizeinheritthis set
--nldesign-component-form-input-border-radius6pxthis set
--nldesign-component-form-input-font-size15pxthis set
--nldesign-component-link-hover-text-decorationnonethis set
--nldesign-component-link-text-decoration-colorunsetthis set
--nldesign-component-ordered-list-item-padding-inline-start1chthis set
--nldesign-component-page-footer-background-imageunsetthis set
--nldesign-component-page-footer-link-hover-text-decorationnonethis set
--nldesign-component-page-footer-link-text-decorationnonethis set
--nldesign-component-page-footer-link-text-decoration-colorunsetthis set
--nldesign-component-page-footer-logo-max-height100pxthis set
--nldesign-component-page-footer-logo-max-width120pxthis set
--nldesign-component-page-header-logo-max-width70pxthis set
--nldesign-component-page-max-inline-size1140pxthis set
--nldesign-component-radio-button-icon-size5pxthis set
--nldesign-component-radio-button-min-block-size16pxthis set
--nldesign-component-radio-button-min-inline-size16pxthis set
--nldesign-component-separator-margin-block-end0pxthis set
--nldesign-component-separator-margin-block-start0pxthis set
--nldesign-component-table-border-collapsecollapsethis set
--nldesign-component-table-header-cell-text-transformunsetthis set
--nldesign-component-table-header-text-transformunsetthis set
--nldesign-component-unordered-list-item-padding-inline-start1chthis set
--nldesign-component-unordered-list-padding-inline-start2chthis set
--nldesign-conduction-card-wrapper-border-widthunsetthis set
--nldesign-conduction-download-card-background-colortransparentthis set
--nldesign-conduction-download-card-border-stylesolidthis set
--nldesign-conduction-input-checkbox-border-radius3pxthis set
--nldesign-conduction-input-checkbox-border-stylesolidthis set
--nldesign-conduction-input-checkbox-checked-border-radius3pxthis set
--nldesign-conduction-input-checkbox-checked-border-stylesolidthis set
--nldesign-conduction-input-checkbox-checked-hover-border-radius3pxthis set
--nldesign-conduction-input-checkbox-checked-hover-border-stylesolidthis set
--nldesign-conduction-input-checkbox-disabled-border-radius3pxthis set
--nldesign-conduction-input-checkbox-disabled-border-stylesolidthis set
--nldesign-conduction-input-checkbox-disabled-hover-border-radius3pxthis set
--nldesign-conduction-input-checkbox-disabled-hover-border-stylesolidthis set
--nldesign-conduction-input-checkbox-focus-outline-offset2pxthis set
--nldesign-conduction-input-checkbox-focus-outline-stylesolidthis set
--nldesign-conduction-input-checkbox-focus-outline-width2pxthis set
--nldesign-conduction-input-checkbox-hover-border-radius3pxthis set
--nldesign-conduction-input-checkbox-hover-border-stylesolidthis set
--nldesign-conduction-input-checkbox-label-container-margin3pxthis set
--nldesign-conduction-input-checkbox-label-container-padding3pxthis set
--nldesign-conduction-input-select-border-focusunsetthis set
--nldesign-conduction-logo-footer-background-imageurl('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNzUuNCA0Mi4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNzUuNCA0Mi4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik03OC4zLDQwLjdoNy4yVjAuNGgtNy4yVjQwLjd6IE05NC44LDQwLjdoNy4yVjAuNGgtNy4yVjQwLjd6IE02NC41LDkuNEw1My40LDIwLjhsLTExLTExLjRsLTQuOCw0LjlsMTEuMSwxMS40TDM3LjYsMzcuMQoJbDQuOCw0LjlsMTEuMS0xMS40bDExLDExLjRsNC44LTQuOUw1OC4yLDI1LjdsMTEuMS0xMS40TDY0LjUsOS40eiBNMjcuMiw5LjRMMTYuMSwyMC44TDUuMSw5LjRsLTQuOCw0LjlsMTEuMSwxMS40TDAuMywzNy4xTDUuMSw0MgoJbDExLjEtMTEuNGwxMSwxMS40bDQuOC00LjlMMjAuOSwyNS43TDMyLDE0LjNMMjcuMiw5LjR6IE0xMjQuOCwxMC43Yy04LjIsMC0xNC4zLDUuMi0xNC4zLDE0LjF2MTUuOWg3LjJWMjVjMC00LjgsMy03LjMsNy4xLTcuMwoJczcuMSwyLjYsNy4xLDcuM3YxNS44aDcuMnYtMTZDMTM5LjEsMTUuOCwxMzMsMTAuNywxMjQuOCwxMC43eiBNMTYwLjQsMzQuOGMtNC41LDAtOC4yLTMuOS04LjItOC44YzAtNC44LDMuNy04LjgsOC4yLTguOAoJYzMuNCwwLDYuMywyLjIsNy41LDUuM2g3LjJjLTEuMy03LTcuMS0xMS44LTE0LjYtMTEuOGMtOC44LDAtMTUuMiw2LjUtMTUuMiwxNS40YzAsOC44LDYuNCwxNS4zLDE1LjIsMTUuMwoJYzcuNSwwLDEzLjMtNC44LDE0LjYtMTEuN2gtNy4yQzE2Ni42LDMyLjYsMTYzLjcsMzQuOCwxNjAuNCwzNC44eiIvPgo8L3N2Zz4K')this set
--nldesign-conduction-logo-footer-block-size100pxthis set
--nldesign-conduction-logo-footer-inline-size120pxthis set
--nldesign-conduction-logo-header-background-imageurl('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNzUuNCA0Mi4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNzUuNCA0Mi4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik03OC4zLDQwLjdoNy4yVjAuNGgtNy4yVjQwLjd6IE05NC44LDQwLjdoNy4yVjAuNGgtNy4yVjQwLjd6IE02NC41LDkuNEw1My40LDIwLjhsLTExLTExLjRsLTQuOCw0LjlsMTEuMSwxMS40TDM3LjYsMzcuMQoJbDQuOCw0LjlsMTEuMS0xMS40bDExLDExLjRsNC44LTQuOUw1OC4yLDI1LjdsMTEuMS0xMS40TDY0LjUsOS40eiBNMjcuMiw5LjRMMTYuMSwyMC44TDUuMSw5LjRsLTQuOCw0LjlsMTEuMSwxMS40TDAuMywzNy4xTDUuMSw0MgoJbDExLjEtMTEuNGwxMSwxMS40bDQuOC00LjlMMjAuOSwyNS43TDMyLDE0LjNMMjcuMiw5LjR6IE0xMjQuOCwxMC43Yy04LjIsMC0xNC4zLDUuMi0xNC4zLDE0LjF2MTUuOWg3LjJWMjVjMC00LjgsMy03LjMsNy4xLTcuMwoJczcuMSwyLjYsNy4xLDcuM3YxNS44aDcuMnYtMTZDMTM5LjEsMTUuOCwxMzMsMTAuNywxMjQuOCwxMC43eiBNMTYwLjQsMzQuOGMtNC41LDAtOC4yLTMuOS04LjItOC44YzAtNC44LDMuNy04LjgsOC4yLTguOAoJYzMuNCwwLDYuMywyLjIsNy41LDUuM2g3LjJjLTEuMy03LTcuMS0xMS44LTE0LjYtMTEuOGMtOC44LDAtMTUuMiw2LjUtMTUuMiwxNS40YzAsOC44LDYuNCwxNS4zLDE1LjIsMTUuMwoJYzcuNSwwLDEzLjMtNC44LDE0LjYtMTEuN2gtNy4yQzE2Ni42LDMyLjYsMTYzLjcsMzQuOCwxNjAuNCwzNC44eiIvPgo8L3N2Zz4K')this set
--nldesign-conduction-logo-header-block-size20pxthis set
--nldesign-conduction-logo-header-inline-size70pxthis set
--nldesign-conduction-logo-navbar-background-imageurl('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNzUuNCA0Mi4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNzUuNCA0Mi4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik03OC4zLDQwLjdoNy4yVjAuNGgtNy4yVjQwLjd6IE05NC44LDQwLjdoNy4yVjAuNGgtNy4yVjQwLjd6IE02NC41LDkuNEw1My40LDIwLjhsLTExLTExLjRsLTQuOCw0LjlsMTEuMSwxMS40TDM3LjYsMzcuMQoJbDQuOCw0LjlsMTEuMS0xMS40bDExLDExLjRsNC44LTQuOUw1OC4yLDI1LjdsMTEuMS0xMS40TDY0LjUsOS40eiBNMjcuMiw5LjRMMTYuMSwyMC44TDUuMSw5LjRsLTQuOCw0LjlsMTEuMSwxMS40TDAuMywzNy4xTDUuMSw0MgoJbDExLjEtMTEuNGwxMSwxMS40bDQuOC00LjlMMjAuOSwyNS43TDMyLDE0LjNMMjcuMiw5LjR6IE0xMjQuOCwxMC43Yy04LjIsMC0xNC4zLDUuMi0xNC4zLDE0LjF2MTUuOWg3LjJWMjVjMC00LjgsMy03LjMsNy4xLTcuMwoJczcuMSwyLjYsNy4xLDcuM3YxNS44aDcuMnYtMTZDMTM5LjEsMTUuOCwxMzMsMTAuNywxMjQuOCwxMC43eiBNMTYwLjQsMzQuOGMtNC41LDAtOC4yLTMuOS04LjItOC44YzAtNC44LDMuNy04LjgsOC4yLTguOAoJYzMuNCwwLDYuMywyLjIsNy41LDUuM2g3LjJjLTEuMy03LTcuMS0xMS44LTE0LjYtMTEuOGMtOC44LDAtMTUuMiw2LjUtMTUuMiwxNS40YzAsOC44LDYuNCwxNS4zLDE1LjIsMTUuMwoJYzcuNSwwLDEzLjMtNC44LDE0LjYtMTEuN2gtNy4yQzE2Ni42LDMyLjYsMTYzLjcsMzQuOCwxNjAuNCwzNC44eiIvPgo8L3N2Zz4K')this set
--nldesign-conduction-logo-navbar-block-size20pxthis set
--nldesign-conduction-logo-navbar-inline-size70pxthis set
--nldesign-conduction-pagination-container-background-colorunsetthis set
--nldesign-conduction-pagination-container-padding-block-end0pxthis set
--nldesign-conduction-pagination-container-padding-block-start0pxthis set
--nldesign-conduction-pagination-container-padding-inline-end0pxthis set
--nldesign-conduction-pagination-container-padding-inline-start0pxthis set
--nldesign-conduction-pagination-current-page-text-decorationunsetthis set
--nldesign-conduction-pagination-item-padding-inline-end12pxthis set
--nldesign-conduction-pagination-item-padding-inline-start12pxthis set
--nldesign-conduction-pagination-navigation-button-border-width0pxthis set
--nldesign-conduction-pagination-navigation-button-disabled-background-colorunsetthis set
--nldesign-conduction-pagination-navigation-button-disabled-border-width0pxthis set
--nldesign-conduction-pagination-navigation-button-hover-border-width0pxthis set
--nldesign-conduction-pagination-navigation-button-padding-block-end0pxthis set
--nldesign-conduction-pagination-navigation-button-padding-block-start0pxthis set
--nldesign-conduction-pagination-page-hover-text-decorationunsetthis set
--nldesign-conduction-pagination-page-hover-text-decoration-thickness0pxthis set
--nldesign-conduction-primary-top-nav-item-padding18pxthis set
--nldesign-conduction-primary-top-nav-padding-block-end16pxthis set
--nldesign-conduction-primary-top-nav-padding-block-start16pxthis set
--nldesign-conduction-primary-top-nav-padding-inline-end16pxthis set
--nldesign-conduction-primary-top-nav-padding-inline-start16pxthis set
--nldesign-conduction-secondary-top-nav-background-colortransparentthis set
--nldesign-conduction-secondary-top-nav-current-background-colorunsetthis set
--nldesign-conduction-secondary-top-nav-font-weight400this set
--nldesign-conduction-secondary-top-nav-item-padding18pxthis set
--nldesign-conduction-secondary-top-nav-padding-block-end16pxthis set
--nldesign-conduction-secondary-top-nav-padding-block-start16pxthis set
--nldesign-conduction-secondary-top-nav-padding-inline-end16pxthis set
--nldesign-conduction-secondary-top-nav-padding-inline-start16pxthis set
--nldesign-conduction-table-wrapper-scroll-button-border-stylesolidthis set
--nldesign-conduction-tabs-tab-background-colortransparentthis set
--nldesign-conduction-tabs-tab-bottom-2pxthis set
--nldesign-conduction-tabs-tab-list-border-bottom-stylesolidthis set
--nldesign-conduction-tabs-tab-list-margin-block-end0pxthis set
--nldesign-conduction-tabs-tab-list-padding-inline-start0pxthis set
--nldesign-conduction-tabs-tab-max-widthunsetthis set
--nldesign-conduction-tabs-tab-min-height61pxthis set
--nldesign-conduction-tabs-tab-min-width160pxthis set
--nldesign-conduction-tabs-tab-selected-background-colortransparentthis set
--nldesign-conduction-tabs-tab-selected-border-bottom-stylesolidthis set
--nldesign-conduction-tooltip-border-colorunsetthis set
--nldesign-conduction-tooltip-border-radius0pxthis set
--nldesign-conduction-tooltip-border-styleunsetthis set
--nldesign-conduction-tooltip-border-width0pxthis set
--nldesign-conduction-tooltip-z-index9999this set
--nldesign-font-size-2xl32pxthis set
--nldesign-font-size-2xs10pxthis set
--nldesign-font-size-3xl48pxthis set
--nldesign-font-size-3xs8pxthis set
--nldesign-font-size-4xl58pxthis set
--nldesign-font-size-4xs5pxthis set
--nldesign-font-size-lg20pxthis set
--nldesign-font-size-md16pxthis set
--nldesign-font-size-sm14pxthis set
--nldesign-font-size-xl24pxthis set
--nldesign-font-size-xs12pxthis set
--nldesign-logo-urlurl('../../img/logos/xxllnc.svg')this set
--nldesign-size-2xl48pxthis set
--nldesign-size-2xs4pxthis set
--nldesign-size-3xl72pxthis set
--nldesign-size-3xs2pxthis set
--nldesign-size-4xl96pxthis set
--nldesign-size-4xs1pxthis set
--nldesign-size-lg24pxthis set
--nldesign-size-md18pxthis set
--nldesign-size-sm14pxthis set
--nldesign-size-xl32pxthis set
--nldesign-size-xs8pxthis set
--nldesign-typography-font-weight-bold700this set
--nldesign-typography-font-weight-light100this set
--nldesign-typography-font-weight-normal400this set
--nldesign-typography-inter-font-family"Inter", sans-serifthis set
--nldesign-typography-monospace-font-familyMonospace, "Lucida Console"this set
--nldesign-typography-sans-serif-font-familyneue-haas-grotesk-text, sans-serifthis set
--xxllnc-color-alert-error #721c24 #db838bthis set
--xxllnc-color-alert-error-background #f8d7da #420f13this set
--xxllnc-color-alert-success #155724 #99e1aathis set
--xxllnc-color-alert-success-background #d4edda #1d3f25this set
--xxllnc-color-alert-warning #856404 #f3d16fthis set
--xxllnc-color-alert-warning-background #fff3cd #4f3d04this set
--xxllnc-color-black-0 #000000 #ebebebthis set
--xxllnc-color-black-0-22t #00000038 #ebebeb38this set
--xxllnc-color-black-10 #1a1a1a #d5d5d5this set
--xxllnc-color-black-12-6-7t #1e1e2010 #cfcfd210this set
--xxllnc-color-black-14 #202125 #caccd1this set
--xxllnc-color-black-16 #28282c #c5c5cathis set
--xxllnc-color-black-17 #2b2b2b #c6c6c6this set
--xxllnc-color-black-17-hover #2b2b2bcc #c6c6c6ccthis set
--xxllnc-color-black-21 #333338 #bbbbc0this set
--xxllnc-color-black-23 #39383f #b6b5bcthis set
--xxllnc-color-black-6 #0e0d10 #dddbe1this set
--xxllnc-color-blue-66 #5897fb #0d4aabthis set
--xxllnc-color-error #dc3545 #c42c3athis set
--xxllnc-color-grey-31 #4f4f4f #a8a8a8this set
--xxllnc-color-grey-43 #6d6d6d #8f8f8fthis set
--xxllnc-color-grey-46 #767676 #878787this set
--xxllnc-color-grey-82 #d1d1d1 #3b3b3bthis set
--xxllnc-color-grey-90 #e5e5e5 #2a2a2athis set
--xxllnc-color-grey-90-hover #e5e5e5cc #2a2a2accthis set
--xxllnc-color-grey-92 #eaeaea #262626this set
--xxllnc-color-grey-97 #f7f7f7 #1b1b1bthis set
--xxllnc-color-lightgrey-86 #dbdbdb #333333this set
--xxllnc-color-lightgrey-87 #dddddd #313131this set
--xxllnc-color-lightgrey-96 #f5f5f5 #1d1d1dthis set
--xxllnc-color-primary #000000 #ebebebthis set
--xxllnc-color-primary-hover #333333 #c0c0c0this set
--xxllnc-color-success #28a745 #58cf73this set
--xxllnc-color-warning #ffc107 #edb50cthis set
--xxllnc-color-white-100 #ffffff #141414this set
--xxllnc-color-white-100-0t #ffffff #141414this set
--xxllnc-color-white-95 #f1f1f1 #202020this set
--xxllnc-font-size-2xl32pxthis set
--xxllnc-font-size-2xs10pxthis set
--xxllnc-font-size-3xl48pxthis set
--xxllnc-font-size-3xs8pxthis set
--xxllnc-font-size-4xl58pxthis set
--xxllnc-font-size-4xs5pxthis set
--xxllnc-font-size-lg20pxthis set
--xxllnc-font-size-md16pxthis set
--xxllnc-font-size-sm14pxthis set
--xxllnc-font-size-xl24pxthis set
--xxllnc-font-size-xs12pxthis set
--xxllnc-size-2xl48pxthis set
--xxllnc-size-2xs4pxthis set
--xxllnc-size-3xl72pxthis set
--xxllnc-size-3xs2pxthis set
--xxllnc-size-4xl96pxthis set
--xxllnc-size-4xs1pxthis set
--xxllnc-size-lg24pxthis set
--xxllnc-size-md18pxthis set
--xxllnc-size-sm14pxthis set
--xxllnc-size-xl32pxthis set
--xxllnc-size-xs8pxthis set
--xxllnc-typography-font-weight-bold700this set
--xxllnc-typography-font-weight-light100this set
--xxllnc-typography-font-weight-normal400this set
--xxllnc-typography-inter-font-family"Inter", sans-serifthis set
--xxllnc-typography-monospace-font-familyMonospace, "Lucida Console"this set
--xxllnc-typography-sans-serif-font-familyneue-haas-grotesk-text, sans-serifthis set