@conduction/theme 1.1.11 → 1.1.12

package/municipalities/rotterdam-design-tokens/dist/index.less

@@ -0,0 +1,372 @@
+
+// Do not edit directly
+// Generated on Mon, 08 Jan 2024 09:11:58 GMT
+
+@utrecht-page-max-inline-size: 1140px;
+@utrecht-page-margin-inline-end: var(--utrecht-space-block-xl);
+@utrecht-page-margin-inline-start: var(--utrecht-space-block-xl);
+@utrecht-unordered-list-marker-color: var(--rotterdam-color-green-tint-01);
+@utrecht-unordered-list-item-padding-inline-start: 1ch;
+@utrecht-unordered-list-item-margin-block-end: 8px;
+@utrecht-unordered-list-item-margin-block-start: 8px;
+@utrecht-unordered-list-padding-inline-start: 2ch;
+@utrecht-unordered-list-margin-block-end: 0;
+@utrecht-unordered-list-margin-block-start: 18px;
+@utrecht-unordered-list-font-size: var(--utrecht-document-font-size);
+@utrecht-ordered-list-item-padding-inline-start: 1ch;
+@utrecht-ordered-list-item-margin-block-end: 4px;
+@utrecht-ordered-list-item-margin-block-start: 4px;
+@utrecht-ordered-list-padding-inline-start: 32px;
+@utrecht-ordered-list-margin-block-end: 14px;
+@utrecht-ordered-list-margin-block-start: 14px;
+@utrecht-ordered-list-font-size: var(--utrecht-document-font-size);
+@utrecht-table-margin-block-start: 18px;
+@utrecht-table-margin-block-end: 0;
+@utrecht-table-font-size: var(--utrecht-document-font-size);
+@utrecht-table-font-family: var(--utrecht-document-font-family);
+@utrecht-table-row-hover-background-color: var(--rotterdam-color-gray-tint-01);
+@utrecht-table-header-cell-text-transform: unset;
+@utrecht-table-header-cell-color: var(--utrecht-document-color);
+@utrecht-table-header-cell-font-weight: var(--rotterdam-typography-weight-scale-bold-font-weight);
+@utrecht-table-header-cell-font-size: var(--utrecht-document-font-size);
+@utrecht-table-header-color: var(--utrecht-document-color);
+@utrecht-table-header-border-block-end-width: 0.2rem;
+@utrecht-table-header-border-block-end-color: var(--rotterdam-color-gray-tint-11);
+@utrecht-table-background-color: var(--rotterdam-color-base-white);
+@utrecht-table-border-collapse: collapse;
+@utrecht-radio-button-invalid-color: #FE1818;
+@utrecht-radio-button-invalid-background-color: var(--rotterdam-color-base-white);
+@utrecht-radio-button-invalid-border-width: 1px;
+@utrecht-radio-button-invalid-border-color: #FE1818;
+@utrecht-radio-button-disabled-color: var(--rotterdam-color-gray-tint-08);
+@utrecht-radio-button-disabled-background-color: var(--rotterdam-color-gray-tint-01);
+@utrecht-radio-button-disabled-border-width: 1px;
+@utrecht-radio-button-disabled-border-color: var(--rotterdam-color-gray-tint-08);
+@utrecht-radio-button-focus-color: var(--rotterdam-color-base-white);
+@utrecht-radio-button-focus-background-color: var(--rotterdam-color-base-white);
+@utrecht-radio-button-focus-border-width: 5px;
+@utrecht-radio-button-focus-border-color: var(--rotterdam-color-base-green);
+@utrecht-radio-button-hover-background-color: var(--rotterdam-color-base-white);
+@utrecht-radio-button-hover-border-width: 2px;
+@utrecht-radio-button-hover-border-color: var(--rotterdam-color-base-green);
+@utrecht-radio-button-checked-focus-color: var(--rotterdam-color-base-white);
+@utrecht-radio-button-checked-focus-background-color: var(--rotterdam-color-base-white);
+@utrecht-radio-button-checked-focus-border-width: 1px;
+@utrecht-radio-button-checked-focus-border-color: var(--rotterdam-color-base-green);
+@utrecht-radio-button-checked-hover-color: var(--rotterdam-color-base-white);
+@utrecht-radio-button-checked-hover-background-color: var(--rotterdam-color-base-white);
+@utrecht-radio-button-checked-hover-border-width: 5px;
+@utrecht-radio-button-checked-hover-border-color: var(--rotterdam-color-base-black);
+@utrecht-radio-button-checked-active-color: var(--rotterdam-color-base-white);
+@utrecht-radio-button-checked-active-background-color: var(--rotterdam-color-base-white);
+@utrecht-radio-button-checked-active-border-width: 1px;
+@utrecht-radio-button-checked-active-border-color: var(--rotterdam-color-base-green);
+@utrecht-radio-button-checked-color: var(--rotterdam-color-base-white);
+@utrecht-radio-button-checked-background-color: var(--rotterdam-color-base-white);
+@utrecht-radio-button-checked-border-width: 5px;
+@utrecht-radio-button-checked-border-color: var(--rotterdam-color-base-green);
+@utrecht-radio-button-border-width: 1px;
+@utrecht-radio-button-border-color: var(--rotterdam-color-gray-tint-08);
+@utrecht-radio-button-background-color: var(--rotterdam-color-base-white);
+@utrecht-radio-button-checked-disabled-color: var(--rotterdam-color-gray-tint-08);
+@utrecht-radio-button-checked-disabled-background-color: var(--rotterdam-color-gray-tint-08);
+@utrecht-radio-button-checked-disabled-border-width: 1px;
+@utrecht-radio-button-checked-disabled-border-color: var(--rotterdam-color-gray-tint-08);
+@utrecht-radio-button-min-inline-size: 16px;
+@utrecht-radio-button-min-block-size: 16px;
+@utrecht-page-header-padding-block-end: 14px;
+@utrecht-page-header-padding-block-start: 14px;
+@utrecht-page-header-color: var(--rotterdam-color-gray-tint-11);
+@utrecht-page-header-background-color: var(--rotterdam-color-base-white);
+@utrecht-page-header-logo-max-width: 222px;
+@utrecht-page-footer-link-hover-text-decoration-thickness: 1;
+@utrecht-page-footer-link-hover-text-decoration: underline;
+@utrecht-page-footer-link-text-decoration-thickness: 1;
+@utrecht-page-footer-link-text-decoration-color: unset;
+@utrecht-page-footer-link-text-decoration: underline;
+@utrecht-page-footer-logo-max-width: 240px;
+@utrecht-page-footer-logo-max-height: 48px;
+@utrecht-icon-gap: 8px;
+@utrecht-button-icon-gap: 8px;
+@utrecht-badge-counter-padding-inline: 5px;
+@utrecht-badge-counter-padding-block: 5px;
+@utrecht-badge-counter-text-decoration: none;
+@utrecht-badge-counter-font-family: var(--utrecht-document-font-family);
+@utrecht-badge-counter-font-size: var(--utrecht-document-font-size);
+@utrecht-badge-counter-color: var(--rotterdam-color-base-white);
+@utrecht-badge-counter-border-radius: 50%;
+@utrecht-badge-counter-background-color: var(--rotterdam-color-base-black);
+@utrecht-code-font-size: inherit;
+@utrecht-code-color: var(--rotterdam-color-gray-tint-11);
+@utrecht-code-background-color: var(--rotterdam-color-gray-tint-01);
+@utrecht-breadcrumb-nav-separator-icon-size: 16px;
+@utrecht-breadcrumb-nav-separator-color: var(--rotterdam-color-green-tint-01);
+@utrecht-breadcrumb-nav-link-hover-color: var(--rotterdam-color-green-tint-01);
+@utrecht-breadcrumb-nav-link-disabled-color: var(--rotterdam-color-gray-tint-09);
+@utrecht-breadcrumb-nav-link-current-color: var(--rotterdam-color-gray-tint-09);
+@utrecht-breadcrumb-nav-link-color: var(--rotterdam-color-green-tint-01);
+@utrecht-breadcrumb-nav-font-family: var(--utrecht-document-font-family);
+@utrecht-badge-padding-inline: 8px !important;
+@utrecht-badge-padding-block: 8px !important;
+@utrecht-badge-font-weight: var(--rotterdam-typography-weight-scale-bold-font-weight);
+@utrecht-badge-font-size: 14px !important;
+@utrecht-badge-color: var(--rotterdam-color-base-white) ;
+@utrecht-badge-border-radius: 0;
+@utrecht-badge-background-color: var(--rotterdam-color-base-black) !important;
+@utrecht-alert-icon-gap: 8px;
+@utrecht-alert-icon-ok-color: var(--rotterdam-color-green-tint-01);
+@utrecht-alert-icon-warning-color: #a65600;
+@utrecht-alert-icon-error-color: var(--rotterdam-color-red-tint-02);
+@utrecht-alert-icon-color: #00689e;
+@utrecht-alert-ok-border-width: 1px;
+@utrecht-alert-ok-border-color: #acd6b7;
+@utrecht-alert-ok-color: var(--utrecht-document-color);
+@utrecht-alert-ok-background-color: #e6f3e9;
+@utrecht-alert-error-border-width: 1px;
+@utrecht-alert-error-border-color: #f7ccc5;
+@utrecht-alert-error-color: var(--utrecht-document-color);
+@utrecht-alert-error-background-color: #fdf0ee;
+@utrecht-alert-warning-border-width: 1px;
+@utrecht-alert-warning-border-color: #f9e7ac;
+@utrecht-alert-warning-color: var(--utrecht-document-color);
+@utrecht-alert-warning-background-color: #fef8e6;
+@utrecht-alert-padding-inline-end: 24px;
+@utrecht-alert-padding-inline-start: 24px;
+@utrecht-alert-padding-block-end: 24px;
+@utrecht-alert-padding-block-start: 24px;
+@utrecht-alert-color: var(--utrecht-document-color);
+@utrecht-alert-border-width: 1px;
+@utrecht-alert-border-color: #b4dbf1;
+@utrecht-alert-background-color: #e8f4fb;
+@open-catalogi-rating-font-family: var(--utrecht-document-font-family);
+@open-catalogi-rating-font-size: var(--utrecht-document-font-size);
+@open-catalogi-rating-rating-bar-color: var(--rotterdam-color-green-tint-01);
+@conduction-tooltip-z-index: 9999;
+@conduction-tooltip-border-radius: 0px;
+@conduction-tooltip-border-color: unset;
+@conduction-tooltip-border-style: unset;
+@conduction-tooltip-border-width: 0px;
+@conduction-tooltip-padding-inline-end: 14px;
+@conduction-tooltip-padding-inline-start: 14px;
+@conduction-tooltip-padding-block-end: 8px;
+@conduction-tooltip-padding-block-start: 8px;
+@conduction-tooltip-color: var(--rotterdam-color-base-white);
+@conduction-tooltip-background-color: var(--rotterdam-color-base-black);
+@conduction-tabs-scroll-button-hover-color: var(--rotterdam-color-green-tint-01);
+@conduction-tabs-scroll-button-hover-background-color: var(--rotterdam-color-base-white);
+@conduction-tabs-scroll-button-color: var(--utrecht-document-color);
+@conduction-tabs-scroll-button-background-color: var(--rotterdam-color-base-white);
+@conduction-tabs-tab-panel-padding-inline-end: 24px;
+@conduction-tabs-tab-panel-padding-inline-start: 24px;
+@conduction-tabs-tab-panel-padding-block-end: 24px;
+@conduction-tabs-tab-panel-padding-block-start: 24px;
+@conduction-tabs-tab-list-border-bottom-color: var(--rotterdam-color-gray-tint-01);
+@conduction-tabs-tab-list-border-bottom-style: solid;
+@conduction-tabs-tab-list-border-bottom-width: 0.3rem;
+@conduction-tabs-tab-list-margin-block-end: 0px;
+@conduction-tabs-tab-list-padding-inline-start: 0px;
+@conduction-tabs-tab-hover-color: var(--rotterdam-color-green-tint-01);
+@conduction-tabs-tab-hover-background-color: transparent;
+@conduction-tabs-tab-selected-font-weight: var(--rotterdam-typography-weight-scale-bold-font-weight);
+@conduction-tabs-tab-selected-border-bottom-color: var(--rotterdam-color-green-tint-01);
+@conduction-tabs-tab-selected-border-bottom-style: solid;
+@conduction-tabs-tab-selected-border-bottom-width: 0.3rem;
+@conduction-tabs-tab-selected-color: var(--rotterdam-color-gray-tint-11);
+@conduction-tabs-tab-selected-background-color: transparent;
+@conduction-tabs-tab-letter-spacing: 0.02857em;
+@conduction-tabs-tab-min-height: 48px;
+@conduction-tabs-tab-min-width: 160px;
+@conduction-tabs-tab-max-width: unset;
+@conduction-tabs-tab-font-family: var(--rotterdam-typography-sans-serif-font-family);
+@conduction-tabs-tab-font-weight: var(--rotterdam-typography-weight-scale-normal-font-weight);
+@conduction-tabs-tab-font-size: 14px;
+@conduction-tabs-tab-padding-inline-end: 12px;
+@conduction-tabs-tab-padding-inline-start: 12px;
+@conduction-tabs-tab-padding-block-end: 6px;
+@conduction-tabs-tab-padding-block-start: 6px;
+@conduction-tabs-tab-bottom: -4px;
+@conduction-tabs-tab-color: var(--rotterdam-color-gray-tint-11);
+@conduction-tabs-tab-background-color: transparent;
+@conduction-table-wrapper-scroll-button-hover-color: var(--rotterdam-color-base-green);
+@conduction-table-wrapper-scroll-button-hover-background-color: var(--rotterdam-color-base-white);
+@conduction-table-wrapper-scroll-button-padding-inline-end: 14px;
+@conduction-table-wrapper-scroll-button-padding-inline-start: 14px;
+@conduction-table-wrapper-scroll-button-color: var(--utrecht-document-color);
+@conduction-table-wrapper-scroll-button-background-color: var(--rotterdam-color-base-white);
+@conduction-input-select-placeholder-font-family: var(--utrecht-document-font-family);
+@conduction-input-select-placeholder-color: var(--rotterdam-color-gray-tint-09);
+@conduction-input-select-list-option-focus-color: var(--rotterdam-color-base-black);
+@conduction-input-select-list-option-focus-background-color: var(--utrecht-form-select-background-color);
+@conduction-input-select-list-option-selected-color: var(--rotterdam-color-base-white);
+@conduction-input-select-list-option-selected-background-color: var(--rotterdam-color-green-tint-01);
+@conduction-input-select-list-option-hover-color: var(--utrecht-form-select-background-color);
+@conduction-input-select-list-option-hover-background-color: var(--rotterdam-color-green-tint-01);
+@conduction-input-select-list-option-hover-font-family: var(--utrecht-document-font-family);
+@conduction-input-select-list-option-background-color: var(--utrecht-form-select-background-color);
+@conduction-input-select-list-option-font-family: var(--utrecht-document-font-family);
+@conduction-input-select-padding-block-start: 0;
+@conduction-input-select-padding-block-end: 0;
+@conduction-input-select-invalid-border-color: var(--rotterdam-color-red-tint-01);
+@conduction-input-select-border-radius: var(--utrecht-form-control-border-radius);
+@conduction-input-select-border-focus: unset;
+@conduction-input-select-border: var(--utrecht-form-select-border-width) solid var(--rotterdam-color-gray-tint-08);
+@conduction-input-select-background-color: var(--utrecht-form-select-background-color);
+@conduction-pagination-page-hover-border-color: var(--rotterdam-color-green-tint-01);
+@conduction-pagination-page-hover-border-style: solid;
+@conduction-pagination-page-hover-border-width: 1px;
+@conduction-pagination-page-hover-text-decoration-thickness: 0px;
+@conduction-pagination-page-hover-text-decoration: unset;
+@conduction-pagination-page-hover-background-color: var(--rotterdam-color-base-white);
+@conduction-pagination-page-hover-color: var(--rotterdam-color-green-tint-01);
+@conduction-pagination-current-page-border-color: var(--rotterdam-color-green-tint-03);
+@conduction-pagination-current-page-border-style: solid;
+@conduction-pagination-current-page-border-width: 1px;
+@conduction-pagination-current-page-text-decoration: unset;
+@conduction-pagination-current-page-font-weight: var(--rotterdam-typography-weight-scale-bold-font-weight);
+@conduction-pagination-current-page-background-color: var(--rotterdam-color-soft-green-tint-01);
+@conduction-pagination-current-page-color: var(--rotterdam-color-green-tint-03);
+@conduction-pagination-navigation-button-hover-background-color: transparent;
+@conduction-pagination-navigation-button-hover-color: var(--rotterdam-color-green-tint-01);
+@conduction-pagination-navigation-button-disabled-background-color: transparent;
+@conduction-pagination-navigation-button-disabled-color: var(--rotterdam-color-gray-tint-07);
+@conduction-pagination-navigation-button-padding-block-end: 8px;
+@conduction-pagination-navigation-button-padding-block-start: 8px;
+@conduction-pagination-navigation-button-padding-inline-end: 8px;
+@conduction-pagination-navigation-button-padding-inline-start: 8px;
+@conduction-pagination-navigation-button-background-color: transparent;
+@conduction-pagination-navigation-button-color: var(--rotterdam-color-gray-tint-11);
+@conduction-pagination-item-border-radius: 0px;
+@conduction-pagination-item-border-color: var(--rotterdam-color-base-white);
+@conduction-pagination-item-border-style: solid;
+@conduction-pagination-item-border-width: 1px;
+@conduction-pagination-item-font-family: var(--utrecht-document-font-family);
+@conduction-pagination-item-font-weight: var(--rotterdam-typography-weight-scale-normal-font-weight);
+@conduction-pagination-item-font-size: var(--utrecht-document-font-size);
+@conduction-pagination-item-padding-block-end: 8px;
+@conduction-pagination-item-padding-block-start: 8px;
+@conduction-pagination-item-padding-inline-end: 14px;
+@conduction-pagination-item-padding-inline-start: 14px;
+@conduction-pagination-item-background-color: var(--rotterdam-color-base-white);
+@conduction-pagination-item-color: var(--rotterdam-color-gray-tint-11);
+@conduction-pagination-item-gap: 8px;
+@conduction-pagination-container-padding-block-end: 0px;
+@conduction-pagination-container-padding-block-start: 0px;
+@conduction-pagination-container-padding-inline-end: 0px;
+@conduction-pagination-container-padding-inline-start: 0px;
+@conduction-pagination-container-background-color: unset;
+@conduction-secondary-top-nav-padding-block-start: 16px;
+@conduction-secondary-top-nav-padding-block-end: 16px;
+@conduction-secondary-top-nav-padding-inline-start: 16px;
+@conduction-secondary-top-nav-padding-inline-end: 16px;
+@conduction-secondary-top-nav-item-padding: 18px;
+@conduction-secondary-top-nav-font-weight: 400;
+@conduction-secondary-top-nav-font-size: 16px;
+@conduction-secondary-top-nav-current-box-shadow: inset 0 -4px  var(--rotterdam-color-green-tint-01);
+@conduction-secondary-top-nav-current-background-color: unset;
+@conduction-secondary-top-nav-current-color: var(--rotterdam-color-gray-tint-11);
+@conduction-secondary-top-nav-hover-background-color: var(--rotterdam-color-green-tint-01);
+@conduction-secondary-top-nav-hover-color: var(--rotterdam-color-base-white);
+@conduction-secondary-top-nav-background-color: transparent;
+@conduction-secondary-top-nav-color: var(--rotterdam-color-gray-tint-11);
+@conduction-primary-top-nav-padding-block-start: 16px;
+@conduction-primary-top-nav-padding-block-end: 16px;
+@conduction-primary-top-nav-padding-inline-start: 16px;
+@conduction-primary-top-nav-padding-inline-end: 16px;
+@conduction-primary-top-nav-item-padding: 18px;
+@conduction-primary-top-nav-dropdown-current-mobile-box-shadow: inset 4px 0 var(--rotterdam-color-base-black);
+@conduction-primary-top-nav-dropdown-current-box-shadow: inset 0 -4px  var(--rotterdam-color-base-black);
+@conduction-primary-top-nav-dropdown-current-background-color: var(--rotterdam-color-base-black);
+@conduction-primary-top-nav-dropdown-current-color: var(--rotterdam-color-base-white);
+@conduction-primary-top-nav-dropdown-hover-background-color: var(--rotterdam-color-base-black);
+@conduction-primary-top-nav-dropdown-hover-color: var(--rotterdam-color-base-white);
+@conduction-primary-top-nav-dropdown-background-color: var(--rotterdam-color-green-tint-01);
+@conduction-primary-top-nav-dropdown-color: var(--rotterdam-color-base-white);
+@conduction-primary-top-nav-current-mobile-box-shadow: inset 4px 0 var(--rotterdam-color-green-tint-01);
+@conduction-primary-top-nav-current-box-shadow: inset 0 -4px  var(--rotterdam-color-green-tint-01);
+@conduction-primary-top-nav-current-background-color: unset;
+@conduction-primary-top-nav-current-color: var(--rotterdam-color-gray-tint-11);
+@conduction-primary-top-nav-hover-background-color: var(--rotterdam-color-base-white);
+@conduction-primary-top-nav-hover-color: var(--rotterdam-color-green-tint-01);
+@conduction-primary-top-nav-background-color: var(--rotterdam-color-base-white);
+@conduction-primary-top-nav-color: var(--rotterdam-color-gray-tint-11);
+@conduction-logo-navbar-background-image: url('https://www.rotterdam.nl/images/logo-base.svg');
+@conduction-logo-navbar-block-size: 46px;
+@conduction-logo-navbar-inline-size: 175px;
+@conduction-logo-footer-background-image: url('https://www.rotterdam.nl/images/logo-base-white.svg');
+@conduction-logo-footer-block-size: 48px;
+@conduction-logo-footer-inline-size: 240px;
+@conduction-logo-header-background-image: url('https://www.rotterdam.nl/images/logo-base.svg');
+@conduction-logo-header-block-size: 44px;
+@conduction-logo-header-inline-size: 220px;
+@conduction-download-card-padding-block-start: 18px;
+@conduction-download-card-padding-block-end: 18px;
+@conduction-download-card-padding-inline-start: 18px;
+@conduction-download-card-padding-inline-end: 18px;
+@conduction-download-card-icon-gap: 14px;
+@conduction-download-card-border-radius: 0px;
+@conduction-download-card-border-color: var(--rotterdam-color-gray-tint-04);
+@conduction-download-card-border-style: solid;
+@conduction-download-card-border-width: 1px;
+@conduction-download-card-title-margin-inline-end: 14px;
+@conduction-download-card-title-font-family: var(--rotterdam-typography-sans-serif-font-family);
+@conduction-download-card-title-font-weight: var(--rotterdam-typography-weight-scale-bold-font-weight);
+@conduction-download-card-title-font-size: 20px;
+@conduction-download-card-title-color: var(--utrecht-document-color);
+@conduction-input-checkbox-label-container-margin: 3px;
+@conduction-input-checkbox-label-container-padding: 3px;
+@conduction-input-checkbox-label-font-family: var(--utrecht-document-font-family);
+@conduction-input-checkbox-label-font-size: var(--utrecht-document-font-size);
+@conduction-input-checkbox-label-color: var(--utrecht-document-color);
+@conduction-input-checkbox-focus-outline-offset: 2px;
+@conduction-input-checkbox-focus-outline-color: var(--rotterdam-color-base-black);
+@conduction-input-checkbox-focus-outline-style: solid;
+@conduction-input-checkbox-focus-outline-width: 1px;
+@conduction-input-checkbox-disabled-hover-border-radius: 0px;
+@conduction-input-checkbox-disabled-hover-border-color: var(--rotterdam-color-gray-tint-08);
+@conduction-input-checkbox-disabled-hover-border-style: solid;
+@conduction-input-checkbox-disabled-hover-border-width: 1px;
+@conduction-input-checkbox-disabled-hover-color: var(--rotterdam-color-gray-tint-08);
+@conduction-input-checkbox-disabled-border-radius: 0px;
+@conduction-input-checkbox-disabled-border-color: var(--rotterdam-color-gray-tint-08);
+@conduction-input-checkbox-disabled-border-style: solid;
+@conduction-input-checkbox-disabled-border-width: 1px;
+@conduction-input-checkbox-disabled-color: var(--rotterdam-color-gray-tint-08);
+@conduction-input-checkbox-checked-hover-border-radius: 0px;
+@conduction-input-checkbox-checked-hover-border-color: var(--rotterdam-color-base-black);
+@conduction-input-checkbox-checked-hover-border-style: solid;
+@conduction-input-checkbox-checked-hover-border-width: 1px;
+@conduction-input-checkbox-checked-hover-color: var(--rotterdam-color-base-black);
+@conduction-input-checkbox-checked-border-radius: 0px;
+@conduction-input-checkbox-checked-border-color: var(--rotterdam-color-base-green);
+@conduction-input-checkbox-checked-border-style: solid;
+@conduction-input-checkbox-checked-border-width: 1px;
+@conduction-input-checkbox-checked-color: var(--rotterdam-color-base-green);
+@conduction-input-checkbox-hover-border-radius: 0px;
+@conduction-input-checkbox-hover-border-color: var(--rotterdam-color-base-green);
+@conduction-input-checkbox-hover-border-style: solid;
+@conduction-input-checkbox-hover-border-width: 2px;
+@conduction-input-checkbox-hover-color: var(--rotterdam-color-base-white);
+@conduction-input-checkbox-border-radius: 0px;
+@conduction-input-checkbox-border-color: var(--rotterdam-color-gray-tint-08);
+@conduction-input-checkbox-border-style: solid;
+@conduction-input-checkbox-border-width: 1px;
+@conduction-input-checkbox-color: var(--rotterdam-color-base-white);
+@conduction-card-wrapper-padding-block-start: 16px;
+@conduction-card-wrapper-padding-block-end: 16px;
+@conduction-card-wrapper-padding-inline-start: 16px;
+@conduction-card-wrapper-padding-inline-end: 16px;
+@conduction-card-wrapper-hover-border-bottom-width: 4px;
+@conduction-card-wrapper-hover-border-bottom-style: solid;
+@conduction-card-wrapper-hover-border-bottom-color: var(--rotterdam-color-green-tint-01);
+@conduction-card-wrapper-color: var(--rotterdam-color-gray-tint-11);
+@conduction-card-wrapper-border-radius: 0px;
+@conduction-card-wrapper-border-bottom-width: 4px;
+@conduction-card-wrapper-border-bottom-style: solid;
+@conduction-card-wrapper-border-bottom-color: var(--rotterdam-color-gray-tint-04);
+@conduction-card-wrapper-background-color: var(--rotterdam-color-base-white);
+@conduction-card-header-date-margin-block-end: 8px;
+@conduction-card-header-date-font-weight: 400;
+@conduction-card-header-date-font-size: 16px;
+@conduction-card-header-date-color: var(--rotterdam-color-gray-tint-11);
+@conduction-card-header-title-color: var(--rotterdam-color-green-tint-01);
+@conduction-card-header-color: var(--utrecht-document-color);