From d0d75cbb827670d3e114069fa5065259abad6d90 Mon Sep 17 00:00:00 2001 From: Robbert Date: Sun, 14 Jul 2024 09:42:38 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20frameles?= =?UTF-8?q?s/website@ff95c91606881ad98fe85399dcc6436c46592af2=20?= =?UTF-8?q?=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.css | 8551 +------------------------------------------------- index.css.gz | Bin 0 -> 8690 bytes index.html | 417 ++- index.js.gz | Bin 0 -> 60 bytes 4 files changed, 302 insertions(+), 8666 deletions(-) create mode 100644 index.css.gz create mode 100644 index.js.gz diff --git a/index.css b/index.css index 6a2ae5b2..b98223ec 100644 --- a/index.css +++ b/index.css @@ -1,8550 +1 @@ -@charset "UTF-8"; -.frameless-card { - background-color: var(--frameless-card-background-color); - border-color: var(--frameless-card-border-color); - border-radius: var(--frameless-card-border-radius); - border-style: solid; - border-width: var(--frameless-card-border-width, 0); - font-family: var(--frameless-card-font-font-family); - max-inline-size: var(--frameless-card-spacing-max-width); - padding-block-end: var(--frameless-card-spacing-padding-block-end); - padding-block-start: var(--frameless-card-spacing-padding-block-start); - padding-inline-end: var(--frameless-card-spacing-padding-inline-end); - padding-inline-start: var(--frameless-card-spacing-padding-inline-start); -} - -.frameless-card__content { - --utrecht-paragraph-margin-block-end: var(--frameless-card-paragraph-margin-block-end); - --utrecht-space-around: 1; -} - -@container (max-width: 400px) { - .frameless-card__content { - --utrecht-paragraph-font-size: var(--frameless-card-paragraph-font-size); - } -} -.frameless-card__heading { - --utrecht-heading-2-font-size: var(--frameless-card-heading-font-size); - --utrecht-heading-3-font-size: var(--frameless-card-heading-font-size); - --utrecht-heading-4-font-size: var(--frameless-card-heading-font-size); - --utrecht-heading-5-font-size: var(--frameless-card-heading-font-size); - --utrecht-heading-6-font-size: var(--frameless-card-heading-font-size); - --utrecht-heading-2-margin-block-end: var(--frameless-card-heading-margin-block-end); - --utrecht-heading-3-margin-block-end: var(--frameless-card-heading-margin-block-end); - --utrecht-heading-4-margin-block-end: var(--frameless-card-heading-margin-block-end); - --utrecht-heading-5-margin-block-end: var(--frameless-card-heading-margin-block-end); - --utrecht-heading-6-margin-block-end: var(--frameless-card-heading-margin-block-end); - --utrecht-heading-4-line-height: var(--frameless-card-line-height); - --utrecht-heading-5-line-height: var(--frameless-card-line-height); - --utrecht-heading-6-line-height: var(--frameless-card-line-height); - --utrecht-space-around: 1; -} - -.frameless-card-group { - display: grid; - gap: var(--frameless-card-group-gap); - grid-auto-flow: dense; -} - -.frameless-card-group__container { - container-type: inline-size; -} - -@container (width >= 650px) { - .frameless-card-group { - grid-template-columns: 1fr 1fr; - } -} -@container (width <= 400px) { - .frameless-card-group { - grid-template-columns: 1fr; - } -} -.frameless-logo__wrapper { - align-items: center; - container: logowrapper/inline-size; - display: flex; - flex-basis: min-content; - flex-direction: row; - justify-content: center; -} - -.frameless-logo__text { - display: inline-block; - font-family: var(--frameless-logo-text-font-family); - font-size: var(--frameless-logo-text-font-size); -} - -.utrecht-logo { - transform: scale(0.75); -} - -@container logowrapper (min-width: 60px) and (max-width: 185px) { - .frameless-logo__text { - display: none; - } - .utrecht-logo { - transform: scale(0.55); - } -} -@media (186px <= width <= 337px) { - .frameless-logo__wrapper { - display: flex; - flex-direction: column; - gap: 0.2rem; - } -} -@container logowrapper (min-width: 186px) and (max-width: 300px) { - .utrecht-logo { - transform: scale(0.55); - } - .frameless-logo__text { - font-size: var(--frameless-logo-text-small-font-size); - margin-block: 0; - margin-block-end: 0.5em; - margin-inline: 0; - } -} -@container logowrapper (min-width: 301px) and (max-width: 374px) { - .utrecht-logo { - transform: scale(0.55); - } - .frameless-logo__text { - font-size: var(--frameless-logo-text-small-font-size); - } -} -/** - * Do not edit directly - * Generated on Sat, 13 Jul 2024 18:05:43 GMT - */ -.frameless-theme { - --token-set-order-41: components/unordered-list; - --token-set-order-40: components/toolbar-button; - --token-set-order-39: components/text-input; - --token-set-order-38: components/textarea; - --token-set-order-37: components/task-list; - --token-set-order-36: components/table; - --token-set-order-35: components/status-badge; - --token-set-order-34: components/skip-link; - --token-set-order-33: components/side-nav; - --token-set-order-32: components/separator; - --token-set-order-31: components/select; - --token-set-order-30: components/radio-group; - --token-set-order-29: components/radio; - --token-set-order-28: components/paragraph; - --token-set-order-27: components/pagination; - --token-set-order-26: components/ordered-list; - --token-set-order-25: components/modal-dialog; - --token-set-order-24: components/link; - --token-set-order-23: components/icon-only-button; - --token-set-order-22: components/heading; - --token-set-order-21: components/form-field-radio-option; - --token-set-order-20: components/form-field-option-label; - --token-set-order-19: components/form-field-label; - --token-set-order-18: components/form-field-error-message; - --token-set-order-17: components/form-field-description; - --token-set-order-16: components/form-field-checkbox-option; - --token-set-order-15: components/form-field; - --token-set-order-14: components/drawer; - --token-set-order-13: components/data-list; - --token-set-order-12: components/counter-badge; - --token-set-order-11: components/checkbox-group; - --token-set-order-10: components/checkbox; - --token-set-order-9: components/button-group; - --token-set-order-8: components/button; - --token-set-order-7: components/breadcrumb; - --token-set-order-6: components/blockquote; - --token-set-order-5: components/backdrop; - --token-set-order-4: components/avatar; - --token-set-order-3: components/alert; - --token-set-order-2: components/accordion; - --token-set-order-1: common; - --token-set-order-0: brand; - --frameless-card-line-height-line-height: 125%; - --frameless-card-group-gap: 24px; - --frameless-card-spacing-padding-inline-end: 24px; - --frameless-card-spacing-padding-inline-start: 24px; - --frameless-card-spacing-padding-block-end: 12px; - --frameless-card-spacing-padding-block-start: 12px; - --frameless-card-spacing-max-width: 500px; - --frameless-card-border-radius: 8px; - --frameless-card-paragraph-margin-block-end: 20px; - --frameless-card-paragraph-font-size: 16px; - --frameless-card-background-color: #f2fbfd; - --frameless-card-font-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --frameless-card-heading-margin-block-end: 20px; - --frameless-card-heading-font-size: 24px; - --frameless-logo-wrapper-padding-inline: 12px; - --frameless-logo-wrapper-padding-block: 12px; - --frameless-logo-wrapper-inline-size: 12px; - --frameless-logo-text-small-font-size: 32px; - --frameless-logo-text-font-weight: 400; - --frameless-logo-text-font-size: 48px; - --frameless-logo-text-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --frameless-box-shadow-lg: [object Object]; - --frameless-box-shadow-md: [object Object]; - --frameless-box-shadow-sm: [object Object]; - --frameless-size-max-width-lg: 500px; - --frameless-size-max-width-md: 200px; - --frameless-size-max-width-sm: 100px; - --frameless-size-icon-4xl: 48px; - --frameless-size-icon-3xl: 40px; - --frameless-size-icon-2xl: 32px; - --frameless-size-icon-xl: 24px; - --frameless-size-icon-lg: 24px; - --frameless-size-icon-md: 24px; - --frameless-size-icon-sm: 16px; - --frameless-size-2xl: 160px; - --frameless-size-xl: 96px; - --frameless-size-lg: 64px; - --frameless-size-md: 48px; - --frameless-size-sm: 32px; - --frameless-size-xs: 24px; - --frameless-size-2xs: 16px; - --frameless-size-3xs: 8px; - --frameless-size-4xs: 4px; - --frameless-size-5xs: 2px; - --frameless-border-width-lg: 4px; - --frameless-border-width-md: 2px; - --frameless-border-width-sm: 1px; - --frameless-border-radius-round: 999px; - --frameless-border-radius-lg: 16px; - --frameless-border-radius-md: 8px; - --frameless-border-radius-sm: 4px; - --frameless-space-row-giraffe: 160px; - --frameless-space-row-elephant: 96px; - --frameless-space-row-horse: 64px; - --frameless-space-row-tiger: 48px; - --frameless-space-row-pig: 32px; - --frameless-space-row-dog: 28px; - --frameless-space-row-cat: 24px; - --frameless-space-row-rabbit: 20px; - --frameless-space-row-rat: 16px; - --frameless-space-row-mouse: 12px; - --frameless-space-row-snail: 8px; - --frameless-space-row-beetle: 4px; - --frameless-space-row-ant: 2px; - --frameless-space-row-flea: 1px; - --frameless-space-column-giraffe: 160px; - --frameless-space-column-elephant: 96px; - --frameless-space-column-horse: 64px; - --frameless-space-column-tiger: 48px; - --frameless-space-column-pig: 32px; - --frameless-space-column-dog: 28px; - --frameless-space-column-cat: 24px; - --frameless-space-column-rabbit: 20px; - --frameless-space-column-rat: 16px; - --frameless-space-column-mouse: 12px; - --frameless-space-column-snail: 8px; - --frameless-space-column-beetle: 4px; - --frameless-space-column-ant: 2px; - --frameless-space-column-flea: 1px; - --frameless-space-text-dog: 24px; - --frameless-space-text-cat: 16px; - --frameless-space-text-rabbit: 14px; - --frameless-space-text-rat: 12px; - --frameless-space-text-mouse: 8px; - --frameless-space-text-snail: 6px; - --frameless-space-text-beetle: 4px; - --frameless-space-text-ant: 2px; - --frameless-space-text-flea: 1px; - --frameless-space-block-pig: 64px; - --frameless-space-block-dog: 48px; - --frameless-space-block-cat: 32px; - --frameless-space-block-rabbit: 24px; - --frameless-space-block-rat: 20px; - --frameless-space-block-mouse: 16px; - --frameless-space-block-snail: 12px; - --frameless-space-block-beetle: 8px; - --frameless-space-block-ant: 4px; - --frameless-space-block-flea: 2px; - --frameless-space-inline-pig: 48px; - --frameless-space-inline-dog: 32px; - --frameless-space-inline-cat: 28px; - --frameless-space-inline-rabbit: 24px; - --frameless-space-inline-rat: 20px; - --frameless-space-inline-mouse: 16px; - --frameless-space-inline-snail: 12px; - --frameless-space-inline-beetle: 8px; - --frameless-space-inline-ant: 4px; - --frameless-space-inline-flea: 2px; - --frameless-color-highlighter-green: #9DFF40; - --frameless-color-orange-90: #FDEDD8; - --frameless-color-orange-70: #FABC6B; - --frameless-color-orange-50: #F89009; - --frameless-color-orange-40: #D57B07; - --frameless-color-orange-30: #A35F05; - --frameless-color-orange-20: #764504; - --frameless-color-red-90: #FDECEC; - --frameless-color-red-70: #F87373; - --frameless-color-red-50: #E01616; - --frameless-color-red-40: #BA1212; - --frameless-color-red-30: #920707; - --frameless-color-red-10: #400000; - --frameless-color-green-90: #DDF8E4; - --frameless-color-green-70: #83DC89; - --frameless-color-green-50: #40C73E; - --frameless-color-green-30: #16822D; - --frameless-color-green-20: #0D4A1E; - --frameless-color-green-10: #082F13; - --frameless-color-maroon-40: #B30F61; - --frameless-color-maroon-30: #850B48; - --frameless-color-maroon-20: #55072E; - --frameless-color-maroon-10: #39051F; - --frameless-color-rosewood-100: #FFFAFC; - --frameless-color-rosewood-90: #F2D9E3; - --frameless-color-rosewood-80: #E4B4C6; - --frameless-color-rosewood-70: #d78eaa; - --frameless-color-rosewood-60: #CA688E; - --frameless-color-rosewood-50: #bd4271; - --frameless-color-sulkingroom-60: #9C817D; - --frameless-color-petrol-95: #f2fbfd; - --frameless-color-petrol-90: #D4F2F7; - --frameless-color-petrol-80: #AAE5EE; - --frameless-color-petrol-70: #7FD8E6; - --frameless-color-petrol-60: #5EC1CC; - --frameless-color-petrol-50: #4BA7B2; - --frameless-color-petrol-40: #3C8790; - --frameless-color-petrol-30: #2c5a63; - --frameless-color-petrol-20: #1F4047; - --frameless-color-petrol-10: #122529; - --frameless-color-gray-90: #E4E5E7; - --frameless-color-gray-80: #C9CBCF; - --frameless-color-gray-70: #AEB1B7; - --frameless-color-gray-60: #93979F; - --frameless-color-gray-50: #787D87; - --frameless-color-gray-40: #60646C; - --frameless-color-gray-30: #484B51; - --frameless-color-gray-20: #303236; - --frameless-color-gray-10: #1E1F21; - --frameless-color-black: #000000; - --frameless-color-white: #FFFFFF; - --frameless-typography-font-family-primary: "Fira Sans", Helvetica, Arial, sans-serif; - --frameless-typography-font-weight-bold: 600; - --frameless-typography-font-weight-normal: 400; - --frameless-typography-line-height-lg: 200%; - --frameless-typography-line-height-md: 150%; - --frameless-typography-line-height-sm: 125%; - --frameless-typography-line-height-xs: 100%; - --frameless-typography-font-size-4xl: 48px; - --frameless-typography-font-size-3xl: 40px; - --frameless-typography-font-size-2xl: 32px; - --frameless-typography-font-size-xl: 24px; - --frameless-typography-font-size-lg: 20px; - --frameless-typography-font-size-md: 18px; - --frameless-typography-font-size-sm: 16px; - --frameless-rich-text-max-inline-size: 800px; - --denhaag-sidenav-link-text-decoration: none; - --denhaag-sidenav-link-padding-block-end: 12px; - --denhaag-sidenav-link-padding-block-start: 12px; - --denhaag-sidenav-link-hover-text-decoration: underline; - --denhaag-sidenav-link-hover-color: #39051F; - --denhaag-sidenav-link-focus-text-decoration: none; - --denhaag-sidenav-link-focus-color: #000000; - --denhaag-sidenav-link-focus-background-color: #9DFF40; - --denhaag-sidenav-link-active-text-decoration: underline; - --denhaag-sidenav-link-active-color: #55072E; - --denhaag-sidenav-link-color: #850B48; - --denhaag-sidenav-link-current-color: #122529; - --denhaag-sidenav-link-current-font-weight: 600; - --denhaag-sidenav-link-font-weight: 400; - --denhaag-sidenav-link-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --denhaag-sidenav-link-font-size: 18px; - --denhaag-sidenav-link-icon-margin-inline: 8px; - --denhaag-sidenav-link-icon-size: 24px; - --denhaag-sidenav-link-line-height: 150%; - --todo-avatar-hover-color: #FFFFFF; - --todo-avatar-hover-border-color: transparent; - --todo-avatar-hover-background-color: #39051F; - --todo-avatar-border-width: 1px; - --todo-avatar-text-font-size: 18px; - --todo-avatar-text-text-transform: uppercase; - --todo-avatar-text-line-height: 150%; - --todo-avatar-text-font-weight: 600; - --todo-avatar-text-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --todo-avatar-color: #FFFFFF; - --todo-avatar-border-color: transparent; - --todo-avatar-icon-icon-size: 24px; - --todo-avatar-size: 48px; - --todo-avatar-border-radius: 999px; - --todo-avatar-background-color: #850B48; - --todo-backdrop-fade-in-animation-duration: 0.4s; - --todo-backdrop-z-index: auto; - --todo-backdrop-reduced-transparency-opacity: 0.98; - --todo-backdrop-opacity: 0.2; - --todo-backdrop-color: #FFFFFF; - --todo-backdrop-background-color: #E4E5E7; - --todo-breadcrumb-font-weight: 400; - --todo-breadcrumb-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --todo-breadcrumb-margin-inline: 8px; - --todo-breadcrumb-divider-color: #787D87; - --todo-breadcrumb-divider-size: 16px; - --todo-breadcrumb-link-text-decoration: underline; - --todo-breadcrumb-link-current-color: #787D87; - --todo-breadcrumb-link-hover-text-decoration: none; - --todo-breadcrumb-link-hover-color: #39051F; - --todo-breadcrumb-link-focus-text-decoration: none; - --todo-breadcrumb-link-focus-color: #000000; - --todo-breadcrumb-link-focus-background-color: #9DFF40; - --todo-breadcrumb-link-active-text-decoration: none; - --todo-breadcrumb-link-active-color: #55072E; - --todo-breadcrumb-link-color: #850B48; - --todo-breadcrumb-link-padding-inline-start: 0px; - --todo-breadcrumb-link-padding-inline-end: 0px; - --todo-breadcrumb-link-padding-block-start: 12px; - --todo-breadcrumb-link-padding-block-end: 12px; - --todo-breadcrumb-link-icon-margin-inline: 4px; - --todo-breadcrumb-link-icon-size: 24px; - --todo-breadcrumb-font-size: 18px; - --todo-breadcrumb-line-height: 150%; - --todo-checkbox-group-row-gap: 16px; - --todo-checkbox-group-padding-block-start: 8px; - --todo-checkbox-group-padding-block-end: 8px; - --todo-data-list-item-action-padding-inline-start: 0px; - --todo-data-list-item-action-padding-inline-end: 16px; - --todo-data-list-item-action-padding-block-start: 12px; - --todo-data-list-item-action-padding-block-end: 12px; - --todo-data-list-item-action-row-padding-inline-start: 16px; - --todo-data-list-item-action-row-padding-inline-end: 0px; - --todo-data-list-item-action-row-padding-block-start: 12px; - --todo-data-list-item-action-row-padding-block-end: 12px; - --todo-data-list-line-height: 150%; - --todo-data-list-font-size: 18px; - --todo-data-list-item-color: #122529; - --todo-data-list-item-border-color: #122529; - --todo-data-list-item-border-width: 1px; - --todo-data-list-item-key-padding-inline-start: 0px; - --todo-data-list-item-key-padding-inline-end: 0px; - --todo-data-list-item-key-padding-block-start: 12px; - --todo-data-list-item-key-padding-block-end: 4px; - --todo-data-list-item-key-row-padding-inline-start: 0px; - --todo-data-list-item-key-row-padding-inline-end: 16px; - --todo-data-list-item-key-row-padding-block-start: 12px; - --todo-data-list-item-key-row-padding-block-end: 12px; - --todo-data-list-item-key-font-weight: 600; - --todo-data-list-item-value-padding-inline-start: 0px; - --todo-data-list-item-value-padding-inline-end: 0px; - --todo-data-list-item-value-padding-block-start: 4px; - --todo-data-list-item-value-padding-block-end: 12px; - --todo-data-list-item-value-row-padding-inline-start: 0px; - --todo-data-list-item-value-row-padding-inline-end: 0px; - --todo-data-list-item-value-row-padding-block-start: 12px; - --todo-data-list-item-value-row-padding-block-end: 12px; - --todo-data-list-item-value-font-weight: 400; - --todo-data-list-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --todo-drawer-box-shadow: [object Object]; - --todo-drawer-color: #122529; - --todo-drawer-border-color: #122529; - --todo-drawer-background-color: #FFFFFF; - --todo-drawer-content-padding-inline: 16px; - --todo-drawer-content-padding-block-start: 24px; - --todo-drawer-content-padding-block-end: 24px; - --todo-drawer-border-width: 1px; - --todo-drawer-footer-background-color: transparent; - --todo-drawer-footer-border-color: #122529; - --todo-drawer-footer-padding-inline-end: 16px; - --todo-drawer-footer-padding-inline-start: 16px; - --todo-drawer-footer-padding-block-start: 16px; - --todo-drawer-footer-padding-block-end: 16px; - --todo-drawer-footer-border-width: 1px; - --todo-drawer-border-radius: 0px; - --todo-drawer-header-background-color: transparent; - --todo-drawer-header-border-color: #122529; - --todo-drawer-header-column-gap: 8px; - --todo-drawer-header-padding-inline-end: 8px; - --todo-drawer-header-padding-inline-start: 16px; - --todo-drawer-header-padding-block-start: 8px; - --todo-drawer-header-padding-block-end: 8px; - --todo-drawer-header-label-color: #122529; - --todo-drawer-header-border-width: 1px; - --todo-form-field-checkbox-option-column-gap: 8px; - --todo-form-field-error-message-icon-margin-inline-end: 8px; - --todo-form-field-error-message-icon-size: 24px; - --todo-form-field-label-line-height: 150%; - --todo-form-field-label-font-weight: 600; - --todo-form-field-label-font-size: 18px; - --todo-form-field-label-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --todo-form-field-label-color: #122529; - --todo-form-field-option-label-disabled-color: #60646C; - --todo-form-field-option-label-font-weight: 400; - --todo-form-field-option-label-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --todo-form-field-option-label-line-height: 150%; - --todo-form-field-option-label-font-size: 18px; - --todo-form-field-option-label-color: #1F4047; - --todo-form-field-radio-option-column-gap: 8px; - --todo-icon-only-button-padding-inline-start: 12px; - --todo-icon-only-button-padding-inline-end: 12px; - --todo-icon-only-button-padding-block-start: 12px; - --todo-icon-only-button-padding-block-end: 12px; - --todo-modal-dialog-border-width: 1px; - --todo-modal-dialog-content-padding-inline: 16px; - --todo-modal-dialog-content-padding-block-end: 24px; - --todo-modal-dialog-content-padding-block-start: 24px; - --todo-modal-dialog-footer-border-width: 1px; - --todo-modal-dialog-footer-border-color: transparent; - --todo-modal-dialog-footer-background-color: transparent; - --todo-modal-dialog-footer-padding-block-end: 16px; - --todo-modal-dialog-footer-padding-inline-end: 16px; - --todo-modal-dialog-footer-padding-inline-start: 16px; - --todo-modal-dialog-footer-padding-block-start: 16px; - --todo-modal-dialog-color: #122529; - --todo-modal-dialog-background-color: #FFFFFF; - --todo-modal-dialog-border-color: transparent; - --todo-modal-dialog-header-border-width: 1px; - --todo-modal-dialog-header-column-gap: 8px; - --todo-modal-dialog-header-border-color: #122529; - --todo-modal-dialog-header-label-line-height: 150%; - --todo-modal-dialog-header-label-font-size: 18px; - --todo-modal-dialog-header-label-font-weight: 600; - --todo-modal-dialog-header-label-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --todo-modal-dialog-header-label-color: #122529; - --todo-modal-dialog-header-background-color: transparent; - --todo-modal-dialog-header-padding-block-end: 8px; - --todo-modal-dialog-header-padding-inline-end: 8px; - --todo-modal-dialog-header-padding-inline-start: 16px; - --todo-modal-dialog-header-padding-block-start: 8px; - --todo-modal-dialog-box-shadow: [object Object]; - --todo-modal-dialog-border-radius: 16px; - --todo-pagination-description-font-weight: 400; - --todo-pagination-description-color: #122529; - --todo-pagination-ellipses-font-weight: 400; - --todo-pagination-ellipses-color: #787D87; - --todo-pagination-ellipses-padding-inline-start: 4px; - --todo-pagination-ellipses-padding-inline-end: 4px; - --todo-pagination-ellipses-padding-block-start: 12px; - --todo-pagination-ellipses-padding-block-end: 12px; - --todo-pagination-font-size: 18px; - --todo-pagination-line-height: 150%; - --todo-pagination-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --todo-pagination-page-link-min-inline-size: 48px; - --todo-pagination-page-link-min-block-size: 48px; - --todo-pagination-page-link-color: #850B48; - --todo-pagination-page-link-border-color: transparent; - --todo-pagination-page-link-background-color: transparent; - --todo-pagination-page-link-active-color: #55072E; - --todo-pagination-page-link-active-border-color: transparent; - --todo-pagination-page-link-active-background-color: transparent; - --todo-pagination-page-link-active-text-decoration: underline; - --todo-pagination-page-link-text-decoration: none; - --todo-pagination-page-link-hover-color: #39051F; - --todo-pagination-page-link-hover-border-color: transparent; - --todo-pagination-page-link-hover-background-color: transparent; - --todo-pagination-page-link-hover-text-decoration: underline; - --todo-pagination-page-link-focus-color: #000000; - --todo-pagination-page-link-focus-background-color: #9DFF40; - --todo-pagination-page-link-focus-text-decoration: none; - --todo-pagination-page-link-padding-inline-start: 12px; - --todo-pagination-page-link-padding-inline-end: 12px; - --todo-pagination-page-link-padding-block-start: 12px; - --todo-pagination-page-link-padding-block-end: 12px; - --todo-pagination-page-link-border-radius: 0px; - --todo-pagination-page-link-current-color: #122529; - --todo-pagination-page-link-current-border-color: transparent; - --todo-pagination-page-link-current-background-color: #E4E5E7; - --todo-pagination-page-link-current-text-decoration: none; - --todo-pagination-page-link-current-font-weight: 600; - --todo-pagination-page-link-font-weight: 400; - --todo-pagination-page-link-border-width: 1px; - --todo-pagination-relative-link-disabled-color: #93979F; - --todo-pagination-relative-link-disabled-border-color: transparent; - --todo-pagination-relative-link-disabled-background-color: transparent; - --todo-pagination-relative-link-min-inline-size: 48px; - --todo-pagination-relative-link-min-block-size: 48px; - --todo-pagination-relative-link-font-weight: 400; - --todo-pagination-relative-link-border-radius: 0px; - --todo-pagination-relative-link-text-decoration: none; - --todo-pagination-relative-link-hover-text-decoration: underline; - --todo-pagination-relative-link-hover-color: #39051F; - --todo-pagination-relative-link-hover-border-color: transparent; - --todo-pagination-relative-link-hover-background-color: transparent; - --todo-pagination-relative-link-focus-text-decoration: none; - --todo-pagination-relative-link-focus-color: #000000; - --todo-pagination-relative-link-focus-background-color: #9DFF40; - --todo-pagination-relative-link-active-text-decoration: underline; - --todo-pagination-relative-link-active-color: #55072E; - --todo-pagination-relative-link-active-border-color: transparent; - --todo-pagination-relative-link-active-background-color: transparent; - --todo-pagination-relative-link-color: #850B48; - --todo-pagination-relative-link-border-color: transparent; - --todo-pagination-relative-link-background-color: transparent; - --todo-pagination-relative-link-padding-inline-end: 0px; - --todo-pagination-relative-link-padding-inline-start: 0px; - --todo-pagination-relative-link-padding-block-start: 12px; - --todo-pagination-relative-link-padding-block-end: 12px; - --todo-pagination-relative-link-icon-size: 24px; - --todo-pagination-relative-link-icon-margin-inline: 4px; - --todo-pagination-relative-link-border-width: 1px; - --todo-radio-group-row-gap: 16px; - --todo-radio-group-padding-block-start: 8px; - --todo-radio-group-padding-block-end: 8px; - --todo-task-list-row-gap: 16px; - --todo-task-list-item-margin-block-start: 4px; - --todo-task-list-item-margin-block-end: 4px; - --todo-task-list-item-column-gap: 12px; - --todo-task-list-line-height: 150%; - --todo-task-list-font-weight: 400; - --todo-task-list-font-size: 18px; - --todo-task-list-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --todo-task-list-marker-border-radius: 0px; - --todo-task-list-marker-not-checked-border-color: #484B51; - --todo-task-list-marker-not-checked-background-color: #C9CBCF; - --todo-task-list-marker-border-width: 1px; - --todo-task-list-marker-icon-size: 16px; - --todo-task-list-marker-size: 24px; - --todo-task-list-marker-checked-border-color: transparent; - --todo-task-list-marker-checked-background-color: #16822D; - --todo-task-list-marker-checked-color: #FFFFFF; - --todo-task-list-color: #122529; - --todo-toolbar-button-padding-inline-start: 8px; - --todo-toolbar-button-padding-inline-end: 8px; - --todo-toolbar-button-padding-block-start: 12px; - --todo-toolbar-button-padding-block-end: 12px; - --todo-toolbar-button-icon-margin-inline: 4px; - --utrecht-page-padding-block-end: 32px; - --utrecht-page-padding-block-start: 16px; - --utrecht-page-padding-inline-end: 16px; - --utrecht-page-padding-inline-start: 16px; - --utrecht-page-margin-block-start: 32px; - --utrecht-page-margin-block-end: 32px; - --utrecht-page-max-inline-size: 800px; - --utrecht-feedback-warning-color: #764504; - --utrecht-feedback-warning-border-color: #D57B07; - --utrecht-feedback-warning-background-color: #FDEDD8; - --utrecht-feedback-positive-color: #0D4A1E; - --utrecht-feedback-positive-border-color: #16822D; - --utrecht-feedback-positive-background-color: #DDF8E4; - --utrecht-feedback-negative-color: #920707; - --utrecht-feedback-negative-border-color: #BA1212; - --utrecht-feedback-negative-background-color: #FDECEC; - --utrecht-feedback-informative-color: #1F4047; - --utrecht-feedback-informative-border-color: #3C8790; - --utrecht-feedback-informative-background-color: #D4F2F7; - --utrecht-icon-toptask-size: 48px; - --utrecht-icon-functional-size: 24px; - --utrecht-pointer-target-min-size: 48px; - --utrecht-form-control-placeholder-color: #60646C; - --utrecht-form-control-read-only-color: #303236; - --utrecht-form-control-read-only-border-color: #484B51; - --utrecht-form-control-read-only-background-color: #C9CBCF; - --utrecht-form-control-invalid-color: #920707; - --utrecht-form-control-invalid-border-width: 2px; - --utrecht-form-control-invalid-border-color: #BA1212; - --utrecht-form-control-invalid-background-color: #FFFFFF; - --utrecht-form-control-hover-color: #122529; - --utrecht-form-control-hover-border-width: 2px; - --utrecht-form-control-hover-border-color: #303236; - --utrecht-form-control-hover-background-color: #E4E5E7; - --utrecht-form-control-hover-accent-color: #39051F; - --utrecht-form-control-focus-color: #39051F; - --utrecht-form-control-focus-border-width: 2px; - --utrecht-form-control-focus-border-color: #122529; - --utrecht-form-control-focus-background-color: #FFFFFF; - --utrecht-form-control-disabled-color: #303236; - --utrecht-form-control-disabled-border-color: #484B51; - --utrecht-form-control-disabled-background-color: #C9CBCF; - --utrecht-form-control-disabled-accent-color: #303236; - --utrecht-form-control-active-color: #122529; - --utrecht-form-control-active-border-width: 2px; - --utrecht-form-control-active-border-color: #484B51; - --utrecht-form-control-active-background-color: #C9CBCF; - --utrecht-form-control-active-accent-color: #3C8790; - --utrecht-form-control-color: #1F4047; - --utrecht-form-control-border-width: 1px; - --utrecht-form-control-border-color: #484B51; - --utrecht-form-control-background-color: #FFFFFF; - --utrecht-form-control-accent-color: #4BA7B2; - --utrecht-focus-outline-width: 2px; - --utrecht-focus-outline-style: dotted; - --utrecht-focus-outline-offset: 0; - --utrecht-focus-inverse-outline-color: #9DFF40; - --utrecht-focus-outline-color: #000000; - --utrecht-focus-color: #000000; - --utrecht-focus-background-color: #9DFF40; - --utrecht-interaction-inverse-color: #FFFFFF; - --utrecht-interaction-hover-inverse-color: #FFFFFF; - --utrecht-interaction-hover-color: #39051F; - --utrecht-interaction-active-inverse-color: #FFFFFF; - --utrecht-interaction-active-color: #55072E; - --utrecht-interaction-color: #850B48; - --utrecht-line-border-width: 1px; - --utrecht-line-border-color: #122529; - --utrecht-container-border-width: 1px; - --utrecht-container-border-color: #122529; - --utrecht-heading-font-weight: 600; - --utrecht-heading-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-heading-color: #122529; - --utrecht-document-line-height: 150%; - --utrecht-document-strong-font-weight: 600; - --utrecht-document-font-weight: 400; - --utrecht-document-font-size: 18px; - --utrecht-document-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-document-subtle-color: #787D87; - --utrecht-document-inverse-color: #FFFFFF; - --utrecht-document-inverse-background-color: #122529; - --utrecht-document-color: #122529; - --utrecht-document-background-color: #FFFFFF; - --utrecht-root-background-color: #FFFFFF; - --utrecht-accordion-button-font-weight: 600; - --utrecht-accordion-button-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-accordion-button-border-width: 1px; - --utrecht-accordion-button-active-color: #55072E; - --utrecht-accordion-button-active-border-color: transparent; - --utrecht-accordion-button-active-background-color: #FFFFFF; - --utrecht-accordion-button-focus-color: #000000; - --utrecht-accordion-button-focus-border-color: transparent; - --utrecht-accordion-button-focus-background-color: #9DFF40; - --utrecht-accordion-button-color: #850B48; - --utrecht-accordion-button-border-color: transparent; - --utrecht-accordion-button-background-color: #FFFFFF; - --utrecht-accordion-button-expanded-color: #850B48; - --utrecht-accordion-button-expanded-border-color: transparent; - --utrecht-accordion-button-expanded-background-color: #FFFFFF; - --utrecht-accordion-button-hover-color: #39051F; - --utrecht-accordion-button-hover-border-color: transparent; - --utrecht-accordion-button-hover-background-color: #FFFFFF; - --utrecht-accordion-button-padding-inline-start: 16px; - --utrecht-accordion-button-padding-inline-end: 16px; - --utrecht-accordion-button-padding-block-start: 12px; - --utrecht-accordion-button-padding-block-end: 12px; - --utrecht-accordion-button-icon-size: 24px; - --utrecht-accordion-button-icon-margin-inline: 8px; - --utrecht-accordion-button-line-height: 150%; - --utrecht-accordion-button-font-size: 18px; - --utrecht-accordion-body-padding-inline-start: 16px; - --utrecht-accordion-body-padding-inline-end: 16px; - --utrecht-accordion-body-padding-block-start: 24px; - --utrecht-accordion-body-padding-block-end: 24px; - --utrecht-accordion-body-border-width: 4px; - --utrecht-accordion-body-border-color: transparent; - --utrecht-accordion-section-border-color: #122529; - --utrecht-accordion-section-border-width: auto; - --utrecht-accordion-section-border-block-end-width: 1px; - --utrecht-accordion-border-radius: 0px; - --utrecht-alert-content-row-gap: 8px; - --utrecht-alert-message-padding-block-start: 8px; - --utrecht-alert-message-padding-block-end: 12px; - --utrecht-alert-message-row-gap: 8px; - --utrecht-alert-warning-color: #122529; - --utrecht-alert-warning-border-color: #D57B07; - --utrecht-alert-warning-background-color: #FDEDD8; - --utrecht-alert-positive-color: #122529; - --utrecht-alert-positive-border-color: #16822D; - --utrecht-alert-positive-background-color: #DDF8E4; - --utrecht-alert-negative-color: #122529; - --utrecht-alert-negative-border-color: #BA1212; - --utrecht-alert-negative-background-color: #FDECEC; - --utrecht-alert-icon-size: 24px; - --utrecht-alert-icon-warning-color: #764504; - --utrecht-alert-icon-negative-color: #920707; - --utrecht-alert-icon-positive-color: #0D4A1E; - --utrecht-alert-icon-padding-inline-start: 0px; - --utrecht-alert-icon-padding-inline-end: 0px; - --utrecht-alert-icon-padding-block-start: 12px; - --utrecht-alert-icon-padding-block-end: 12px; - --utrecht-alert-icon-informative-color: #1F4047; - --utrecht-alert-informative-color: #122529; - --utrecht-alert-informative-border-color: #3C8790; - --utrecht-alert-informative-background-color: #D4F2F7; - --utrecht-alert-padding-inline-start: 16px; - --utrecht-alert-padding-inline-end: 16px; - --utrecht-alert-padding-block-start: 12px; - --utrecht-alert-padding-block-end: 12px; - --utrecht-alert-border-width: 2px; - --utrecht-alert-column-gap: 8px; - --utrecht-alert-heading-font-size: 24px; - --utrecht-alert-heading-line-height: 125%; - --utrecht-alert-heading-font-weight: 600; - --utrecht-alert-heading-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-blockquote-background-color: transparent; - --utrecht-blockquote-padding-inline-start: 0px; - --utrecht-blockquote-padding-inline-end: 0px; - --utrecht-blockquote-padding-block-start: 12px; - --utrecht-blockquote-padding-block-end: 12px; - --utrecht-blockquote-content-color: #122529; - --utrecht-blockquote-content-font-size: 24px; - --utrecht-blockquote-content-font-weight: 400; - --utrecht-blockquote-content-line-height: 125%; - --utrecht-blockquote-content-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-blockquote-attribution-color: #787D87; - --utrecht-blockquote-attribution-padding-block-start: 12px; - --utrecht-blockquote-attribution-font-weight: 400; - --utrecht-blockquote-attribution-line-height: 150%; - --utrecht-blockquote-attribution-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-blockquote-attribution-font-size: 16px; - --utrecht-button-min-inline-size: 48px; - --utrecht-button-min-block-size: 48px; - --utrecht-button-active-color: #55072E; - --utrecht-button-active-border-color: #55072E; - --utrecht-button-active-background-color: #FFFFFF; - --utrecht-button-hover-color: #39051F; - --utrecht-button-hover-border-color: #39051F; - --utrecht-button-hover-background-color: #FFFFFF; - --utrecht-button-focus-color: #000000; - --utrecht-button-focus-border-color: transparent; - --utrecht-button-focus-background-color: #9DFF40; - --utrecht-button-disabled-color: #303236; - --utrecht-button-disabled-border-color: transparent; - --utrecht-button-disabled-background-color: #C9CBCF; - --utrecht-button-padding-inline-start: 16px; - --utrecht-button-padding-inline-end: 16px; - --utrecht-button-padding-block-start: 12px; - --utrecht-button-padding-block-end: 12px; - --utrecht-button-line-height: 150%; - --utrecht-button-subtle-active-color: #55072E; - --utrecht-button-subtle-active-border-color: transparent; - --utrecht-button-subtle-active-background-color: #FFFFFF; - --utrecht-button-subtle-focus-color: #000000; - --utrecht-button-subtle-focus-border-color: transparent; - --utrecht-button-subtle-focus-background-color: #9DFF40; - --utrecht-button-subtle-disabled-color: #303236; - --utrecht-button-subtle-disabled-border-color: transparent; - --utrecht-button-subtle-disabled-background-color: #C9CBCF; - --utrecht-button-subtle-color: #850B48; - --utrecht-button-subtle-border-color: transparent; - --utrecht-button-subtle-background-color: transparent; - --utrecht-button-subtle-hover-color: #39051F; - --utrecht-button-subtle-hover-border-color: transparent; - --utrecht-button-subtle-hover-background-color: transparent; - --utrecht-button-subtle-font-weight: 600; - --utrecht-button-font-weight: 600; - --utrecht-button-font-size: 18px; - --utrecht-button-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-button-icon-margin-inline: 4px; - --utrecht-button-icon-size: 24px; - --utrecht-button-border-width: 1px; - --utrecht-button-border-radius: 8px; - --utrecht-button-color: #850B48; - --utrecht-button-border-color: #850B48; - --utrecht-button-background-color: transparent; - --utrecht-button-secondary-action-active-color: #55072E; - --utrecht-button-secondary-action-active-border-color: #55072E; - --utrecht-button-secondary-action-active-background-color: #E4E5E7; - --utrecht-button-secondary-action-font-weight: 600; - --utrecht-button-secondary-action-focus-color: #000000; - --utrecht-button-secondary-action-focus-border-color: transparent; - --utrecht-button-secondary-action-focus-background-color: #9DFF40; - --utrecht-button-secondary-action-disabled-color: #93979F; - --utrecht-button-secondary-action-disabled-border-color: transparent; - --utrecht-button-secondary-action-disabled-background-color: #E4E5E7; - --utrecht-button-secondary-action-color: #850B48; - --utrecht-button-secondary-action-border-color: #850B48; - --utrecht-button-secondary-action-background-color: #FFFFFF; - --utrecht-button-secondary-action-hover-color: #39051F; - --utrecht-button-secondary-action-hover-border-color: #39051F; - --utrecht-button-secondary-action-hover-background-color: #E4E5E7; - --utrecht-button-primary-action-active-color: #FFFFFF; - --utrecht-button-primary-action-active-border-color: transparent; - --utrecht-button-primary-action-active-background-color: #55072E; - --utrecht-button-primary-action-font-weight: 600; - --utrecht-button-primary-action-focus-color: #000000; - --utrecht-button-primary-action-focus-border-color: transparent; - --utrecht-button-primary-action-focus-background-color: #9DFF40; - --utrecht-button-primary-action-disabled-color: #93979F; - --utrecht-button-primary-action-disabled-border-color: transparent; - --utrecht-button-primary-action-disabled-background-color: #C9CBCF; - --utrecht-button-primary-action-color: #FFFFFF; - --utrecht-button-primary-action-border-color: transparent; - --utrecht-button-primary-action-background-color: #850B48; - --utrecht-button-primary-action-hover-color: #FFFFFF; - --utrecht-button-primary-action-hover-border-color: transparent; - --utrecht-button-primary-action-hover-background-color: #39051F; - --utrecht-button-group-row-gap: 8px; - --utrecht-button-group-padding-block-start: 0px; - --utrecht-button-group-padding-block-end: 0px; - --utrecht-button-group-margin-block-start: 0px; - --utrecht-button-group-margin-block-end: 0px; - --utrecht-button-group-column-gap: 8px; - --utrecht-button-group-background-color: transparent; - --utrecht-checkbox-active-border-color: #484B51; - --utrecht-checkbox-active-background-color: #C9CBCF; - --utrecht-checkbox-active-border-width: 2px; - --utrecht-checkbox-hover-border-color: #303236; - --utrecht-checkbox-hover-background-color: #E4E5E7; - --utrecht-checkbox-hover-border-width: 2px; - --utrecht-checkbox-border-width: 1px; - --utrecht-checkbox-indeterminate-focus-border-width: 2px; - --utrecht-checkbox-indeterminate-focus-color: #39051F; - --utrecht-checkbox-indeterminate-focus-border-color: #122529; - --utrecht-checkbox-indeterminate-focus-background-color: #FFFFFF; - --utrecht-checkbox-indeterminate-hover-border-width: 2px; - --utrecht-checkbox-indeterminate-hover-color: #FFFFFF; - --utrecht-checkbox-indeterminate-hover-border-color: transparent; - --utrecht-checkbox-indeterminate-hover-background-color: #39051F; - --utrecht-checkbox-indeterminate-active-border-width: 2px; - --utrecht-checkbox-indeterminate-active-color: #FFFFFF; - --utrecht-checkbox-indeterminate-active-border-color: transparent; - --utrecht-checkbox-indeterminate-active-background-color: #3C8790; - --utrecht-checkbox-indeterminate-disabled-color: #FFFFFF; - --utrecht-checkbox-indeterminate-disabled-border-color: transparent; - --utrecht-checkbox-indeterminate-disabled-background-color: #303236; - --utrecht-checkbox-indeterminate-border-width: 1px; - --utrecht-checkbox-indeterminate-color: #FFFFFF; - --utrecht-checkbox-indeterminate-border-color: transparent; - --utrecht-checkbox-indeterminate-background-color: #4BA7B2; - --utrecht-checkbox-checked-active-color: #FFFFFF; - --utrecht-checkbox-checked-active-border-color: transparent; - --utrecht-checkbox-checked-active-background-color: #3C8790; - --utrecht-checkbox-checked-active-border-width: 2px; - --utrecht-checkbox-checked-hover-color: #FFFFFF; - --utrecht-checkbox-checked-hover-border-color: transparent; - --utrecht-checkbox-checked-hover-background-color: #39051F; - --utrecht-checkbox-checked-hover-border-width: 2px; - --utrecht-checkbox-checked-focus-color: #39051F; - --utrecht-checkbox-checked-focus-border-color: #122529; - --utrecht-checkbox-checked-focus-background-color: #FFFFFF; - --utrecht-checkbox-checked-focus-border-width: 2px; - --utrecht-checkbox-checked-disabled-color: #FFFFFF; - --utrecht-checkbox-checked-disabled-border-color: transparent; - --utrecht-checkbox-checked-disabled-background-color: #303236; - --utrecht-checkbox-checked-border-width: 1px; - --utrecht-checkbox-checked-color: #FFFFFF; - --utrecht-checkbox-checked-border-color: transparent; - --utrecht-checkbox-checked-background-color: #4BA7B2; - --utrecht-checkbox-disabled-border-color: #484B51; - --utrecht-checkbox-disabled-background-color: #C9CBCF; - --utrecht-checkbox-focus-border-width: 2px; - --utrecht-checkbox-focus-border-color: #122529; - --utrecht-checkbox-focus-background-color: #FFFFFF; - --utrecht-checkbox-invalid-border-width: 2px; - --utrecht-checkbox-invalid-border-color: #BA1212; - --utrecht-checkbox-invalid-background-color: #FFFFFF; - --utrecht-checkbox-border-color: #484B51; - --utrecht-checkbox-background-color: #FFFFFF; - --utrecht-checkbox-icon-size: 24px; - --utrecht-checkbox-size: 24px; - --utrecht-checkbox-border-radius: 0px; - --utrecht-counter-badge-padding-block: 4px; - --utrecht-counter-badge-padding-inline: 8px; - --utrecht-counter-badge-color: #122529; - --utrecht-counter-badge-border-color: #4BA7B2; - --utrecht-counter-badge-background-color: #AAE5EE; - --utrecht-counter-badge-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-counter-badge-border-radius: 999px; - --utrecht-counter-badge-border-width: 1px; - --utrecht-counter-badge-font-weight: 600; - --utrecht-counter-badge-min-inline-size: 24px; - --utrecht-counter-badge-min-block-size: 24px; - --utrecht-counter-badge-line-height: 150%; - --utrecht-counter-badge-font-size: 16px; - --utrecht-drawer-header-label-line-height: 150%; - --utrecht-drawer-header-label-font-weight: 600; - --utrecht-drawer-header-label-font-size: 18px; - --utrecht-drawer-header-label-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-form-field-invalid-padding-inline-start: 16px; - --utrecht-form-field-invalid-border-inline-start-width: 2px; - --utrecht-form-field-invalid-border-inline-start-color: #BA1212; - --utrecht-form-field-description-line-height: 150%; - --utrecht-form-field-description-font-weight: 400; - --utrecht-form-field-description-font-size: 18px; - --utrecht-form-field-description-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-form-field-description-color: #787D87; - --utrecht-form-field-error-message-line-height: 150%; - --utrecht-form-field-error-message-font-weight: 400; - --utrecht-form-field-error-message-font-size: 18px; - --utrecht-form-field-error-message-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-form-field-error-message-color: #920707; - --utrecht-heading-6-font-size: 16px; - --utrecht-heading-6-line-height: 150%; - --utrecht-heading-6-font-weight: 600; - --utrecht-heading-6-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-heading-6-color: #122529; - --utrecht-heading-5-font-size: 18px; - --utrecht-heading-5-line-height: 150%; - --utrecht-heading-5-font-weight: 600; - --utrecht-heading-5-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-heading-5-color: #122529; - --utrecht-heading-4-font-size: 20px; - --utrecht-heading-4-line-height: 150%; - --utrecht-heading-4-font-weight: 600; - --utrecht-heading-4-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-heading-4-color: #122529; - --utrecht-heading-3-font-size: 24px; - --utrecht-heading-3-line-height: 125%; - --utrecht-heading-3-font-weight: 600; - --utrecht-heading-3-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-heading-3-color: #122529; - --utrecht-heading-2-font-size: 32px; - --utrecht-heading-2-line-height: 125%; - --utrecht-heading-2-font-weight: 600; - --utrecht-heading-2-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-heading-2-color: #122529; - --utrecht-heading-1-font-size: 40px; - --utrecht-heading-1-line-height: 125%; - --utrecht-heading-1-font-weight: 600; - --utrecht-heading-1-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-heading-1-color: #122529; - --utrecht-link-font-weight: 400; - --utrecht-link-text-underline-offset: auto; - --utrecht-link-text-decoration-thickness: auto; - --utrecht-link-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-link-font-size: 18px; - --utrecht-link-icon-margin-inline: 4px; - --utrecht-link-icon-size: 24px; - --utrecht-link-text-decoration: underline; - --utrecht-link-visited-color: #850B48; - --utrecht-link-hover-text-decoration-thickness: auto; - --utrecht-link-hover-text-decoration: none; - --utrecht-link-hover-color: #39051F; - --utrecht-link-focus-text-decoration-thickness: auto; - --utrecht-link-focus-text-decoration: none; - --utrecht-link-focus-color: #000000; - --utrecht-link-focus-background-color: #9DFF40; - --utrecht-link-active-text-decoration: none; - --utrecht-link-active-color: #55072E; - --utrecht-link-text-decoration-color: #850B48; - --utrecht-link-color: #850B48; - --utrecht-link-line-height: 150%; - --utrecht-ordered-list-item-margin-block-start: 4px; - --utrecht-ordered-list-item-margin-block-end: 4px; - --utrecht-ordered-list-line-height: 150%; - --utrecht-ordered-list-font-size: 18px; - --utrecht-ordered-list-font-weight: 400; - --utrecht-ordered-list-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-ordered-list-color: #122529; - --utrecht-ordered-list-padding-inline-start: 24px; - --utrecht-paragraph-small-print-line-height: 150%; - --utrecht-paragraph-small-print-font-weight: 400; - --utrecht-paragraph-small-print-font-size: 16px; - --utrecht-paragraph-small-print-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-paragraph-small-print-color: #122529; - --utrecht-paragraph-lead-line-height: 150%; - --utrecht-paragraph-lead-font-weight: 400; - --utrecht-paragraph-lead-font-size: 20px; - --utrecht-paragraph-lead-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-paragraph-lead-color: #122529; - --utrecht-paragraph-line-height: 150%; - --utrecht-paragraph-font-weight: 400; - --utrecht-paragraph-font-size: 18px; - --utrecht-paragraph-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-paragraph-color: #122529; - --utrecht-radio-border-width: 1px; - --utrecht-radio-border-radius: 999px; - --utrecht-radio-hover-border-width: 2px; - --utrecht-radio-hover-border-color: #303236; - --utrecht-radio-hover-background-color: #E4E5E7; - --utrecht-radio-checked-border-width: 1px; - --utrecht-radio-checked-disabled-color: #FFFFFF; - --utrecht-radio-checked-disabled-border-color: transparent; - --utrecht-radio-checked-disabled-background-color: #303236; - --utrecht-radio-checked-focus-border-width: 2px; - --utrecht-radio-checked-focus-color: #39051F; - --utrecht-radio-checked-focus-border-color: #122529; - --utrecht-radio-checked-focus-background-color: #FFFFFF; - --utrecht-radio-checked-active-border-width: 2px; - --utrecht-radio-checked-active-color: #FFFFFF; - --utrecht-radio-checked-active-border-color: transparent; - --utrecht-radio-checked-active-background-color: #3C8790; - --utrecht-radio-checked-hover-border-width: 2px; - --utrecht-radio-checked-hover-color: #FFFFFF; - --utrecht-radio-checked-hover-border-color: transparent; - --utrecht-radio-checked-hover-background-color: #39051F; - --utrecht-radio-checked-color: #FFFFFF; - --utrecht-radio-checked-border-color: transparent; - --utrecht-radio-checked-background-color: #4BA7B2; - --utrecht-radio-disabled-border-color: #484B51; - --utrecht-radio-disabled-background-color: #C9CBCF; - --utrecht-radio-focus-border-width: 2px; - --utrecht-radio-focus-border-color: #122529; - --utrecht-radio-focus-background-color: #FFFFFF; - --utrecht-radio-invalid-border-width: 2px; - --utrecht-radio-invalid-border-color: #BA1212; - --utrecht-radio-invalid-background-color: #FFFFFF; - --utrecht-radio-border-color: #484B51; - --utrecht-radio-background-color: #FFFFFF; - --utrecht-radio-dot-size: 8px; - --utrecht-radio-size: 24px; - --utrecht-radio-active-border-color: #484B51; - --utrecht-radio-active-background-color: #C9CBCF; - --utrecht-radio-active-border-width: 2px; - --utrecht-select-max-inline-size: 400px; - --utrecht-select-font-size: 18px; - --utrecht-select-line-height: 150%; - --utrecht-select-font-weight: 400; - --utrecht-select-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-select-border-width: 1px; - --utrecht-select-border-bottom-width: auto; - --utrecht-select-border-radius: 0px; - --utrecht-select-padding-inline-start: 12px; - --utrecht-select-padding-inline-end: 12px; - --utrecht-select-padding-block-start: 12px; - --utrecht-select-padding-block-end: 12px; - --utrecht-select-hover-border-width: 2px; - --utrecht-select-hover-color: #122529; - --utrecht-select-hover-border-color: #303236; - --utrecht-select-hover-background-color: #E4E5E7; - --utrecht-select-disabled-color: #303236; - --utrecht-select-disabled-border-color: #484B51; - --utrecht-select-disabled-background-color: #C9CBCF; - --utrecht-select-focus-border-width: 2px; - --utrecht-select-focus-color: #39051F; - --utrecht-select-focus-border-color: #122529; - --utrecht-select-focus-background-color: #FFFFFF; - --utrecht-select-invalid-border-width: 2px; - --utrecht-select-invalid-color: #1F4047; - --utrecht-select-invalid-border-color: #BA1212; - --utrecht-select-invalid-background-color: #FFFFFF; - --utrecht-select-color: #1F4047; - --utrecht-select-border-color: #484B51; - --utrecht-select-background-color: #FFFFFF; - --utrecht-select-icon-size: 24px; - --utrecht-separator-padding-block-start: 12px; - --utrecht-separator-padding-block-end: 12px; - --utrecht-separator-block-size: 4px; - --utrecht-separator-color: #122529; - --utrecht-skip-link-text-decoration: underline; - --utrecht-skip-link-box-block-end-shadow: [object Object]; - --utrecht-skip-link-border-width: 1px; - --utrecht-skip-link-color: #FFFFFF; - --utrecht-skip-link-border-color: transparent; - --utrecht-skip-link-background-color: #122529; - --utrecht-skip-link-focus-text-decoration: none; - --utrecht-skip-link-focus-color: #000000; - --utrecht-skip-link-focus-border-color: transparent; - --utrecht-skip-link-focus-background-color: #9DFF40; - --utrecht-skip-link-padding-inline-start: 16px; - --utrecht-skip-link-padding-inline-end: 16px; - --utrecht-skip-link-padding-block-start: 12px; - --utrecht-skip-link-padding-block-end: 12px; - --utrecht-skip-link-min-inline-size: 48px; - --utrecht-skip-link-min-block-size: 48px; - --utrecht-skip-link-line-height: 150%; - --utrecht-skip-link-font-size: 18px; - --utrecht-skip-link-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-skip-link-font-weight: 600; - --utrecht-status-badge-color: #FFFFFF; - --utrecht-status-badge-border-color: transparent; - --utrecht-status-badge-background-color: #1F4047; - --utrecht-status-badge-warning-color: #764504; - --utrecht-status-badge-warning-border-color: transparent; - --utrecht-status-badge-warning-background-color: #FDEDD8; - --utrecht-status-badge-negative-color: #920707; - --utrecht-status-badge-negative-border-color: transparent; - --utrecht-status-badge-negative-background-color: #FDECEC; - --utrecht-status-badge-positive-color: #0D4A1E; - --utrecht-status-badge-positive-border-color: transparent; - --utrecht-status-badge-positive-background-color: #DDF8E4; - --utrecht-status-badge-informative-color: #1F4047; - --utrecht-status-badge-informative-border-color: transparent; - --utrecht-status-badge-informative-background-color: #D4F2F7; - --utrecht-status-badge-padding-block: 2px; - --utrecht-status-badge-padding-inline: 4px; - --utrecht-status-badge-border-radius: 4px; - --utrecht-status-badge-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-status-badge-border-width: 1px; - --utrecht-status-badge-font-weight: 600; - --utrecht-status-badge-line-height: 150%; - --utrecht-status-badge-font-size: 16px; - --utrecht-table-container-box-inline-start-shadow: [object Object]; - --utrecht-table-container-box-inline-end-shadow: [object Object]; - --utrecht-table-footer-cell-line-height: 150%; - --utrecht-table-footer-cell-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-table-footer-cell-color: #122529; - --utrecht-table-footer-cell-font-size: 18px; - --utrecht-table-footer-cell-font-weight: 600; - --utrecht-table-row-background-color: transparent; - --utrecht-table-row-border-block-end-color: #122529; - --utrecht-table-row-border-block-end-width: 1px; - --utrecht-table-footer-background-color: transparent; - --utrecht-table-footer-border-block-end-color: #122529; - --utrecht-table-footer-border-block-end-width: 1px; - --utrecht-table-header-background-color: transparent; - --utrecht-table-header-border-block-end-color: #122529; - --utrecht-table-header-border-block-end-width: 2px; - --utrecht-table-data-cell-font-size: 18px; - --utrecht-table-data-cell-line-height: 150%; - --utrecht-table-data-cell-font-weight: 400; - --utrecht-table-data-cell-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-table-data-cell-color: #122529; - --utrecht-table-cell-padding-inline-start: 16px; - --utrecht-table-cell-padding-inline-end: 16px; - --utrecht-table-cell-padding-block-start: 12px; - --utrecht-table-cell-padding-block-end: 12px; - --utrecht-table-caption-font-size: 24px; - --utrecht-table-caption-font-weight: 600; - --utrecht-table-caption-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-table-caption-color: #122529; - --utrecht-table-caption-margin-block-end: 24px; - --utrecht-table-caption-line-height: 125%; - --utrecht-table-header-cell-font-size: 18px; - --utrecht-table-header-cell-font-weight: 600; - --utrecht-table-header-cell-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-table-header-cell-color: #122529; - --utrecht-table-header-cell-line-height: 150%; - --utrecht-textarea-font-size: 18px; - --utrecht-textarea-line-height: 150%; - --utrecht-textarea-font-weight: 400; - --utrecht-textarea-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-textarea-border-width: 1px; - --utrecht-textarea-border-bottom-width: auto; - --utrecht-textarea-border-radius: 0px; - --utrecht-textarea-hover-border-width: 2px; - --utrecht-textarea-hover-color: #122529; - --utrecht-textarea-hover-border-color: #303236; - --utrecht-textarea-hover-background-color: #E4E5E7; - --utrecht-textarea-read-only-color: #303236; - --utrecht-textarea-read-only-border-color: #484B51; - --utrecht-textarea-read-only-background-color: #C9CBCF; - --utrecht-textarea-disabled-color: #303236; - --utrecht-textarea-disabled-border-color: #484B51; - --utrecht-textarea-disabled-background-color: #C9CBCF; - --utrecht-textarea-focus-border-width: 2px; - --utrecht-textarea-focus-color: #39051F; - --utrecht-textarea-focus-border-color: #122529; - --utrecht-textarea-focus-background-color: #FFFFFF; - --utrecht-textarea-placeholder-color: #60646C; - --utrecht-textarea-invalid-border-width: 2px; - --utrecht-textarea-invalid-color: #1F4047; - --utrecht-textarea-invalid-border-color: #BA1212; - --utrecht-textarea-invalid-background-color: #FFFFFF; - --utrecht-textarea-color: #1F4047; - --utrecht-textarea-border-color: #484B51; - --utrecht-textarea-background-color: #FFFFFF; - --utrecht-textarea-padding-inline-start: 12px; - --utrecht-textarea-padding-inline-end: 12px; - --utrecht-textarea-padding-block-start: 12px; - --utrecht-textarea-padding-block-end: 12px; - --utrecht-textarea-max-inline-size: 400px; - --utrecht-textbox-hover-color: #122529; - --utrecht-textbox-hover-border-color: #303236; - --utrecht-textbox-hover-background-color: #E4E5E7; - --utrecht-textbox-hover-border-width: 2px; - --utrecht-textbox-read-only-color: #303236; - --utrecht-textbox-read-only-border-color: #484B51; - --utrecht-textbox-read-only-background-color: #C9CBCF; - --utrecht-textbox-disabled-color: #303236; - --utrecht-textbox-disabled-border-color: #484B51; - --utrecht-textbox-disabled-background-color: #C9CBCF; - --utrecht-textbox-focus-color: #39051F; - --utrecht-textbox-focus-border-color: #122529; - --utrecht-textbox-focus-background-color: #FFFFFF; - --utrecht-textbox-focus-border-width: 2px; - --utrecht-textbox-border-width: 1px; - --utrecht-textbox-border-block-end-width: auto; - --utrecht-textbox-placeholder-color: #60646C; - --utrecht-textbox-invalid-border-width: 2px; - --utrecht-textbox-invalid-color: #1F4047; - --utrecht-textbox-invalid-border-color: #BA1212; - --utrecht-textbox-invalid-background-color: #FFFFFF; - --utrecht-textbox-color: #1F4047; - --utrecht-textbox-border-color: #484B51; - --utrecht-textbox-background-color: #FFFFFF; - --utrecht-textbox-padding-inline-start: 12px; - --utrecht-textbox-padding-inline-end: 12px; - --utrecht-textbox-padding-block-start: 12px; - --utrecht-textbox-padding-block-end: 12px; - --utrecht-textbox-max-inline-size: 400px; - --utrecht-textbox-line-height: 150%; - --utrecht-textbox-font-weight: 400; - --utrecht-textbox-font-size: 18px; - --utrecht-textbox-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-textbox-border-radius: 0px; - --utrecht-unordered-list-item-margin-block-start: 4px; - --utrecht-unordered-list-item-margin-block-end: 4px; - --utrecht-unordered-list-padding-inline-start: 24px; - --utrecht-unordered-list-line-height: 150%; - --utrecht-unordered-list-font-weight: 400; - --utrecht-unordered-list-font-size: 18px; - --utrecht-unordered-list-font-family: "Fira Sans", Helvetica, Arial, sans-serif; - --utrecht-unordered-list-marker-color: #122529; - --utrecht-unordered-list-marker-border-color: #122529; - --utrecht-unordered-list-color: #122529; -} - -/** - * @license EUPL-1.2 - * Copyright (c) 2021 Gemeente Utrecht - */ -/* Collection of all BEM class names in the component library */ -/* - * TODO: Once every component is a separate npm package, these imports should - * be updated to use a package reference instead of a relative path. - * - * For example: - * @import "../../blockquote/index"; - * - * Will become: - * @import "@utrecht/blockquote/index"; - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2021 Gemeente Utrecht - */ -/* Collection of all BEM class names in the component library */ -/* - * TODO: Once every component is a separate npm package, these imports should - * be updated to use a package reference instead of a relative path. - * - * For example: - * @import "../../blockquote/index"; - * - * Will become: - * @import "@utrecht/blockquote/index"; - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/* stylelint-disable-next-line block-no-empty */ -.utrecht-accordion__section { - break-inside: avoid; - margin-block-end: var(--utrecht-accordion-section-margin-block-end); - margin-block-start: var(--utrecht-accordion-section-margin-block-start); -} - -.utrecht-accordion__button { - --utrecht-button-focus-scale: 1; - --utrecht-button-hover-scale: 1; - --utrecht-button-inline-size: 100%; - --utrecht-button-min-inline-size: 100%; - --utrecht-button-subtle-background-color: var(--utrecht-accordion-button-background-color); - --utrecht-button-subtle-padding-inline-start: var(--utrecht-accordion-button-padding-inline-start); - --utrecht-button-subtle-padding-inline-end: var(--utrecht-accordion-button-padding-inline-end); - --utrecht-button-subtle-padding-block-start: var(--utrecht-accordion-button-padding-block-start); - --utrecht-button-subtle-padding-block-end: var(--utrecht-accordion-button-padding-block-end); - --utrecht-button-subtle-color: var(--utrecht-accordion-button-color); - --utrecht-button-subtle-hover-background-color: var(--utrecht-accordion-button-hover-background-color); - --utrecht-button-subtle-hover-border-color: var(--utrecht-accordion-button-hover-border-color); - --utrecht-button-subtle-hover-color: var(--utrecht-accordion-button-hover-color); - --utrecht-button-subtle-active-background-color: var(--utrecht-accordion-button-active-background-color); - --utrecht-button-subtle-active-border-color: var(--utrecht-accordion-button-active-border-color); - --utrecht-button-subtle-active-color: var(--utrecht-accordion-button-active-color); - --utrecht-button-subtle-focus-background-color: var(--utrecht-accordion-button-focus-background-color); - --utrecht-button-subtle-focus-border-color: var(--utrecht-accordion-button-focus-border-color); - --utrecht-button-subtle-focus-color: var(--utrecht-accordion-button-focus-color); - --utrecht-button-subtle-border-color: var(--utrecht-accordion-button-border-color); - --utrecht-button-subtle-border-width: var(--utrecht-accordion-button-border-width); - --utrecht-button-icon-gap: var(--utrecht-accordion-button-gap, var(--utrecht-space-text-xs)); - align-items: baseline; - justify-content: start !important; - position: relative; - text-align: start; -} - -.utrecht-accordion__button--utrecht[aria-expanded]::after { - background-color: var(--utrecht-accordion-button-icon-utrecht-background-color); - background-position: center; - background-repeat: no-repeat; - block-size: var(--utrecht-accordion-button-icon-size); - content: ""; - inline-size: var(--utrecht-accordion-button-icon-size); - inset-block-start: 0; - inset-inline-end: 0; - position: absolute; -} - -.utrecht-accordion__button--utrecht[aria-expanded=false]::after { - background-image: var(--utrecht-accordion-icon-utrecht-arrow-down, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='M15.866 4.135l-5.32 5.322-5.322-5.322'/%3E%3C/svg%3E")); -} - -.utrecht-accordion__button--utrecht[aria-expanded=true]::after { - background-image: var(--utrecht-accordion-icon-utrecht-arrow-up, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.39' height='14.39'%3E%3Cpath fill='none' stroke='%231D1D1D' stroke-width='3' stroke-miterlimit='10' d='M5.223 9.457l5.32-5.322 5.322 5.322'/%3E%3C/svg%3E")); - background-position: center; - background-repeat: no-repeat; - content: ""; -} - -.utrecht-accordion__button-icon { - display: flex; -} - -.utrecht-accordion__button[aria-expanded=true] .utrecht-accordion__button-icon { - transform: rotate(180deg); -} - -.utrecht-accordion__panel { - border-block-start: none; - border-color: var(--utrecht-accordion-panel-border-color); - border-style: solid; - border-width: var(--utrecht-accordion-panel-border-width); - padding-block-end: var(--utrecht-accordion-panel-padding-block-end); - padding-block-start: var(--utrecht-accordion-panel-padding-block-start); - padding-inline-end: var(--utrecht-accordion-panel-padding-inline-end); - padding-inline-start: var(--utrecht-accordion-panel-padding-inline-start); -} - -.utrecht-accordion__header { - --utrecht-space-around: 0; -} - -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/* No good use case for `--ok` yet */ -/* -Apply `.utrecht-alert-dialog` to any element with this class name, with one exception. - -The HTML `` element must have `display: none` until the `open` attribute is set, -so do not apply these styles to an HTML `` element without `open` attribute. -*/ -.utrecht-alert-dialog:not(dialog:not([open])) { - --utrecht-alert-dialog-margin-block-start: auto; - --utrecht-alert-dialog-margin-block-end: auto; - background-color: var(--_utrecht-alert-background-color, var(--utrecht-alert-background-color)); - border-color: var(--_utrecht-alert-border-color, var(--utrecht-alert-border-color)); - border-radius: var(--utrecht-alert-border-radius, 0); - border-width: var(--_utrecht-alert-border-width, var(--utrecht-alert-border-width, 0)); - color: var(--_utrecht-alert-color, var(--utrecht-alert-color)); - display: grid; - gap: var(--utrecht-alert-icon-gap); - grid-template-areas: "icon message"; - grid-template-columns: 0fr 100fr; - margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-end, 0)); - margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-start, 0)); - padding-block-end: var(--utrecht-alert-padding-block-end); - padding-block-start: var(--utrecht-alert-padding-block-start); - padding-inline-end: var(--utrecht-alert-padding-inline-end); - padding-inline-start: var(--utrecht-alert-padding-inline-start); - border-color: var(--utrecht-alert-dialog-border-color); - border-radius: var(--utrecht-alert-dialog-border-radius, 0); - border-style: solid; - border-width: var(--utrecht-alert-dialog-border-width, 0); /* reset HTML border by default */ - box-shadow: var(--utrecht-alert-dialog-box-shadow); - max-block-size: var(--utrecht-alert-dialog-max-block-size); - max-inline-size: var(--utrecht-alert-dialog-max-inline-size); - min-block-size: var(--utrecht-alert-dialog-min-block-size); - min-inline-size: var(--utrecht-alert-dialog-min-inline-size); -} - -.utrecht-alert-dialog::backdrop { - --_utrecht-backdrop-opacity: var(--utrecht-backdrop-opacity); - --_utrecht-backdrop-fade-in-animation-duration: var(--utrecht-backdrop-fade-in-animation-duration, 0); - animation-duration: min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0)); - animation-name: utrecht-backdrop-fade-in; - animation-timing-function: ease-in-out; - background-color: var(--utrecht-backdrop-background-color); - color: var(--utrecht-backdrop-color); - opacity: var(--_utrecht-backdrop-opacity); - -webkit-user-select: none; - user-select: none; -} - -@media (prefers-reduced-motion: reduce) { - .utrecht-alert-dialog::backdrop { - --_utrecht-backdrop-fade-in-animation-duration: 0; - } -} -@media (prefers-reduced-transparency: reduce) { - .utrecht-alert-dialog::backdrop { - --_utrecht-backdrop-opacity: var(--utrecht-backdrop-reduced-transparency-opacity, 100%); - } -} -.utrecht-alert-dialog__icon { - --utrecht-icon-color: var(--_utrecht-alert-icon-color, var(--utrecht-alert-icon-color)); - grid-area: icon; -} - -.utrecht-alert-dialog__message { - grid-area: message; -} - -.utrecht-alert-dialog--error { - --_utrecht-alert-icon-color: var(--utrecht-alert-icon-error-color); - --_utrecht-alert-background-color: var(--utrecht-alert-error-background-color); - --_utrecht-alert-border-color: var(--utrecht-alert-error-border-color); - --_utrecht-alert-border-width: var(--utrecht-alert-error-border-width); - --_utrecht-alert-color: var(--utrecht-alert-error-color); -} - -.utrecht-alert-dialog--info { - --_utrecht-alert-icon-color: var(--utrecht-alert-icon-info-color); - --_utrecht-alert-background-color: var(--utrecht-alert-info-background-color); - --_utrecht-alert-border-color: var(--utrecht-alert-info-border-color); - --_utrecht-alert-border-width: var(--utrecht-alert-info-border-width); - --_utrecht-alert-color: var(--utrecht-alert-info-color); -} - -.utrecht-alert-dialog--warning { - --_utrecht-alert-icon-color: var(--utrecht-alert-icon-warning-color); - --_utrecht-alert-background-color: var(--utrecht-alert-warning-background-color); - --_utrecht-alert-border-color: var(--utrecht-alert-warning-border-color); - --_utrecht-alert-border-width: var(--utrecht-alert-warning-border-width); - --_utrecht-alert-color: var(--utrecht-alert-warning-color); -} - -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -.utrecht-alert { - background-color: var(--_utrecht-alert-background-color, var(--utrecht-alert-background-color)); - border-color: var(--_utrecht-alert-border-color, var(--utrecht-alert-border-color)); - border-radius: var(--utrecht-alert-border-radius, 0); - border-style: solid; - border-width: var(--_utrecht-alert-border-width, var(--utrecht-alert-border-width, 0)); - color: var(--_utrecht-alert-color, var(--utrecht-alert-color)); - display: grid; - gap: var(--utrecht-alert-icon-gap); - grid-template-areas: "icon message"; - grid-template-columns: 0fr 100fr; - margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-end, 0)); - margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-alert-margin-block-start, 0)); - padding-block-end: var(--utrecht-alert-padding-block-end); - padding-block-start: var(--utrecht-alert-padding-block-start); - padding-inline-end: var(--utrecht-alert-padding-inline-end); - padding-inline-start: var(--utrecht-alert-padding-inline-start); -} - -.utrecht-alert__icon { - --utrecht-icon-color: var(--_utrecht-alert-icon-color, var(--utrecht-alert-icon-color)); - grid-area: icon; -} - -.utrecht-alert__message { - grid-area: message; -} - -.utrecht-alert--info { - --_utrecht-alert-icon-color: var(--utrecht-alert-icon-info-color); - --_utrecht-alert-background-color: var(--utrecht-alert-info-background-color); - --_utrecht-alert-border-color: var(--utrecht-alert-info-border-color); - --_utrecht-alert-border-width: var(--utrecht-alert-info-border-width); - --_utrecht-alert-color: var(--utrecht-alert-info-color); -} - -.utrecht-alert--ok { - --_utrecht-alert-icon-color: var(--utrecht-alert-icon-ok-color); - --_utrecht-alert-background-color: var(--utrecht-alert-ok-background-color); - --_utrecht-alert-border-color: var(--utrecht-alert-ok-border-color); - --_utrecht-alert-border-width: var(--utrecht-alert-ok-border-width); - --_utrecht-alert-color: var(--utrecht-alert-ok-color); -} - -.utrecht-alert--warning { - --_utrecht-alert-icon-color: var(--utrecht-alert-icon-warning-color); - --_utrecht-alert-background-color: var(--utrecht-alert-warning-background-color); - --_utrecht-alert-border-color: var(--utrecht-alert-warning-border-color); - --_utrecht-alert-border-width: var(--utrecht-alert-warning-border-width); - --_utrecht-alert-color: var(--utrecht-alert-warning-color); -} - -.utrecht-alert--error { - --_utrecht-alert-icon-color: var(--utrecht-alert-icon-error-color); - --_utrecht-alert-background-color: var(--utrecht-alert-error-background-color); - --_utrecht-alert-border-color: var(--utrecht-alert-error-border-color); - --_utrecht-alert-border-width: var(--utrecht-alert-error-border-width); - --_utrecht-alert-color: var(--utrecht-alert-error-color); -} - -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/* stylelint-disable-next-line block-no-empty */ -.utrecht-alternate-lang-nav__heading { - /* - - Hide the heading from Headings navigation - - use `aria-labelledby` for a `navigation` or `region` landmark instead - */ - display: none; -} - -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -.utrecht-article { - max-inline-size: var(--utrecht-article-max-inline-size); -} - -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -.utrecht-backdrop { - --_utrecht-backdrop-opacity: var(--utrecht-backdrop-opacity); - --_utrecht-backdrop-fade-in-animation-duration: var(--utrecht-backdrop-fade-in-animation-duration, 0); - animation-duration: min(var(--utrecht-motion-max-animation-duration, var(--_utrecht-backdrop-fade-in-animation-duration)), var(--_utrecht-backdrop-fade-in-animation-duration, 0)); - animation-name: utrecht-backdrop-fade-in; - animation-timing-function: ease-in-out; - background-color: var(--utrecht-backdrop-background-color); - color: var(--utrecht-backdrop-color); - opacity: var(--_utrecht-backdrop-opacity); - -webkit-user-select: none; - user-select: none; - display: block; - inset-block-end: 0; - inset-block-start: 0; - inset-inline-end: 0; - inset-inline-start: 0; - position: absolute; - z-index: var(--utrecht-backdrop-z-index); -} - -@media (prefers-reduced-motion: reduce) { - .utrecht-backdrop { - --_utrecht-backdrop-fade-in-animation-duration: 0; - } -} -@media (prefers-reduced-transparency: reduce) { - .utrecht-backdrop { - --_utrecht-backdrop-opacity: var(--utrecht-backdrop-reduced-transparency-opacity, 100%); - } -} -.utrecht-backdrop--reduced-motion { - --_utrecht-backdrop-fade-in-animation-duration: 0; -} - -.utrecht-backdrop--reduced-transparency { - --_utrecht-backdrop-opacity: var(--utrecht-backdrop-reduced-transparency-opacity, 100%); -} - -.utrecht-backdrop--viewport { - position: fixed; -} - -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -.utrecht-badge-counter { - /* Limit size to `max-content`, so the badge will not be stretched out of proportion inside a flexbox */ - background-color: var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, hsl(0, 0%, 0%))); - border-radius: var(--utrecht-badge-counter-border-radius, var(--utrecht-badge-border-radius, 0.5ch)); - color: var(--utrecht-badge-counter-color, var(--utrecht-badge-color, hsl(0, 0%, 100%))); - display: inline-block; - font-family: var(--utrecht-badge-counter-font-family, var(--utrecht-badge-font-family, var(--utrecht-document-font-family, sans-serif))); - font-size: var(--utrecht-badge-counter-font-size, var(--utrecht-badge-font-size)); - font-style: var(--utrecht-badge-counter-font-style, normal); /* no inheritance */ - font-weight: var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold)); /* no inheritance */ - line-height: 1; - max-block-size: max-content; - max-inline-size: max-content; - min-block-size: var(--utrecht-badge-counter-min-size, 1em); - min-inline-size: var(--utrecht-badge-counter-min-size, 1em); - padding-block-end: var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex)); - padding-block-start: var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex)); - padding-inline-end: var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch)); - padding-inline-start: var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch)); - text-align: center; - text-decoration: none; /* no inheritance */ - white-space: nowrap; -} - -@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) { - .utrecht-badge-counter { - border-color: currentColor; - border-style: solid; - /* Warning: there layout difference because of the added 1px border */ - border-width: 1px; - } -} -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -.utrecht-badge-data { - /* - * `line-height` has a default value, so `line-height` can be used on a parent element to add vertical space between badges - * - * Configure maximum size to prevent stretching badges inside a flexbox. - * - * Configure minumum size to have space to type in when displaying badges in a WYSIWYG editor. - */ - background-color: var(--utrecht-badge-background-color, hsl(0, 0%, 0%)); - border-radius: var(--utrecht-badge-border-radius, 0.5ch); - color: var(--utrecht-badge-color, hsl(0, 0%, 100%)); - display: inline-block; - font-family: var(--utrecht-document-font-family, sans-serif); - font-size: var(--utrecht-badge-font-size, inherit); - font-style: var(--utrecht-badge-font-style, normal); /* no inheritance */ - font-weight: var(--utrecht-badge-font-weight, bold); /* no inheritance */ - line-height: var(--utrecht-badge-line-height, 1em); - max-block-size: max-content; - max-inline-size: max-content; - min-block-size: 1em; - min-inline-size: 1em; - padding-block-end: var(--utrecht-badge-padding-block, 0.5ex); - padding-block-start: var(--utrecht-badge-padding-block, 0.5ex); - padding-inline-end: var(--utrecht-badge-padding-inline, 0.5ch); - padding-inline-start: var(--utrecht-badge-padding-inline, 0.5ch); - text-decoration: none; /* no inheritance */ - letter-spacing: var(--utrecht-badge-data-letter-spacing, inherit); - text-transform: var(--utrecht-badge-data-text-transform, inherit); -} - -@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) { - .utrecht-badge-data { - border-color: currentColor; - border-style: solid; - /* Warning: there layout difference because of the added 1px border */ - border-width: 1px; - } -} -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -.utrecht-badge-list { - display: flex; - flex-wrap: wrap; - gap: var(--utrecht-badge-list-item-margin-block) var(--utrecht-badge-list-item-margin-inline); -} - -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2020-2022 Gemeente Utrecht - * Copyright (c) 2020-2022 Frameless B.V. - */ -.utrecht-badge-status { - /* - * `line-height` has a default value, so `line-height` can be used on a parent element to add vertical space between badges - * - * Configure maximum size to prevent stretching badges inside a flexbox. - * - * Configure minumum size to have space to type in when displaying badges in a WYSIWYG editor. - */ - background-color: var(--utrecht-badge-background-color, hsl(0, 0%, 0%)); - border-radius: var(--utrecht-badge-border-radius, 0.5ch); - color: var(--utrecht-badge-color, hsl(0, 0%, 100%)); - display: inline-block; - font-family: var(--utrecht-document-font-family, sans-serif); - font-size: var(--utrecht-badge-font-size, inherit); - font-style: var(--utrecht-badge-font-style, normal); /* no inheritance */ - font-weight: var(--utrecht-badge-font-weight, bold); /* no inheritance */ - line-height: var(--utrecht-badge-line-height, 1em); - max-block-size: max-content; - max-inline-size: max-content; - min-block-size: 1em; - min-inline-size: 1em; - padding-block-end: var(--utrecht-badge-padding-block, 0.5ex); - padding-block-start: var(--utrecht-badge-padding-block, 0.5ex); - padding-inline-end: var(--utrecht-badge-padding-inline, 0.5ch); - padding-inline-start: var(--utrecht-badge-padding-inline, 0.5ch); - text-decoration: none; /* no inheritance */ - letter-spacing: var(--utrecht-badge-status-letter-spacing, inherit); - text-transform: var(--utrecht-badge-status-text-transform, inherit); -} - -@media screen and (-ms-high-contrast: active), screen and (forced-colors: active) { - .utrecht-badge-status { - border-color: currentColor; - border-style: solid; - /* Warning: there layout difference because of the added 1px border */ - border-width: 1px; - } -} -.utrecht-badge-status--danger { - background-color: var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%)); - color: var(--utrecht-feedback-danger-fill-color, white); -} - -.utrecht-badge-status--warning { - background-color: var(--utrecht-feedback-warning-fill-background-color, hsl(48, 100%, 50%)); - color: var(--utrecht-feedback-warning-fill-color, white); -} - -.utrecht-badge-status--safe { - background-color: var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)); - color: var(--utrecht-feedback-safe-fill-color, white); -} - -.utrecht-badge-status--neutral { - background-color: var(--utrecht-feedback-neutral-fill-background-color, black); - color: var(--utrecht-feedback-neutral-fill-color, white); -} - -.utrecht-badge-status--valid { - background-color: var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%))); - color: var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white)); -} - -.utrecht-badge-status--invalid { - background-color: var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39, 100%, 50%))); - color: var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white)); -} - -.utrecht-badge-status--error { - background-color: var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 30%))); - color: var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white)); -} - -.utrecht-badge-status--success { - background-color: var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%))); - color: var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white)); -} - -.utrecht-badge-status--active { - background-color: var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%))); - color: var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white)); -} - -.utrecht-badge-status--inactive { - background-color: var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%))); - color: var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white)); -} - -/** - * @license EUPL-1.2 - * Copyright (c) 2021 Robbert Broersma - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2021 Robbert Broersma - */ -.utrecht-blockquote { - background-color: var(--utrecht-blockquote-background-color); - color: var(--utrecht-blockquote-color); - font-family: var(--utrecht-document-font-family); - font-size: var(--utrecht-blockquote-font-size); - font-style: var(--utrecht-blockquote-font-style); - margin-block-end: calc(var(--utrecht-space-around, 0) * var(--utrecht-blockquote-margin-block-end, 0)); - margin-block-start: calc(var(--utrecht-space-around, 0) * var(--utrecht-blockquote-margin-block-start, 0)); - margin-inline-end: var(--utrecht-blockquote-margin-inline-end); - margin-inline-start: var(--utrecht-blockquote-margin-inline-start); - padding-block-end: var(--utrecht-blockquote-padding-block-end); - padding-block-start: var(--utrecht-blockquote-padding-block-start); - padding-inline-end: var(--utrecht-blockquote-padding-inline-end); - padding-inline-start: var(--utrecht-blockquote-padding-inline-start); -} - -.utrecht-blockquote__attribution { - color: var(--utrecht-blockquote-attribution-color, inherit); - font-size: var(--utrecht-blockquote-attribution-font-size, inherit); -} - -.utrecht-blockquote__content { - --utrecht-document-color: var(--utrecht-blockquote-content-color, inherit); - --utrecht-paragraph-font-size: var(--utrecht-blockquote-content-font-size, inherit); - color: var(--utrecht-blockquote-content-color, inherit); - font-size: var(--utrecht-blockquote-content-font-size, inherit); -} - -.utrecht-blockquote--distanced { - --utrecht-space-around: 1; -} - -/** - * @license EUPL-1.2 - * Copyright (c) 2021 Robbert Broersma - */ -/** - * @license EUPL-1.2 - * Copyright (c) 2021 Robbert Broersma - */ -/* stylelint-disable-next-line block-no-empty */ -.utrecht-breadcrumb-nav { - --utrecht-focus-background-color: var(--utrecht-breadcrumb-nav-link-focus-background-color); - --utrecht-link-background-color: var(--utrecht-breadcrumb-nav-link-background-color); - --utrecht-link-text-decoration: var(--utrecht-breadcrumb-nav-link-text-decoration); - --utrecht-link-focus-color: var(--utrecht-breadcrumb-nav-link-focus-color, var(--utrecht-breadcrumb-nav-link-color)); - --utrecht-link-focus-text-decoration: var( - --utrecht-breadcrumb-nav-link-focus-text-decoration, - var(--utrecht-breadcrumb-nav-link-text-decoration) - ); - --utrecht-link-hover-color: var(--utrecht-breadcrumb-nav-link-hover-color, var(--utrecht-breadcrumb-nav-link-color)); - --utrecht-link-hover-text-decoration: var( - --utrecht-breadcrumb-nav-link-hover-text-decoration, - var(--utrecht-breadcrumb-nav-link-text-decoration) - ); - --utrecht-link-visited-color: var(--utrecht-breadcrumb-nav-link-color); - --utrecht-link-visited-text-decoration: var(--utrecht-link-text-decoration); - --utrecht-link-color: var(--utrecht-breadcrumb-nav-link-color); - --utrecht-link-placeholder-color: var(--utrecht-link-breadcrumb-link-disabled-color); - font-family: var(--utrecht-document-font-family, inherit); - font-size: var(--utrecht-breadcrumb-nav-font-size); - text-transform: var(--utrecht-document-text-transform, inherit); -} - -.utrecht-breadcrumb-nav__heading { - display: none; -} - -.utrecht-breadcrumb-nav__list { - display: flex; - flex-wrap: wrap; - min-block-size: var(--utrecht-breadcrumb-nav-min-block-size); -} - -.utrecht-breadcrumb-nav__list--html-ol { - list-style: none; - margin-block-end: 0; - margin-block-start: 0; - padding-inline-start: 0; -} - -.utrecht-breadcrumb-nav__list--html-p { - margin-block-end: 0; - margin-block-start: 0; -} - -.utrecht-breadcrumb-nav__item { - block-size: 100%; -} - -.utrecht-breadcrumb-nav__link { - --utrecht-icon-size: var(--utrecht-breadcrumb-nav-link-icon-size); - --utrecht-link-icon-size: var(--utrecht-breadcrumb-nav-link-icon-size); - background-color: var(--utrecht-breadcrumb-nav-link-background-color); - display: inline-block; - padding-block-end: var(--utrecht-breadcrumb-nav-item-padding-block-end, 8px); - padding-block-start: var(--utrecht-breadcrumb-nav-item-padding-block-start, 8px); - padding-inline-end: var(--utrecht-breadcrumb-nav-item-padding-inline-end, 8px); - padding-inline-start: var(--utrecht-breadcrumb-nav-item-padding-inline-start, 8px); -} - -.utrecht-breadcrumb-nav__link--current { - --utrecht-link-current-font-weight: var(--utrecht-breadcrumb-nav-link-current-font-weight, inherit); - /* configure the `current` `cursor` only when the current state is applied */ - --_utrecht-breadcrumb-nav-link-current-cursor: var(--utrecht-action-inert-cursor, default); - font-weight: var(--utrecht-breadcrumb-nav-link-current-font-weight, inherit); -} - -.utrecht-breadcrumb-nav__link--disabled { - --utrecht-link-placeholder-color: var( - --utrecht-breadcrumb-nav-link-disabled-color, - var(--utrecht-breadcrumb-nav-link-color) - ); - /* configure the `disabled` `cursor` only when the current state is applied */ - --_utrecht-breadcrumb-nav-link-disabled-cursor: var(--utrecht-action-disabled-cursor, not-allowed); - background-color: var(--utrecht-breadcrumb-nav-link-disabled-background-color, var(--utrecht-breadcrumb-nav-link-background-color)); - /* Use the `current` cursor when available, otherwise use the `disabled` cursor */ - cursor: var(--_utrecht-breadcrumb-nav-link-current-cursor, var(--_utrecht-breadcrumb-nav-link-disabled-cursor)); -} - -/* stylelint-disable-next-line block-no-empty */ -.utrecht-breadcrumb-nav__separator { - /* - * Overwrite `style` attribute using "private" CSS variable for
  • hack: - *
  • hack: - *