.image-component,
  .external-icon{transition:filter .2s,opacity .2s}a.osc-image-link{position:relative;display:block}a.osc-image-link>.image-component{cursor:pointer}a.osc-image-link>.external-icon{opacity:0;position:absolute;top:50%;right:50%;transform:translate(50%, -50%);background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:50%;padding:9px 8px 0px;width:56px;height:56px;z-index:2;pointer-events:none;transition:opacity .2s}a.osc-image-link:hover>.image-component,
  a.osc-image-link:focus>.image-component{filter:brightness(0.65)}a.osc-image-link:hover>.external-icon,
  a.osc-image-link:focus>.external-icon{opacity:1}.page .apos-areas-widgets-list>[data-area-label=Afbeelding]>.apos-area-widget-inner>.apos-area-widget-controls+div>a.osc-image-link{pointer-events:none}
.related-posts{container-type:inline-size;container-name:related-posts-container;display:grid;grid-template-columns:1fr auto;gap:2rem 0}.related-posts .related-post-heading{grid-column:1;grid-row:1}.related-posts .carousel-controls{display:flex;justify-content:center;gap:10px;grid-column:2;grid-row:1}.related-posts .carousel-controls .carousel-prev span,
  .related-posts .carousel-controls .carousel-next span{display:block;width:16px;height:16px}.related-posts .carousel-controls .carousel-prev span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E")}.related-posts .carousel-controls .carousel-next span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E")}.related-posts .carousel-controls .carousel-prev:disabled span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(0,0,0,1)'%3E%3Cpath d='M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z'%3E%3C/path%3E%3C/svg%3E")}.related-posts .carousel-controls .carousel-next:disabled span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(0,0,0,1)'%3E%3Cpath d='M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z'%3E%3C/path%3E%3C/svg%3E")}.related-posts .carousel-container{grid-column:1/-1;grid-row:2}.related-posts .news-card{position:relative}.related-posts .static-grid .static-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));width:100%;gap:20px}.related-posts .static-grid .static-list li{width:100%}.related-posts.carousel-enabled .carousel-container{position:relative;overflow:hidden;padding:0 1px}.related-posts.carousel-enabled .carousel-track{list-style:none;padding:0;margin:0 -10px;display:flex;transition:transform .3s ease-in-out;gap:0px}.related-posts.carousel-enabled .carousel-dots{display:flex;justify-content:end;gap:8px;margin:16px 0}.related-posts.carousel-enabled .carousel-dot{width:12px;height:12px;background:#e7e7e7;border:none;cursor:pointer;transition:background .2s}.related-posts.carousel-enabled .carousel-dot.active{background:var(--_utrecht-button-background-color, #228540)}.related-posts.carousel-enabled .carousel-track li{min-width:0;padding:0 10px;position:relative}@media(max-width: 1023px){:where(body:not([data-breakpoint-preview-mode])) .related-posts.carousel-enabled .carousel-track li,
  :where(body:not([data-breakpoint-preview-mode])).related-posts.carousel-enabled .carousel-track li{flex:0 0 calc(50% - 10px)}}@container (max-width: 1023px){.related-posts.carousel-enabled .carousel-track li{flex:0 0 calc(50% - 10px)}}@media(max-width: 767px){:where(body:not([data-breakpoint-preview-mode])) .related-posts.carousel-enabled .carousel-track li,
  :where(body:not([data-breakpoint-preview-mode])).related-posts.carousel-enabled .carousel-track li{flex:0 0 calc(100% - 0px)}}@container (max-width: 767px){.related-posts.carousel-enabled .carousel-track li{flex:0 0 calc(100% - 0px)}}.related-posts .read-more span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.related-posts .read-more:before{content:"";position:absolute;inset:0}@container related-posts-container (max-width: 450px){.related-posts .static-grid .news-card figure{display:none}}
.breadcrumbs{--breadcrumbs-gap: var(--settingsBreadcrumbsGap, 6px);--breadcrumbs-current-color: var(--settingsBreadcrumbsCurrentColor, #000000);--breadcrumbs-current-font-weight: var( --settingsBreadcrumbsCurrentFontWeight, 600 );--breadcrumbs-separator: var(--settingsBreadcrumbsSeparator, '›');--breadcrumbs-background-color: var( --settingsBreadcrumbsBackgroundColor, #f8f7f5 );--breadcrumbs-padding: var(--settingsBreadcrumbsPadding, 10px 0);--breadcrumbs-max-width: var(--settingsBreadcrumbsMaxWidth, 1172px);background-color:var(--breadcrumbs-background-color);padding:var(--breadcrumbs-padding)}.breadcrumbs .breadcrumbs-container{max-width:var(--breadcrumbs-max-width);margin:0 auto;padding:0 16px}.breadcrumbs .breadcrumbs-container .breadcrumb-nav ol{list-style:none;padding:0;margin:0;display:flex;gap:var(--breadcrumbs-gap)}.breadcrumbs .breadcrumbs-container .breadcrumb-nav ol li+li::before{content:var(--breadcrumbs-separator);margin-right:var(--breadcrumbs-gap)}.breadcrumbs .breadcrumbs-container .breadcrumb-nav ol li [aria-current]{font-weight:var(--breadcrumbs-current-font-weight);color:var(--breadcrumbs-current-color)}
.apos-left{margin-right:auto}.apos-center{margin-right:auto;margin-left:auto}.apos-right{margin-left:auto}
[data-rich-text] table:not([class]),
  .tiptap table:not([class]),
  .tableWrapper table,
  .apos-rich-text-table{overflow:hidden;width:100%;margin:0;border-collapse:collapse;table-layout:fixed}[data-rich-text] table:not([class]) td,
  [data-rich-text] table:not([class]) th,
  .tiptap table:not([class]) td,
  .tiptap table:not([class]) th,
  .tableWrapper table td,
  .tableWrapper table th,
  .apos-rich-text-table td,
  .apos-rich-text-table th{box-sizing:border-box;padding:6px 8px;border:1px solid var(--a-base-4, #939393);min-width:1em;vertical-align:top}[data-rich-text] table:not([class]) td>*,
  [data-rich-text] table:not([class]) th>*,
  .tiptap table:not([class]) td>*,
  .tiptap table:not([class]) th>*,
  .tableWrapper table td>*,
  .tableWrapper table th>*,
  .apos-rich-text-table td>*,
  .apos-rich-text-table th>*{margin-bottom:0}[data-rich-text] table:not([class]) th,
  .tiptap table:not([class]) th,
  .tableWrapper table th,
  .apos-rich-text-table th{background-color:var(--a-base-8, #dbdbdb);font-weight:700;text-align:start}
.image-widget-placeholder{width:100%}
h1,
  h2,
  h3{text-align:center}h1{font-size:4em;font-weight:200}::selection{background-color:#f7b500}code{white-space:normal}pre{display:flex;position:relative;font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#fff;font-size:14px;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.8;tab-size:4;hyphens:none;border-radius:6px;margin-bottom:1.5rem;padding:1.5rem;overflow:auto;background:#2b2b2b;max-width:600px;margin:0 auto}.bp-button{display:inline-block;padding:12px 24px 10px 24px;text-decoration:none;font-size:14px;border-radius:30px;line-height:1;font-weight:500;background:#6236ff;color:#fff}.bp-button:visited,
  .bp-button:hover,
  .bp-button:active{color:#fff}.bp-button--cta{font-size:16px;font-weight:400;padding:20px 30px}body:not([data-breakpoint-preview-mode]),
  [data-apos-refreshable-body],
  [data-apos-refreshable],
  .bp-wrapper{display:flex;flex-direction:column}[data-apos-refreshable],
  .bp-wrapper,
  main{flex-grow:1}body:not([data-breakpoint-preview-mode]){min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}[data-apos-refreshable-body]{min-height:100cqh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.bp-header,
  .bp-footer{width:100%;max-width:800px;margin-left:auto;margin-right:auto}.bp-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px;padding:40px 0}.bp-footer{padding:40px 0}.bp-footer__links{padding-left:0px;list-style:none;text-align:center}.bp-footer__links li{display:inline-block;margin-right:20px}.bp-footer__links li:last-child{margin-right:0}.bp-header__logo{display:block;width:190px;max-width:100%;object-fit:contain}.bp-header__login:visited{color:#fff}.bp-content{max-width:600px;margin-left:auto;margin-right:auto}.bp-welcome{max-width:800px;margin-left:auto;margin-right:auto}.bp-welcome__area{margin-top:40px}.bp-welcome__headline{position:relative;margin:0 0 50px}.bp-welcome__verson-wrapper{display:flex;justify-content:center}.bp-welcome__version{position:relative;background-color:#a992ff;padding:4px 5px;border-radius:2px;display:inline-block;color:#300ab7;font-size:12px;box-shadow:0 25px 50px rgba(64,70,104,.1);font-weight:500;letter-spacing:2px;text-transform:uppercase}.bp-welcome__help{font-weight:600;font-size:22px;margin-bottom:24px}.bp-welcome p{max-width:500px;margin:20px auto;line-height:1.5;font-size:1.1rem}.bp-welcome__code__context{position:absolute;display:inline-block;bottom:auto;left:auto;right:0;top:0;width:auto;height:auto;text-transform:uppercase;font-size:11px;font-family:code-saver,sans-serif;letter-spacing:.025em;padding:5px 10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-top-right-radius:2px;background:hsla(0,0%,100%,.1254901961);color:hsla(0,0%,100%,.5882352941);letter-spacing:1px}.bp-welcome__code{margin:40px auto}p.bp-welcome__cta{text-align:center;margin-bottom:40px}.bp-mode{display:inline-block;padding:5px 5px;font-size:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;line-height:10px;color:#000;vertical-align:middle;background-color:#fff;border-bottom-color:#000;border:1px solid #000;border-radius:6px;box-shadow:inset 0 -1px 0 #000}.bp-video-widget{width:100%}.bp-image-widget{max-width:100%}.apos-area-widget-wrapper .apos-area-widget-inner .apos-area-widget-controls{z-index:999}.news-overview-header{margin-block-end:2rem}.news-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-gap:20px}.news-card{text-decoration:none;border:solid 1px #f0f4f8;border-radius:5px;overflow:clip}.news-card figure{height:200px;margin:0}.news-card figure img{width:100%;height:100%;object-fit:cover;object-position:center}.news-card .card-content{padding:1rem;color:#333}.news-card .card-content .date{font-size:.8rem;color:#585858}.news-card .card-content h2{font-size:1.5rem;margin:0;color:inherit}.news-card .card-content p{margin-block-start:.25rem;margin-block-end:0;color:inherit;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.news-detail-header figure{height:400px;margin:0}.news-detail-header figure img{width:100%;height:100%;object-fit:cover;object-position:center}.news-detail-sidebar{height:100%;padding:1rem;background:var(--nlds-default-background-color)}.news-detail-sidebar .share-links .link-container{flex-wrap:wrap}.news-detail-title{margin-block-start:2rem}html #apos-modals .apos-modal__overlay+.apos-modal__inner .apos-link-control__dialog{left:auto;right:-90px}html #apos-modals .apos-modal__overlay+.apos-modal__inner .apos-link-control__dialog .apos-context-menu__tip{left:auto;right:90px}html #apos-modals .apos-modal__overlay+.apos-modal__inner .apos-link-control__dialog .apos-context-menu__dialog{width:380px}
.bp-rich-text{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1.2rem;line-height:2rem;color:#333}
body[data-breakpoint-preview-mode]{position:relative;contain:layout}.full-screen-section{position:fixed;top:160px;left:0;right:0;bottom:0;z-index:1}:where([data-apos-refreshable-body]) .full-screen-section,
  :where([data-apos-refreshable-body]).full-screen-section{position:sticky;--container-top:160px;top:var(--container-top);--container-left:0;left:var(--container-left);--container-right:0;right:var(--container-right);--container-bottom:0;bottom:var(--container-bottom);z-index:1}.full-screen-section .full-screen-section-inner{position:relative;max-width:1400px;margin:0 auto;height:100%}.full-screen-section .full-screen-section-inner .apos-area,
  .full-screen-section .full-screen-section-inner .apos-area-widgets,
  .full-screen-section .full-screen-section-inner .apos-area-widget,
  .full-screen-section .full-screen-section-inner .apos-areas-widgets-list,
  .full-screen-section .full-screen-section-inner .apos-area-widget-inner,
  .full-screen-section .full-screen-section-inner .apos-area-widget-inner>div[id],
  .full-screen-section .full-screen-section-inner .apos-area-widget-wrapper{height:100%;position:relative}.container{position:relative}.section-bg-image{position:absolute;top:0;bottom:0}.section.margin-up{margin-top:-70px}.section.--solid{background-color:var(--nlds-section-background-color, var(--nlds-default-background-color, #f0f4f8));border-radius:var(--nlds-section-border-radius, 0);padding:2.5rem 1.5rem}.section:not(.--negative){margin-block-start:var(--nlds-default-margin-block-start, 3.5rem)}.section.--negative{margin-block-start:calc((var(--nlds-default-margin-block-start, 3.5rem) + 5rem)*-1)}.section.--mt-0{margin-block-start:0}.section .container{padding-left:0;padding-right:0}.section.--background-image{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.howDoesItWork .howDoesItWorkButton:focus{outline:5px auto -webkit-focus-ring-color !important}.dashboard-container .dashboard-sidebar{width:250px;padding:20px 0px;height:100vh;position:fixed;overflow-y:scroll;overflow-x:hidden;top:0;left:0;z-index:99;box-shadow:0px 0px 30px rgba(200,208,216,.3);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}:where([data-apos-refreshable-body]) .dashboard-container .dashboard-sidebar,
  :where([data-apos-refreshable-body]).dashboard-container .dashboard-sidebar{width:250px;padding:20px 0px;height:100cqh;position:sticky;overflow-y:scroll;overflow-x:hidden;--container-top:0;top:var(--container-top);--container-left:0;left:var(--container-left);z-index:99;box-shadow:0px 0px 30px rgba(200,208,216,.3);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.dashboard-container .dashboard-main{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;margin-left:250px;min-height:100vh;position:relative}:where([data-apos-refreshable-body]) .dashboard-container .dashboard-main,
  :where([data-apos-refreshable-body]).dashboard-container .dashboard-main{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;margin-left:250px;min-height:100cqh;position:relative}.section .toggle-title{color:#000;padding:15px 20px;text-align:center;display:block;font-size:20px;font-weight:600;background:#f5f5f5}.section .toggle-title:focus{outline:5px auto -webkit-focus-ring-color !important}.section:focus{outline:5px auto -webkit-focus-ring-color !important}.section.mobileonly .toggle-title{display:none}.section.mobileonly .row,
  .section.mobileonly .full-width-container,
  .section.mobileonly .full-screen-section{display:block !important}@media only screen and (max-width: 767px){:where(body:not([data-breakpoint-preview-mode])) .section.mobileonly .toggle-title,
  :where(body:not([data-breakpoint-preview-mode])).section.mobileonly .toggle-title{display:block}:where(body:not([data-breakpoint-preview-mode])) .section.mobileonly.closed .container,
  :where(body:not([data-breakpoint-preview-mode])).section.mobileonly.closed .container,
  :where(body:not([data-breakpoint-preview-mode])) .section.mobileonly.closed .full-width-container,
  :where(body:not([data-breakpoint-preview-mode])).section.mobileonly.closed .full-width-container,
  :where(body:not([data-breakpoint-preview-mode])) .section.mobileonly.closed .full-screen-section,
  :where(body:not([data-breakpoint-preview-mode])).section.mobileonly.closed .full-screen-section{display:none !important}:where(body:not([data-breakpoint-preview-mode])) .section.mobileonly.closed .arrow,
  :where(body:not([data-breakpoint-preview-mode])).section.mobileonly.closed .arrow{transform:rotate(0deg)}:where(body:not([data-breakpoint-preview-mode])) .section.mobileonly.open .container,
  :where(body:not([data-breakpoint-preview-mode])).section.mobileonly.open .container,
  :where(body:not([data-breakpoint-preview-mode])) .section.mobileonly.open .full-width-container,
  :where(body:not([data-breakpoint-preview-mode])).section.mobileonly.open .full-width-container,
  :where(body:not([data-breakpoint-preview-mode])) .section.mobileonly.open .full-screen-section,
  :where(body:not([data-breakpoint-preview-mode])).section.mobileonly.open .full-screen-section{display:block !important}:where(body:not([data-breakpoint-preview-mode])) .section.mobileonly.open .arrow,
  :where(body:not([data-breakpoint-preview-mode])).section.mobileonly.open .arrow{transform:rotate(180deg)}}@container (max-width: 767px){.section.mobileonly .toggle-title{display:block}.section.mobileonly.closed .container,
  .section.mobileonly.closed .full-width-container,
  .section.mobileonly.closed .full-screen-section{display:none !important}.section.mobileonly.closed .arrow{transform:rotate(0deg)}.section.mobileonly.open .container,
  .section.mobileonly.open .full-width-container,
  .section.mobileonly.open .full-screen-section{display:block !important}.section.mobileonly.open .arrow{transform:rotate(180deg)}}.section.closed:not(.mobileonly) .container,
  .section.closed:not(.mobileonly) .full-width-container,
  .section.closed:not(.mobileonly) .full-screen-section{display:none}.section.closed:not(.mobileonly) .arrow{transform:rotate(0deg)}.section.open:not(.mobileonly) .container,
  .section.open:not(.mobileonly) .full-width-container,
  .section.open:not(.mobileonly) .full-screen-section{display:block}.section.open:not(.mobileonly) .arrow{transform:rotate(180deg)}
:root{--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #0d6efd;--bs-secondary: #6c757d;--bs-success: #198754;--bs-info: #0dcaf0;--bs-warning: #ffc107;--bs-danger: #dc3545;--bs-light: #f8f9fa;--bs-dark: #212529;--bs-primary-rgb: 13, 110, 253;--bs-secondary-rgb: 108, 117, 125;--bs-success-rgb: 25, 135, 84;--bs-info-rgb: 13, 202, 240;--bs-warning-rgb: 255, 193, 7;--bs-danger-rgb: 220, 53, 69;--bs-light-rgb: 248, 249, 250;--bs-dark-rgb: 33, 37, 41;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-body-color-rgb: 17, 17, 17;--bs-body-bg-rgb: 255, 255, 255;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size: 1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #111;--bs-body-bg: #fff}*,
  *::before,
  *::after{box-sizing:border-box}@media(prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body:not([data-breakpoint-preview-mode]),
  [data-apos-refreshable-body]{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h6,
  .h6,
  h5,
  .h5,
  h4,
  .h4,
  h3,
  .h3,
  h2,
  .h2,
  h1,
  .h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1,
  .h1{font-size:calc(1.375rem + 1.5vw)}:where([data-apos-refreshable-body]) h1,
  :where([data-apos-refreshable-body]) .h1,
  :where([data-apos-refreshable-body]).h1{font-size:calc(1.375rem + 1.5cqw)}@media(min-width: 1200px){:where(body:not([data-breakpoint-preview-mode])) h1,
  :where(body:not([data-breakpoint-preview-mode])) .h1,
  :where(body:not([data-breakpoint-preview-mode])).h1{font-size:2.5rem}}@container (min-width: 1200px){h1,
  .h1{font-size:2.5rem}}h2,
  .h2{font-size:calc(1.325rem + 0.9vw)}:where([data-apos-refreshable-body]) h2,
  :where([data-apos-refreshable-body]) .h2,
  :where([data-apos-refreshable-body]).h2{font-size:calc(1.325rem + 0.9cqw)}@media(min-width: 1200px){:where(body:not([data-breakpoint-preview-mode])) h2,
  :where(body:not([data-breakpoint-preview-mode])) .h2,
  :where(body:not([data-breakpoint-preview-mode])).h2{font-size:2rem}}@container (min-width: 1200px){h2,
  .h2{font-size:2rem}}h3,
  .h3{font-size:calc(1.3rem + 0.6vw)}:where([data-apos-refreshable-body]) h3,
  :where([data-apos-refreshable-body]) .h3,
  :where([data-apos-refreshable-body]).h3{font-size:calc(1.3rem + 0.6cqw)}@media(min-width: 1200px){:where(body:not([data-breakpoint-preview-mode])) h3,
  :where(body:not([data-breakpoint-preview-mode])) .h3,
  :where(body:not([data-breakpoint-preview-mode])).h3{font-size:1.75rem}}@container (min-width: 1200px){h3,
  .h3{font-size:1.75rem}}h4,
  .h4{font-size:calc(1.275rem + 0.3vw)}:where([data-apos-refreshable-body]) h4,
  :where([data-apos-refreshable-body]) .h4,
  :where([data-apos-refreshable-body]).h4{font-size:calc(1.275rem + 0.3cqw)}@media(min-width: 1200px){:where(body:not([data-breakpoint-preview-mode])) h4,
  :where(body:not([data-breakpoint-preview-mode])) .h4,
  :where(body:not([data-breakpoint-preview-mode])).h4{font-size:1.5rem}}@container (min-width: 1200px){h4,
  .h4{font-size:1.5rem}}h5,
  .h5{font-size:1.25rem}h6,
  .h6{font-size:1rem}p{margin:0}abbr[title],
  abbr[data-bs-original-title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,
  ul{padding-left:2rem}ol,
  ul,
  dl{margin-top:0;margin-bottom:1rem}ol ol,
  ul ul,
  ol ul,
  ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,
  strong{font-weight:bolder}small,
  .small{font-size:0.875em}mark,
  .mark{padding:.2em;background-color:#fcf8e3}sub,
  sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:rgb(10.4,88,202.4)}a:not([href]):not([class]),
  a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre,
  code,
  kbd,
  samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr /* rtl:ignore */;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:0.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:0.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:0.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,
  svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}thead,
  tbody,
  tfoot,
  tr,
  td,
  th{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,
  button,
  select,
  optgroup,
  textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,
  select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}button,
  [type=button],
  [type=reset],
  [type=submit]{-webkit-appearance:button}button:not(:disabled),
  [type=button]:not(:disabled),
  [type=reset]:not(:disabled),
  [type=submit]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + 0.3vw)}:where([data-apos-refreshable-body]) legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + 0.3cqw)}@media(min-width: 1200px){:where(body:not([data-breakpoint-preview-mode])) legend{font-size:1.5rem}}@container (min-width: 1200px){legend{font-size:1.5rem}}legend{line-height:inherit}legend+*{clear:left}::-webkit-datetime-edit-fields-wrapper,
  ::-webkit-datetime-edit-text,
  ::-webkit-datetime-edit-minute,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none !important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw)}:where([data-apos-refreshable-body]) .display-1,
  :where([data-apos-refreshable-body]).display-1{font-size:calc(1.625rem + 4.5cqw)}@media(min-width: 1200px){:where(body:not([data-breakpoint-preview-mode])) .display-1,
  :where(body:not([data-breakpoint-preview-mode])).display-1{font-size:5rem}}@container (min-width: 1200px){.display-1{font-size:5rem}}.display-1{font-weight:300;line-height:1.2}.display-2{font-size:calc(1.575rem + 3.9vw)}:where([data-apos-refreshable-body]) .display-2,
  :where([data-apos-refreshable-body]).display-2{font-size:calc(1.575rem + 3.9cqw)}@media(min-width: 1200px){:where(body:not([data-breakpoint-preview-mode])) .display-2,
  :where(body:not([data-breakpoint-preview-mode])).display-2{font-size:4.5rem}}@container (min-width: 1200px){.display-2{font-size:4.5rem}}.display-2{font-weight:300;line-height:1.2}.display-3{font-size:calc(1.525rem + 3.3vw)}:where([data-apos-refreshable-body]) .display-3,
  :where([data-apos-refreshable-body]).display-3{font-size:calc(1.525rem + 3.3cqw)}@media(min-width: 1200px){:where(body:not([data-breakpoint-preview-mode])) .display-3,
  :where(body:not([data-breakpoint-preview-mode])).display-3{font-size:4rem}}@container (min-width: 1200px){.display-3{font-size:4rem}}.display-3{font-weight:300;line-height:1.2}.display-4{font-size:calc(1.475rem + 2.7vw)}:where([data-apos-refreshable-body]) .display-4,
  :where([data-apos-refreshable-body]).display-4{font-size:calc(1.475rem + 2.7cqw)}@media(min-width: 1200px){:where(body:not([data-breakpoint-preview-mode])) .display-4,
  :where(body:not([data-breakpoint-preview-mode])).display-4{font-size:3.5rem}}@container (min-width: 1200px){.display-4{font-size:3.5rem}}.display-4{font-weight:300;line-height:1.2}.display-5{font-size:calc(1.425rem + 2.1vw)}:where([data-apos-refreshable-body]) .display-5,
  :where([data-apos-refreshable-body]).display-5{font-size:calc(1.425rem + 2.1cqw)}@media(min-width: 1200px){:where(body:not([data-breakpoint-preview-mode])) .display-5,
  :where(body:not([data-breakpoint-preview-mode])).display-5{font-size:3rem}}@container (min-width: 1200px){.display-5{font-size:3rem}}.display-5{font-weight:300;line-height:1.2}.display-6{font-size:calc(1.375rem + 1.5vw)}:where([data-apos-refreshable-body]) .display-6,
  :where([data-apos-refreshable-body]).display-6{font-size:calc(1.375rem + 1.5cqw)}@media(min-width: 1200px){:where(body:not([data-breakpoint-preview-mode])) .display-6,
  :where(body:not([data-breakpoint-preview-mode])).display-6{font-size:2.5rem}}@container (min-width: 1200px){.display-6{font-size:2.5rem}}.display-6{font-weight:300;line-height:1.2}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:0.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:0.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:0.875em;color:#6c757d}.image-component{--image-width: 100%;--image-object-fit: none;height:var(--image-height);object-fit:var(--image-object-fit);width:var(--image-width)}.image-component.--xsmall{--image-height: 9.375rem}.image-component.--small{--image-height: 15.625rem}.image-component.--normal{--image-height: 21.875rem}.image-component.--large{--image-height: 28.125rem}.image-component.--xlarge{--image-height: 34.375rem}.image-component.--contain{--image-object-fit: contain}.image-component.--cover{--image-object-fit: cover}.image-component.--fill{--image-object-fit: fill}.image-component.--none{--image-object-fit: none}.img-container.--aspectRatio-16-9{aspect-ratio:16/9}.container,
  .container-fluid,
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm{width:100%;padding-right:var(--bs-gutter-x, 0.75rem);padding-left:var(--bs-gutter-x, 0.75rem);margin-right:auto;margin-left:auto}@media(min-width: 576px){:where(body:not([data-breakpoint-preview-mode])) .container-sm,
  :where(body:not([data-breakpoint-preview-mode])).container-sm,
  :where(body:not([data-breakpoint-preview-mode])) .container,
  :where(body:not([data-breakpoint-preview-mode])).container{max-width:540px}}@container (min-width: 576px){.container-sm,
  .container{max-width:540px}}@media(min-width: 768px){:where(body:not([data-breakpoint-preview-mode])) .container-md,
  :where(body:not([data-breakpoint-preview-mode])).container-md,
  :where(body:not([data-breakpoint-preview-mode])) .container-sm,
  :where(body:not([data-breakpoint-preview-mode])).container-sm,
  :where(body:not([data-breakpoint-preview-mode])) .container,
  :where(body:not([data-breakpoint-preview-mode])).container{max-width:720px}}@container (min-width: 768px){.container-md,
  .container-sm,
  .container{max-width:720px}}@media(min-width: 992px){:where(body:not([data-breakpoint-preview-mode])) .container-lg,
  :where(body:not([data-breakpoint-preview-mode])).container-lg,
  :where(body:not([data-breakpoint-preview-mode])) .container-md,
  :where(body:not([data-breakpoint-preview-mode])).container-md,
  :where(body:not([data-breakpoint-preview-mode])) .container-sm,
  :where(body:not([data-breakpoint-preview-mode])).container-sm,
  :where(body:not([data-breakpoint-preview-mode])) .container,
  :where(body:not([data-breakpoint-preview-mode])).container{max-width:960px}}@container (min-width: 992px){.container-lg,
  .container-md,
  .container-sm,
  .container{max-width:960px}}@media(min-width: 1200px){:where(body:not([data-breakpoint-preview-mode])) .container-xl,
  :where(body:not([data-breakpoint-preview-mode])).container-xl,
  :where(body:not([data-breakpoint-preview-mode])) .container-lg,
  :where(body:not([data-breakpoint-preview-mode])).container-lg,
  :where(body:not([data-breakpoint-preview-mode])) .container-md,
  :where(body:not([data-breakpoint-preview-mode])).container-md,
  :where(body:not([data-breakpoint-preview-mode])) .container-sm,
  :where(body:not([data-breakpoint-preview-mode])).container-sm,
  :where(body:not([data-breakpoint-preview-mode])) .container,
  :where(body:not([data-breakpoint-preview-mode])).container{max-width:1140px}}@container (min-width: 1200px){.container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container{max-width:1140px}}@media(min-width: 1400px){:where(body:not([data-breakpoint-preview-mode])) .container-xxl,
  :where(body:not([data-breakpoint-preview-mode])).container-xxl,
  :where(body:not([data-breakpoint-preview-mode])) .container-xl,
  :where(body:not([data-breakpoint-preview-mode])).container-xl,
  :where(body:not([data-breakpoint-preview-mode])) .container-lg,
  :where(body:not([data-breakpoint-preview-mode])).container-lg,
  :where(body:not([data-breakpoint-preview-mode])) .container-md,
  :where(body:not([data-breakpoint-preview-mode])).container-md,
  :where(body:not([data-breakpoint-preview-mode])) .container-sm,
  :where(body:not([data-breakpoint-preview-mode])).container-sm,
  :where(body:not([data-breakpoint-preview-mode])) .container,
  :where(body:not([data-breakpoint-preview-mode])).container{max-width:1140px}}@container (min-width: 1400px){.container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container{max-width:1140px}}.row{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-0.5*var(--bs-gutter-x));margin-left:calc(-0.5*var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,
  .gx-0{--bs-gutter-x: 0}.g-0,
  .gy-0{--bs-gutter-y: 0}.g-1,
  .gx-1{--bs-gutter-x: 0.25rem}.g-1,
  .gy-1{--bs-gutter-y: 0.25rem}.g-2,
  .gx-2{--bs-gutter-x: 0.5rem}.g-2,
  .gy-2{--bs-gutter-y: 0.5rem}.g-3,
  .gx-3{--bs-gutter-x: 1rem}.g-3,
  .gy-3{--bs-gutter-y: 1rem}.g-4,
  .gx-4{--bs-gutter-x: 1.5rem}.g-4,
  .gy-4{--bs-gutter-y: 1.5rem}.g-5,
  .gx-5{--bs-gutter-x: 3rem}.g-5,
  .gy-5{--bs-gutter-y: 3rem}@media(min-width: 576px){:where(body:not([data-breakpoint-preview-mode])) .col-sm,
  :where(body:not([data-breakpoint-preview-mode])).col-sm{flex:1 0 0%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-sm-auto>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-sm-auto>*{flex:0 0 auto;width:auto}:where(body:not([data-breakpoint-preview-mode])) .row-cols-sm-1>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-sm-1>*{flex:0 0 auto;width:100%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-sm-2>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-sm-2>*{flex:0 0 auto;width:50%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-sm-3>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-sm-4>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-sm-4>*{flex:0 0 auto;width:25%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-sm-5>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-sm-5>*{flex:0 0 auto;width:20%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-sm-6>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}:where(body:not([data-breakpoint-preview-mode])) .col-sm-auto,
  :where(body:not([data-breakpoint-preview-mode])).col-sm-auto{flex:0 0 auto;width:auto}:where(body:not([data-breakpoint-preview-mode])) .col-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).col-sm-1{flex:0 0 auto;width:8.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).col-sm-2{flex:0 0 auto;width:16.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).col-sm-3{flex:0 0 auto;width:25%}:where(body:not([data-breakpoint-preview-mode])) .col-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).col-sm-4{flex:0 0 auto;width:33.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).col-sm-5{flex:0 0 auto;width:41.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-sm-6,
  :where(body:not([data-breakpoint-preview-mode])).col-sm-6{flex:0 0 auto;width:50%}:where(body:not([data-breakpoint-preview-mode])) .col-sm-7,
  :where(body:not([data-breakpoint-preview-mode])).col-sm-7{flex:0 0 auto;width:58.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-sm-8,
  :where(body:not([data-breakpoint-preview-mode])).col-sm-8{flex:0 0 auto;width:66.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-sm-9,
  :where(body:not([data-breakpoint-preview-mode])).col-sm-9{flex:0 0 auto;width:75%}:where(body:not([data-breakpoint-preview-mode])) .col-sm-10,
  :where(body:not([data-breakpoint-preview-mode])).col-sm-10{flex:0 0 auto;width:83.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-sm-11,
  :where(body:not([data-breakpoint-preview-mode])).col-sm-11{flex:0 0 auto;width:91.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-sm-12,
  :where(body:not([data-breakpoint-preview-mode])).col-sm-12{flex:0 0 auto;width:100%}:where(body:not([data-breakpoint-preview-mode])) .offset-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).offset-sm-0{margin-left:0}:where(body:not([data-breakpoint-preview-mode])) .offset-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).offset-sm-1{margin-left:8.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).offset-sm-2{margin-left:16.66666667%}:where(body:not([data-breakpoint-preview-mode])) .offset-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).offset-sm-3{margin-left:25%}:where(body:not([data-breakpoint-preview-mode])) .offset-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).offset-sm-4{margin-left:33.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).offset-sm-5{margin-left:41.66666667%}:where(body:not([data-breakpoint-preview-mode])) .offset-sm-6,
  :where(body:not([data-breakpoint-preview-mode])).offset-sm-6{margin-left:50%}:where(body:not([data-breakpoint-preview-mode])) .offset-sm-7,
  :where(body:not([data-breakpoint-preview-mode])).offset-sm-7{margin-left:58.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-sm-8,
  :where(body:not([data-breakpoint-preview-mode])).offset-sm-8{margin-left:66.66666667%}:where(body:not([data-breakpoint-preview-mode])) .offset-sm-9,
  :where(body:not([data-breakpoint-preview-mode])).offset-sm-9{margin-left:75%}:where(body:not([data-breakpoint-preview-mode])) .offset-sm-10,
  :where(body:not([data-breakpoint-preview-mode])).offset-sm-10{margin-left:83.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-sm-11,
  :where(body:not([data-breakpoint-preview-mode])).offset-sm-11{margin-left:91.66666667%}:where(body:not([data-breakpoint-preview-mode])) .g-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).g-sm-0,
  :where(body:not([data-breakpoint-preview-mode])) .gx-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).gx-sm-0{--bs-gutter-x: 0}:where(body:not([data-breakpoint-preview-mode])) .g-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).g-sm-0,
  :where(body:not([data-breakpoint-preview-mode])) .gy-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).gy-sm-0{--bs-gutter-y: 0}:where(body:not([data-breakpoint-preview-mode])) .g-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).g-sm-1,
  :where(body:not([data-breakpoint-preview-mode])) .gx-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).gx-sm-1{--bs-gutter-x: 0.25rem}:where(body:not([data-breakpoint-preview-mode])) .g-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).g-sm-1,
  :where(body:not([data-breakpoint-preview-mode])) .gy-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).gy-sm-1{--bs-gutter-y: 0.25rem}:where(body:not([data-breakpoint-preview-mode])) .g-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).g-sm-2,
  :where(body:not([data-breakpoint-preview-mode])) .gx-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).gx-sm-2{--bs-gutter-x: 0.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).g-sm-2,
  :where(body:not([data-breakpoint-preview-mode])) .gy-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).gy-sm-2{--bs-gutter-y: 0.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).g-sm-3,
  :where(body:not([data-breakpoint-preview-mode])) .gx-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).gx-sm-3{--bs-gutter-x: 1rem}:where(body:not([data-breakpoint-preview-mode])) .g-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).g-sm-3,
  :where(body:not([data-breakpoint-preview-mode])) .gy-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).gy-sm-3{--bs-gutter-y: 1rem}:where(body:not([data-breakpoint-preview-mode])) .g-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).g-sm-4,
  :where(body:not([data-breakpoint-preview-mode])) .gx-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).gx-sm-4{--bs-gutter-x: 1.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).g-sm-4,
  :where(body:not([data-breakpoint-preview-mode])) .gy-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).gy-sm-4{--bs-gutter-y: 1.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).g-sm-5,
  :where(body:not([data-breakpoint-preview-mode])) .gx-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).gx-sm-5{--bs-gutter-x: 3rem}:where(body:not([data-breakpoint-preview-mode])) .g-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).g-sm-5,
  :where(body:not([data-breakpoint-preview-mode])) .gy-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).gy-sm-5{--bs-gutter-y: 3rem}}@container (min-width: 576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,
  .gx-sm-0{--bs-gutter-x: 0}.g-sm-0,
  .gy-sm-0{--bs-gutter-y: 0}.g-sm-1,
  .gx-sm-1{--bs-gutter-x: 0.25rem}.g-sm-1,
  .gy-sm-1{--bs-gutter-y: 0.25rem}.g-sm-2,
  .gx-sm-2{--bs-gutter-x: 0.5rem}.g-sm-2,
  .gy-sm-2{--bs-gutter-y: 0.5rem}.g-sm-3,
  .gx-sm-3{--bs-gutter-x: 1rem}.g-sm-3,
  .gy-sm-3{--bs-gutter-y: 1rem}.g-sm-4,
  .gx-sm-4{--bs-gutter-x: 1.5rem}.g-sm-4,
  .gy-sm-4{--bs-gutter-y: 1.5rem}.g-sm-5,
  .gx-sm-5{--bs-gutter-x: 3rem}.g-sm-5,
  .gy-sm-5{--bs-gutter-y: 3rem}}@media(min-width: 768px){:where(body:not([data-breakpoint-preview-mode])) .col-md,
  :where(body:not([data-breakpoint-preview-mode])).col-md{flex:1 0 0%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-md-auto>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-md-auto>*{flex:0 0 auto;width:auto}:where(body:not([data-breakpoint-preview-mode])) .row-cols-md-1>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-md-1>*{flex:0 0 auto;width:100%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-md-2>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-md-2>*{flex:0 0 auto;width:50%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-md-3>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-md-4>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-md-4>*{flex:0 0 auto;width:25%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-md-5>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-md-5>*{flex:0 0 auto;width:20%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-md-6>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}:where(body:not([data-breakpoint-preview-mode])) .col-md-auto,
  :where(body:not([data-breakpoint-preview-mode])).col-md-auto{flex:0 0 auto;width:auto}:where(body:not([data-breakpoint-preview-mode])) .col-md-1,
  :where(body:not([data-breakpoint-preview-mode])).col-md-1{flex:0 0 auto;width:8.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-md-2,
  :where(body:not([data-breakpoint-preview-mode])).col-md-2{flex:0 0 auto;width:16.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-md-3,
  :where(body:not([data-breakpoint-preview-mode])).col-md-3{flex:0 0 auto;width:25%}:where(body:not([data-breakpoint-preview-mode])) .col-md-4,
  :where(body:not([data-breakpoint-preview-mode])).col-md-4{flex:0 0 auto;width:33.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-md-5,
  :where(body:not([data-breakpoint-preview-mode])).col-md-5{flex:0 0 auto;width:41.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-md-6,
  :where(body:not([data-breakpoint-preview-mode])).col-md-6{flex:0 0 auto;width:50%}:where(body:not([data-breakpoint-preview-mode])) .col-md-7,
  :where(body:not([data-breakpoint-preview-mode])).col-md-7{flex:0 0 auto;width:58.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-md-8,
  :where(body:not([data-breakpoint-preview-mode])).col-md-8{flex:0 0 auto;width:66.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-md-9,
  :where(body:not([data-breakpoint-preview-mode])).col-md-9{flex:0 0 auto;width:75%}:where(body:not([data-breakpoint-preview-mode])) .col-md-10,
  :where(body:not([data-breakpoint-preview-mode])).col-md-10{flex:0 0 auto;width:83.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-md-11,
  :where(body:not([data-breakpoint-preview-mode])).col-md-11{flex:0 0 auto;width:91.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-md-12,
  :where(body:not([data-breakpoint-preview-mode])).col-md-12{flex:0 0 auto;width:100%}:where(body:not([data-breakpoint-preview-mode])) .offset-md-0,
  :where(body:not([data-breakpoint-preview-mode])).offset-md-0{margin-left:0}:where(body:not([data-breakpoint-preview-mode])) .offset-md-1,
  :where(body:not([data-breakpoint-preview-mode])).offset-md-1{margin-left:8.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-md-2,
  :where(body:not([data-breakpoint-preview-mode])).offset-md-2{margin-left:16.66666667%}:where(body:not([data-breakpoint-preview-mode])) .offset-md-3,
  :where(body:not([data-breakpoint-preview-mode])).offset-md-3{margin-left:25%}:where(body:not([data-breakpoint-preview-mode])) .offset-md-4,
  :where(body:not([data-breakpoint-preview-mode])).offset-md-4{margin-left:33.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-md-5,
  :where(body:not([data-breakpoint-preview-mode])).offset-md-5{margin-left:41.66666667%}:where(body:not([data-breakpoint-preview-mode])) .offset-md-6,
  :where(body:not([data-breakpoint-preview-mode])).offset-md-6{margin-left:50%}:where(body:not([data-breakpoint-preview-mode])) .offset-md-7,
  :where(body:not([data-breakpoint-preview-mode])).offset-md-7{margin-left:58.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-md-8,
  :where(body:not([data-breakpoint-preview-mode])).offset-md-8{margin-left:66.66666667%}:where(body:not([data-breakpoint-preview-mode])) .offset-md-9,
  :where(body:not([data-breakpoint-preview-mode])).offset-md-9{margin-left:75%}:where(body:not([data-breakpoint-preview-mode])) .offset-md-10,
  :where(body:not([data-breakpoint-preview-mode])).offset-md-10{margin-left:83.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-md-11,
  :where(body:not([data-breakpoint-preview-mode])).offset-md-11{margin-left:91.66666667%}:where(body:not([data-breakpoint-preview-mode])) .g-md-0,
  :where(body:not([data-breakpoint-preview-mode])).g-md-0,
  :where(body:not([data-breakpoint-preview-mode])) .gx-md-0,
  :where(body:not([data-breakpoint-preview-mode])).gx-md-0{--bs-gutter-x: 0}:where(body:not([data-breakpoint-preview-mode])) .g-md-0,
  :where(body:not([data-breakpoint-preview-mode])).g-md-0,
  :where(body:not([data-breakpoint-preview-mode])) .gy-md-0,
  :where(body:not([data-breakpoint-preview-mode])).gy-md-0{--bs-gutter-y: 0}:where(body:not([data-breakpoint-preview-mode])) .g-md-1,
  :where(body:not([data-breakpoint-preview-mode])).g-md-1,
  :where(body:not([data-breakpoint-preview-mode])) .gx-md-1,
  :where(body:not([data-breakpoint-preview-mode])).gx-md-1{--bs-gutter-x: 0.25rem}:where(body:not([data-breakpoint-preview-mode])) .g-md-1,
  :where(body:not([data-breakpoint-preview-mode])).g-md-1,
  :where(body:not([data-breakpoint-preview-mode])) .gy-md-1,
  :where(body:not([data-breakpoint-preview-mode])).gy-md-1{--bs-gutter-y: 0.25rem}:where(body:not([data-breakpoint-preview-mode])) .g-md-2,
  :where(body:not([data-breakpoint-preview-mode])).g-md-2,
  :where(body:not([data-breakpoint-preview-mode])) .gx-md-2,
  :where(body:not([data-breakpoint-preview-mode])).gx-md-2{--bs-gutter-x: 0.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-md-2,
  :where(body:not([data-breakpoint-preview-mode])).g-md-2,
  :where(body:not([data-breakpoint-preview-mode])) .gy-md-2,
  :where(body:not([data-breakpoint-preview-mode])).gy-md-2{--bs-gutter-y: 0.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-md-3,
  :where(body:not([data-breakpoint-preview-mode])).g-md-3,
  :where(body:not([data-breakpoint-preview-mode])) .gx-md-3,
  :where(body:not([data-breakpoint-preview-mode])).gx-md-3{--bs-gutter-x: 1rem}:where(body:not([data-breakpoint-preview-mode])) .g-md-3,
  :where(body:not([data-breakpoint-preview-mode])).g-md-3,
  :where(body:not([data-breakpoint-preview-mode])) .gy-md-3,
  :where(body:not([data-breakpoint-preview-mode])).gy-md-3{--bs-gutter-y: 1rem}:where(body:not([data-breakpoint-preview-mode])) .g-md-4,
  :where(body:not([data-breakpoint-preview-mode])).g-md-4,
  :where(body:not([data-breakpoint-preview-mode])) .gx-md-4,
  :where(body:not([data-breakpoint-preview-mode])).gx-md-4{--bs-gutter-x: 1.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-md-4,
  :where(body:not([data-breakpoint-preview-mode])).g-md-4,
  :where(body:not([data-breakpoint-preview-mode])) .gy-md-4,
  :where(body:not([data-breakpoint-preview-mode])).gy-md-4{--bs-gutter-y: 1.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-md-5,
  :where(body:not([data-breakpoint-preview-mode])).g-md-5,
  :where(body:not([data-breakpoint-preview-mode])) .gx-md-5,
  :where(body:not([data-breakpoint-preview-mode])).gx-md-5{--bs-gutter-x: 3rem}:where(body:not([data-breakpoint-preview-mode])) .g-md-5,
  :where(body:not([data-breakpoint-preview-mode])).g-md-5,
  :where(body:not([data-breakpoint-preview-mode])) .gy-md-5,
  :where(body:not([data-breakpoint-preview-mode])).gy-md-5{--bs-gutter-y: 3rem}}@container (min-width: 768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,
  .gx-md-0{--bs-gutter-x: 0}.g-md-0,
  .gy-md-0{--bs-gutter-y: 0}.g-md-1,
  .gx-md-1{--bs-gutter-x: 0.25rem}.g-md-1,
  .gy-md-1{--bs-gutter-y: 0.25rem}.g-md-2,
  .gx-md-2{--bs-gutter-x: 0.5rem}.g-md-2,
  .gy-md-2{--bs-gutter-y: 0.5rem}.g-md-3,
  .gx-md-3{--bs-gutter-x: 1rem}.g-md-3,
  .gy-md-3{--bs-gutter-y: 1rem}.g-md-4,
  .gx-md-4{--bs-gutter-x: 1.5rem}.g-md-4,
  .gy-md-4{--bs-gutter-y: 1.5rem}.g-md-5,
  .gx-md-5{--bs-gutter-x: 3rem}.g-md-5,
  .gy-md-5{--bs-gutter-y: 3rem}}@media(min-width: 992px){:where(body:not([data-breakpoint-preview-mode])) .col-lg,
  :where(body:not([data-breakpoint-preview-mode])).col-lg{flex:1 0 0%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-lg-auto>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-lg-auto>*{flex:0 0 auto;width:auto}:where(body:not([data-breakpoint-preview-mode])) .row-cols-lg-1>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-lg-1>*{flex:0 0 auto;width:100%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-lg-2>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-lg-2>*{flex:0 0 auto;width:50%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-lg-3>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-lg-4>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-lg-4>*{flex:0 0 auto;width:25%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-lg-5>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-lg-5>*{flex:0 0 auto;width:20%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-lg-6>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}:where(body:not([data-breakpoint-preview-mode])) .col-lg-auto,
  :where(body:not([data-breakpoint-preview-mode])).col-lg-auto{flex:0 0 auto;width:auto}:where(body:not([data-breakpoint-preview-mode])) .col-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).col-lg-1{flex:0 0 auto;width:8.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).col-lg-2{flex:0 0 auto;width:16.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).col-lg-3{flex:0 0 auto;width:25%}:where(body:not([data-breakpoint-preview-mode])) .col-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).col-lg-4{flex:0 0 auto;width:33.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).col-lg-5{flex:0 0 auto;width:41.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-lg-6,
  :where(body:not([data-breakpoint-preview-mode])).col-lg-6{flex:0 0 auto;width:50%}:where(body:not([data-breakpoint-preview-mode])) .col-lg-7,
  :where(body:not([data-breakpoint-preview-mode])).col-lg-7{flex:0 0 auto;width:58.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-lg-8,
  :where(body:not([data-breakpoint-preview-mode])).col-lg-8{flex:0 0 auto;width:66.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-lg-9,
  :where(body:not([data-breakpoint-preview-mode])).col-lg-9{flex:0 0 auto;width:75%}:where(body:not([data-breakpoint-preview-mode])) .col-lg-10,
  :where(body:not([data-breakpoint-preview-mode])).col-lg-10{flex:0 0 auto;width:83.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-lg-11,
  :where(body:not([data-breakpoint-preview-mode])).col-lg-11{flex:0 0 auto;width:91.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-lg-12,
  :where(body:not([data-breakpoint-preview-mode])).col-lg-12{flex:0 0 auto;width:100%}:where(body:not([data-breakpoint-preview-mode])) .offset-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).offset-lg-0{margin-left:0}:where(body:not([data-breakpoint-preview-mode])) .offset-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).offset-lg-1{margin-left:8.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).offset-lg-2{margin-left:16.66666667%}:where(body:not([data-breakpoint-preview-mode])) .offset-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).offset-lg-3{margin-left:25%}:where(body:not([data-breakpoint-preview-mode])) .offset-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).offset-lg-4{margin-left:33.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).offset-lg-5{margin-left:41.66666667%}:where(body:not([data-breakpoint-preview-mode])) .offset-lg-6,
  :where(body:not([data-breakpoint-preview-mode])).offset-lg-6{margin-left:50%}:where(body:not([data-breakpoint-preview-mode])) .offset-lg-7,
  :where(body:not([data-breakpoint-preview-mode])).offset-lg-7{margin-left:58.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-lg-8,
  :where(body:not([data-breakpoint-preview-mode])).offset-lg-8{margin-left:66.66666667%}:where(body:not([data-breakpoint-preview-mode])) .offset-lg-9,
  :where(body:not([data-breakpoint-preview-mode])).offset-lg-9{margin-left:75%}:where(body:not([data-breakpoint-preview-mode])) .offset-lg-10,
  :where(body:not([data-breakpoint-preview-mode])).offset-lg-10{margin-left:83.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-lg-11,
  :where(body:not([data-breakpoint-preview-mode])).offset-lg-11{margin-left:91.66666667%}:where(body:not([data-breakpoint-preview-mode])) .g-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).g-lg-0,
  :where(body:not([data-breakpoint-preview-mode])) .gx-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).gx-lg-0{--bs-gutter-x: 0}:where(body:not([data-breakpoint-preview-mode])) .g-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).g-lg-0,
  :where(body:not([data-breakpoint-preview-mode])) .gy-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).gy-lg-0{--bs-gutter-y: 0}:where(body:not([data-breakpoint-preview-mode])) .g-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).g-lg-1,
  :where(body:not([data-breakpoint-preview-mode])) .gx-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).gx-lg-1{--bs-gutter-x: 0.25rem}:where(body:not([data-breakpoint-preview-mode])) .g-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).g-lg-1,
  :where(body:not([data-breakpoint-preview-mode])) .gy-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).gy-lg-1{--bs-gutter-y: 0.25rem}:where(body:not([data-breakpoint-preview-mode])) .g-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).g-lg-2,
  :where(body:not([data-breakpoint-preview-mode])) .gx-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).gx-lg-2{--bs-gutter-x: 0.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).g-lg-2,
  :where(body:not([data-breakpoint-preview-mode])) .gy-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).gy-lg-2{--bs-gutter-y: 0.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).g-lg-3,
  :where(body:not([data-breakpoint-preview-mode])) .gx-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).gx-lg-3{--bs-gutter-x: 1rem}:where(body:not([data-breakpoint-preview-mode])) .g-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).g-lg-3,
  :where(body:not([data-breakpoint-preview-mode])) .gy-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).gy-lg-3{--bs-gutter-y: 1rem}:where(body:not([data-breakpoint-preview-mode])) .g-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).g-lg-4,
  :where(body:not([data-breakpoint-preview-mode])) .gx-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).gx-lg-4{--bs-gutter-x: 1.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).g-lg-4,
  :where(body:not([data-breakpoint-preview-mode])) .gy-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).gy-lg-4{--bs-gutter-y: 1.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).g-lg-5,
  :where(body:not([data-breakpoint-preview-mode])) .gx-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).gx-lg-5{--bs-gutter-x: 3rem}:where(body:not([data-breakpoint-preview-mode])) .g-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).g-lg-5,
  :where(body:not([data-breakpoint-preview-mode])) .gy-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).gy-lg-5{--bs-gutter-y: 3rem}}@container (min-width: 992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,
  .gx-lg-0{--bs-gutter-x: 0}.g-lg-0,
  .gy-lg-0{--bs-gutter-y: 0}.g-lg-1,
  .gx-lg-1{--bs-gutter-x: 0.25rem}.g-lg-1,
  .gy-lg-1{--bs-gutter-y: 0.25rem}.g-lg-2,
  .gx-lg-2{--bs-gutter-x: 0.5rem}.g-lg-2,
  .gy-lg-2{--bs-gutter-y: 0.5rem}.g-lg-3,
  .gx-lg-3{--bs-gutter-x: 1rem}.g-lg-3,
  .gy-lg-3{--bs-gutter-y: 1rem}.g-lg-4,
  .gx-lg-4{--bs-gutter-x: 1.5rem}.g-lg-4,
  .gy-lg-4{--bs-gutter-y: 1.5rem}.g-lg-5,
  .gx-lg-5{--bs-gutter-x: 3rem}.g-lg-5,
  .gy-lg-5{--bs-gutter-y: 3rem}}@media(min-width: 1200px){:where(body:not([data-breakpoint-preview-mode])) .col-xl,
  :where(body:not([data-breakpoint-preview-mode])).col-xl{flex:1 0 0%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-xl-auto>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-xl-auto>*{flex:0 0 auto;width:auto}:where(body:not([data-breakpoint-preview-mode])) .row-cols-xl-1>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-xl-1>*{flex:0 0 auto;width:100%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-xl-2>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-xl-2>*{flex:0 0 auto;width:50%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-xl-3>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-xl-4>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-xl-4>*{flex:0 0 auto;width:25%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-xl-5>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-xl-5>*{flex:0 0 auto;width:20%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-xl-6>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}:where(body:not([data-breakpoint-preview-mode])) .col-xl-auto,
  :where(body:not([data-breakpoint-preview-mode])).col-xl-auto{flex:0 0 auto;width:auto}:where(body:not([data-breakpoint-preview-mode])) .col-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).col-xl-1{flex:0 0 auto;width:8.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).col-xl-2{flex:0 0 auto;width:16.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).col-xl-3{flex:0 0 auto;width:25%}:where(body:not([data-breakpoint-preview-mode])) .col-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).col-xl-4{flex:0 0 auto;width:33.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).col-xl-5{flex:0 0 auto;width:41.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-xl-6,
  :where(body:not([data-breakpoint-preview-mode])).col-xl-6{flex:0 0 auto;width:50%}:where(body:not([data-breakpoint-preview-mode])) .col-xl-7,
  :where(body:not([data-breakpoint-preview-mode])).col-xl-7{flex:0 0 auto;width:58.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-xl-8,
  :where(body:not([data-breakpoint-preview-mode])).col-xl-8{flex:0 0 auto;width:66.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-xl-9,
  :where(body:not([data-breakpoint-preview-mode])).col-xl-9{flex:0 0 auto;width:75%}:where(body:not([data-breakpoint-preview-mode])) .col-xl-10,
  :where(body:not([data-breakpoint-preview-mode])).col-xl-10{flex:0 0 auto;width:83.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-xl-11,
  :where(body:not([data-breakpoint-preview-mode])).col-xl-11{flex:0 0 auto;width:91.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-xl-12,
  :where(body:not([data-breakpoint-preview-mode])).col-xl-12{flex:0 0 auto;width:100%}:where(body:not([data-breakpoint-preview-mode])) .offset-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).offset-xl-0{margin-left:0}:where(body:not([data-breakpoint-preview-mode])) .offset-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).offset-xl-1{margin-left:8.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).offset-xl-2{margin-left:16.66666667%}:where(body:not([data-breakpoint-preview-mode])) .offset-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).offset-xl-3{margin-left:25%}:where(body:not([data-breakpoint-preview-mode])) .offset-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).offset-xl-4{margin-left:33.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).offset-xl-5{margin-left:41.66666667%}:where(body:not([data-breakpoint-preview-mode])) .offset-xl-6,
  :where(body:not([data-breakpoint-preview-mode])).offset-xl-6{margin-left:50%}:where(body:not([data-breakpoint-preview-mode])) .offset-xl-7,
  :where(body:not([data-breakpoint-preview-mode])).offset-xl-7{margin-left:58.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-xl-8,
  :where(body:not([data-breakpoint-preview-mode])).offset-xl-8{margin-left:66.66666667%}:where(body:not([data-breakpoint-preview-mode])) .offset-xl-9,
  :where(body:not([data-breakpoint-preview-mode])).offset-xl-9{margin-left:75%}:where(body:not([data-breakpoint-preview-mode])) .offset-xl-10,
  :where(body:not([data-breakpoint-preview-mode])).offset-xl-10{margin-left:83.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-xl-11,
  :where(body:not([data-breakpoint-preview-mode])).offset-xl-11{margin-left:91.66666667%}:where(body:not([data-breakpoint-preview-mode])) .g-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).g-xl-0,
  :where(body:not([data-breakpoint-preview-mode])) .gx-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).gx-xl-0{--bs-gutter-x: 0}:where(body:not([data-breakpoint-preview-mode])) .g-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).g-xl-0,
  :where(body:not([data-breakpoint-preview-mode])) .gy-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).gy-xl-0{--bs-gutter-y: 0}:where(body:not([data-breakpoint-preview-mode])) .g-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).g-xl-1,
  :where(body:not([data-breakpoint-preview-mode])) .gx-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).gx-xl-1{--bs-gutter-x: 0.25rem}:where(body:not([data-breakpoint-preview-mode])) .g-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).g-xl-1,
  :where(body:not([data-breakpoint-preview-mode])) .gy-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).gy-xl-1{--bs-gutter-y: 0.25rem}:where(body:not([data-breakpoint-preview-mode])) .g-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).g-xl-2,
  :where(body:not([data-breakpoint-preview-mode])) .gx-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).gx-xl-2{--bs-gutter-x: 0.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).g-xl-2,
  :where(body:not([data-breakpoint-preview-mode])) .gy-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).gy-xl-2{--bs-gutter-y: 0.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).g-xl-3,
  :where(body:not([data-breakpoint-preview-mode])) .gx-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).gx-xl-3{--bs-gutter-x: 1rem}:where(body:not([data-breakpoint-preview-mode])) .g-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).g-xl-3,
  :where(body:not([data-breakpoint-preview-mode])) .gy-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).gy-xl-3{--bs-gutter-y: 1rem}:where(body:not([data-breakpoint-preview-mode])) .g-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).g-xl-4,
  :where(body:not([data-breakpoint-preview-mode])) .gx-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).gx-xl-4{--bs-gutter-x: 1.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).g-xl-4,
  :where(body:not([data-breakpoint-preview-mode])) .gy-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).gy-xl-4{--bs-gutter-y: 1.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).g-xl-5,
  :where(body:not([data-breakpoint-preview-mode])) .gx-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).gx-xl-5{--bs-gutter-x: 3rem}:where(body:not([data-breakpoint-preview-mode])) .g-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).g-xl-5,
  :where(body:not([data-breakpoint-preview-mode])) .gy-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).gy-xl-5{--bs-gutter-y: 3rem}}@container (min-width: 1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,
  .gx-xl-0{--bs-gutter-x: 0}.g-xl-0,
  .gy-xl-0{--bs-gutter-y: 0}.g-xl-1,
  .gx-xl-1{--bs-gutter-x: 0.25rem}.g-xl-1,
  .gy-xl-1{--bs-gutter-y: 0.25rem}.g-xl-2,
  .gx-xl-2{--bs-gutter-x: 0.5rem}.g-xl-2,
  .gy-xl-2{--bs-gutter-y: 0.5rem}.g-xl-3,
  .gx-xl-3{--bs-gutter-x: 1rem}.g-xl-3,
  .gy-xl-3{--bs-gutter-y: 1rem}.g-xl-4,
  .gx-xl-4{--bs-gutter-x: 1.5rem}.g-xl-4,
  .gy-xl-4{--bs-gutter-y: 1.5rem}.g-xl-5,
  .gx-xl-5{--bs-gutter-x: 3rem}.g-xl-5,
  .gy-xl-5{--bs-gutter-y: 3rem}}@media(min-width: 1400px){:where(body:not([data-breakpoint-preview-mode])) .col-xxl,
  :where(body:not([data-breakpoint-preview-mode])).col-xxl{flex:1 0 0%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-xxl-auto>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-xxl-auto>*{flex:0 0 auto;width:auto}:where(body:not([data-breakpoint-preview-mode])) .row-cols-xxl-1>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-xxl-1>*{flex:0 0 auto;width:100%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-xxl-2>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-xxl-2>*{flex:0 0 auto;width:50%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-xxl-3>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-xxl-4>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-xxl-4>*{flex:0 0 auto;width:25%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-xxl-5>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-xxl-5>*{flex:0 0 auto;width:20%}:where(body:not([data-breakpoint-preview-mode])) .row-cols-xxl-6>*,
  :where(body:not([data-breakpoint-preview-mode])).row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}:where(body:not([data-breakpoint-preview-mode])) .col-xxl-auto,
  :where(body:not([data-breakpoint-preview-mode])).col-xxl-auto{flex:0 0 auto;width:auto}:where(body:not([data-breakpoint-preview-mode])) .col-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).col-xxl-1{flex:0 0 auto;width:8.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).col-xxl-2{flex:0 0 auto;width:16.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).col-xxl-3{flex:0 0 auto;width:25%}:where(body:not([data-breakpoint-preview-mode])) .col-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).col-xxl-4{flex:0 0 auto;width:33.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).col-xxl-5{flex:0 0 auto;width:41.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-xxl-6,
  :where(body:not([data-breakpoint-preview-mode])).col-xxl-6{flex:0 0 auto;width:50%}:where(body:not([data-breakpoint-preview-mode])) .col-xxl-7,
  :where(body:not([data-breakpoint-preview-mode])).col-xxl-7{flex:0 0 auto;width:58.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-xxl-8,
  :where(body:not([data-breakpoint-preview-mode])).col-xxl-8{flex:0 0 auto;width:66.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-xxl-9,
  :where(body:not([data-breakpoint-preview-mode])).col-xxl-9{flex:0 0 auto;width:75%}:where(body:not([data-breakpoint-preview-mode])) .col-xxl-10,
  :where(body:not([data-breakpoint-preview-mode])).col-xxl-10{flex:0 0 auto;width:83.33333333%}:where(body:not([data-breakpoint-preview-mode])) .col-xxl-11,
  :where(body:not([data-breakpoint-preview-mode])).col-xxl-11{flex:0 0 auto;width:91.66666667%}:where(body:not([data-breakpoint-preview-mode])) .col-xxl-12,
  :where(body:not([data-breakpoint-preview-mode])).col-xxl-12{flex:0 0 auto;width:100%}:where(body:not([data-breakpoint-preview-mode])) .offset-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).offset-xxl-0{margin-left:0}:where(body:not([data-breakpoint-preview-mode])) .offset-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).offset-xxl-1{margin-left:8.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).offset-xxl-2{margin-left:16.66666667%}:where(body:not([data-breakpoint-preview-mode])) .offset-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).offset-xxl-3{margin-left:25%}:where(body:not([data-breakpoint-preview-mode])) .offset-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).offset-xxl-4{margin-left:33.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).offset-xxl-5{margin-left:41.66666667%}:where(body:not([data-breakpoint-preview-mode])) .offset-xxl-6,
  :where(body:not([data-breakpoint-preview-mode])).offset-xxl-6{margin-left:50%}:where(body:not([data-breakpoint-preview-mode])) .offset-xxl-7,
  :where(body:not([data-breakpoint-preview-mode])).offset-xxl-7{margin-left:58.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-xxl-8,
  :where(body:not([data-breakpoint-preview-mode])).offset-xxl-8{margin-left:66.66666667%}:where(body:not([data-breakpoint-preview-mode])) .offset-xxl-9,
  :where(body:not([data-breakpoint-preview-mode])).offset-xxl-9{margin-left:75%}:where(body:not([data-breakpoint-preview-mode])) .offset-xxl-10,
  :where(body:not([data-breakpoint-preview-mode])).offset-xxl-10{margin-left:83.33333333%}:where(body:not([data-breakpoint-preview-mode])) .offset-xxl-11,
  :where(body:not([data-breakpoint-preview-mode])).offset-xxl-11{margin-left:91.66666667%}:where(body:not([data-breakpoint-preview-mode])) .g-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).g-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])) .gx-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).gx-xxl-0{--bs-gutter-x: 0}:where(body:not([data-breakpoint-preview-mode])) .g-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).g-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])) .gy-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).gy-xxl-0{--bs-gutter-y: 0}:where(body:not([data-breakpoint-preview-mode])) .g-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).g-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])) .gx-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).gx-xxl-1{--bs-gutter-x: 0.25rem}:where(body:not([data-breakpoint-preview-mode])) .g-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).g-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])) .gy-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).gy-xxl-1{--bs-gutter-y: 0.25rem}:where(body:not([data-breakpoint-preview-mode])) .g-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).g-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])) .gx-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).gx-xxl-2{--bs-gutter-x: 0.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).g-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])) .gy-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).gy-xxl-2{--bs-gutter-y: 0.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).g-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])) .gx-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).gx-xxl-3{--bs-gutter-x: 1rem}:where(body:not([data-breakpoint-preview-mode])) .g-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).g-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])) .gy-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).gy-xxl-3{--bs-gutter-y: 1rem}:where(body:not([data-breakpoint-preview-mode])) .g-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).g-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])) .gx-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).gx-xxl-4{--bs-gutter-x: 1.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).g-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])) .gy-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).gy-xxl-4{--bs-gutter-y: 1.5rem}:where(body:not([data-breakpoint-preview-mode])) .g-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).g-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])) .gx-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).gx-xxl-5{--bs-gutter-x: 3rem}:where(body:not([data-breakpoint-preview-mode])) .g-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).g-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])) .gy-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).gy-xxl-5{--bs-gutter-y: 3rem}}@container (min-width: 1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,
  .gx-xxl-0{--bs-gutter-x: 0}.g-xxl-0,
  .gy-xxl-0{--bs-gutter-y: 0}.g-xxl-1,
  .gx-xxl-1{--bs-gutter-x: 0.25rem}.g-xxl-1,
  .gy-xxl-1{--bs-gutter-y: 0.25rem}.g-xxl-2,
  .gx-xxl-2{--bs-gutter-x: 0.5rem}.g-xxl-2,
  .gy-xxl-2{--bs-gutter-y: 0.5rem}.g-xxl-3,
  .gx-xxl-3{--bs-gutter-x: 1rem}.g-xxl-3,
  .gy-xxl-3{--bs-gutter-y: 1rem}.g-xxl-4,
  .gx-xxl-4{--bs-gutter-x: 1.5rem}.g-xxl-4,
  .gy-xxl-4{--bs-gutter-y: 1.5rem}.g-xxl-5,
  .gx-xxl-5{--bs-gutter-x: 3rem}.g-xxl-5,
  .gy-xxl-5{--bs-gutter-y: 3rem}}.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#0d6efd}.link-primary:hover,
  .link-primary:focus{color:rgb(10.4,88,202.4)}.link-secondary{color:#6c757d}.link-secondary:hover,
  .link-secondary:focus{color:rgb(86.4,93.6,100)}.link-success{color:#198754}.link-success:hover,
  .link-success:focus{color:rgb(20,108,67.2)}.link-info{color:#0dcaf0}.link-info:hover,
  .link-info:focus{color:rgb(61.4,212.6,243)}.link-warning{color:#ffc107}.link-warning:hover,
  .link-warning:focus{color:rgb(255,205.4,56.6)}.link-danger{color:#dc3545}.link-danger:hover,
  .link-danger:focus{color:rgb(176,42.4,55.2)}.link-light{color:#f8f9fa}.link-light:hover,
  .link-light:focus{color:rgb(249.4,250.2,251)}.link-dark{color:#212529}.link-dark:hover,
  .link-dark:focus{color:rgb(26.4,29.6,32.8)}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio: 100%}.ratio-4x3{--bs-aspect-ratio: 75%}.ratio-16x9{--bs-aspect-ratio: 56.25%}.ratio-21x9{--bs-aspect-ratio: 42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}:where([data-apos-refreshable-body]) .fixed-top,
  :where([data-apos-refreshable-body]).fixed-top{position:sticky;--container-top: 0;top:var(--container-top);--container-right: 0;right:var(--container-right);--container-left: 0;left:var(--container-left);z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}:where([data-apos-refreshable-body]) .fixed-bottom,
  :where([data-apos-refreshable-body]).fixed-bottom{position:sticky;--container-right: 0;right:var(--container-right);--container-bottom: 0;bottom:var(--container-bottom);--container-left: 0;left:var(--container-left);z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}@media(min-width: 576px){:where(body:not([data-breakpoint-preview-mode])) .sticky-sm-top,
  :where(body:not([data-breakpoint-preview-mode])).sticky-sm-top{position:sticky;top:0;z-index:1020}}@container (min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}}@media(min-width: 768px){:where(body:not([data-breakpoint-preview-mode])) .sticky-md-top,
  :where(body:not([data-breakpoint-preview-mode])).sticky-md-top{position:sticky;top:0;z-index:1020}}@container (min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}}@media(min-width: 992px){:where(body:not([data-breakpoint-preview-mode])) .sticky-lg-top,
  :where(body:not([data-breakpoint-preview-mode])).sticky-lg-top{position:sticky;top:0;z-index:1020}}@container (min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}}@media(min-width: 1200px){:where(body:not([data-breakpoint-preview-mode])) .sticky-xl-top,
  :where(body:not([data-breakpoint-preview-mode])).sticky-xl-top{position:sticky;top:0;z-index:1020}}@container (min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}}@media(min-width: 1400px){:where(body:not([data-breakpoint-preview-mode])) .sticky-xxl-top,
  :where(body:not([data-breakpoint-preview-mode])).sticky-xxl-top{position:sticky;top:0;z-index:1020}}@container (min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,
  .visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentColor;opacity:.25}.align-baseline{vertical-align:baseline !important}.align-top{vertical-align:top !important}.align-middle{vertical-align:middle !important}.align-bottom{vertical-align:bottom !important}.align-text-bottom{vertical-align:text-bottom !important}.align-text-top{vertical-align:text-top !important}.float-start{float:left !important}.float-end{float:right !important}.float-none{float:none !important}.opacity-0{opacity:0 !important}.opacity-25{opacity:.25 !important}.opacity-50{opacity:.5 !important}.opacity-75{opacity:.75 !important}.opacity-100{opacity:1 !important}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-visible{overflow:visible !important}.overflow-scroll{overflow:scroll !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-grid{display:grid !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}.d-none{display:none !important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175) !important}.shadow-none{box-shadow:none !important}.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}:where([data-apos-refreshable-body]) .position-fixed,
  :where([data-apos-refreshable-body]).position-fixed{position:sticky !important}.position-sticky{position:sticky !important}.top-0{top:0 !important}.top-50{top:50% !important}.top-100{top:100% !important}.bottom-0{bottom:0 !important}.bottom-50{bottom:50% !important}.bottom-100{bottom:100% !important}.start-0{left:0 !important}.start-50{left:50% !important}.start-100{left:100% !important}.end-0{right:0 !important}.end-50{right:50% !important}.end-100{right:100% !important}.translate-middle{transform:translate(-50%, -50%) !important}.translate-middle-x{transform:translateX(-50%) !important}.translate-middle-y{transform:translateY(-50%) !important}.border{border:1px solid #dee2e6 !important}.border-0{border:0 !important}.border-top{border-top:1px solid #dee2e6 !important}.border-top-0{border-top:0 !important}.border-end{border-right:1px solid #dee2e6 !important}.border-end-0{border-right:0 !important}.border-bottom{border-bottom:1px solid #dee2e6 !important}.border-bottom-0{border-bottom:0 !important}.border-start{border-left:1px solid #dee2e6 !important}.border-start-0{border-left:0 !important}.border-primary{border-color:#0d6efd !important}.border-secondary{border-color:#6c757d !important}.border-success{border-color:#198754 !important}.border-info{border-color:#0dcaf0 !important}.border-warning{border-color:#ffc107 !important}.border-danger{border-color:#dc3545 !important}.border-light{border-color:#f8f9fa !important}.border-dark{border-color:#212529 !important}.border-white{border-color:#fff !important}.border-1{border-width:1px !important}.border-2{border-width:2px !important}.border-3{border-width:3px !important}.border-4{border-width:4px !important}.border-5{border-width:5px !important}.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-auto{width:auto !important}.mw-100{max-width:100% !important}.vw-100{width:100vw !important}:where([data-apos-refreshable-body]) .vw-100,
  :where([data-apos-refreshable-body]).vw-100{width:100cqw !important}.min-vw-100{min-width:100vw !important}:where([data-apos-refreshable-body]) .min-vw-100,
  :where([data-apos-refreshable-body]).min-vw-100{min-width:100cqw !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.mh-100{max-height:100% !important}.vh-100{height:100vh !important}:where([data-apos-refreshable-body]) .vh-100,
  :where([data-apos-refreshable-body]).vh-100{height:100cqh !important}.min-vh-100{min-height:100vh !important}:where([data-apos-refreshable-body]) .min-vh-100,
  :where([data-apos-refreshable-body]).min-vh-100{min-height:100cqh !important}.flex-fill{flex:1 1 auto !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-0{gap:0 !important}.gap-1{gap:.25rem !important}.gap-2{gap:.5rem !important}.gap-3{gap:1rem !important}.gap-4{gap:1.5rem !important}.gap-5{gap:3rem !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}.order-first{order:-1 !important}.order-0{order:0 !important}.order-1{order:1 !important}.order-2{order:2 !important}.order-3{order:3 !important}.order-4{order:4 !important}.order-5{order:5 !important}.order-last{order:6 !important}.m-0{margin:0 !important}.m-1{margin:.25rem !important}.m-2{margin:.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:3rem !important}.m-auto{margin:auto !important}.mx-0{margin-right:0 !important;margin-left:0 !important}.mx-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-3{margin-right:1rem !important;margin-left:1rem !important}.mx-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-5{margin-right:3rem !important;margin-left:3rem !important}.mx-auto{margin-right:auto !important;margin-left:auto !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-0{margin-top:0 !important}.mt-1{margin-top:.25rem !important}.mt-2{margin-top:.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:3rem !important}.mt-auto{margin-top:auto !important}.me-0{margin-right:0 !important}.me-1{margin-right:.25rem !important}.me-2{margin-right:.5rem !important}.me-3{margin-right:1rem !important}.me-4{margin-right:1.5rem !important}.me-5{margin-right:3rem !important}.me-auto{margin-right:auto !important}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:.25rem !important}.mb-2{margin-bottom:.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:3rem !important}.mb-auto{margin-bottom:auto !important}.ms-0{margin-left:0 !important}.ms-1{margin-left:.25rem !important}.ms-2{margin-left:.5rem !important}.ms-3{margin-left:1rem !important}.ms-4{margin-left:1.5rem !important}.ms-5{margin-left:3rem !important}.ms-auto{margin-left:auto !important}.p-0{padding:0 !important}.p-1{padding:.25rem !important}.p-2{padding:.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:3rem !important}.px-0{padding-right:0 !important;padding-left:0 !important}.px-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-3{padding-right:1rem !important;padding-left:1rem !important}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-5{padding-right:3rem !important;padding-left:3rem !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-0{padding-top:0 !important}.pt-1{padding-top:.25rem !important}.pt-2{padding-top:.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:3rem !important}.pe-0{padding-right:0 !important}.pe-1{padding-right:.25rem !important}.pe-2{padding-right:.5rem !important}.pe-3{padding-right:1rem !important}.pe-4{padding-right:1.5rem !important}.pe-5{padding-right:3rem !important}.pb-0{padding-bottom:0 !important}.pb-1{padding-bottom:.25rem !important}.pb-2{padding-bottom:.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:3rem !important}.ps-0{padding-left:0 !important}.ps-1{padding-left:.25rem !important}.ps-2{padding-left:.5rem !important}.ps-3{padding-left:1rem !important}.ps-4{padding-left:1.5rem !important}.ps-5{padding-left:3rem !important}.font-monospace{font-family:var(--bs-font-monospace) !important}.fs-1{font-size:calc(1.375rem + 1.5vw) !important}:where([data-apos-refreshable-body]) .fs-1,
  :where([data-apos-refreshable-body]).fs-1{font-size:calc(1.375rem + 1.5cqw) !important}.fs-2{font-size:calc(1.325rem + 0.9vw) !important}:where([data-apos-refreshable-body]) .fs-2,
  :where([data-apos-refreshable-body]).fs-2{font-size:calc(1.325rem + 0.9cqw) !important}.fs-3{font-size:calc(1.3rem + 0.6vw) !important}:where([data-apos-refreshable-body]) .fs-3,
  :where([data-apos-refreshable-body]).fs-3{font-size:calc(1.3rem + 0.6cqw) !important}.fs-4{font-size:calc(1.275rem + 0.3vw) !important}:where([data-apos-refreshable-body]) .fs-4,
  :where([data-apos-refreshable-body]).fs-4{font-size:calc(1.275rem + 0.3cqw) !important}.fs-5{font-size:1.25rem !important}.fs-6{font-size:1rem !important}.fst-italic{font-style:italic !important}.fst-normal{font-style:normal !important}.fw-light{font-weight:300 !important}.fw-lighter{font-weight:lighter !important}.fw-normal{font-weight:400 !important}.fw-bold{font-weight:700 !important}.fw-bolder{font-weight:bolder !important}.lh-1{line-height:1 !important}.lh-sm{line-height:1.25 !important}.lh-base{line-height:1.5 !important}.lh-lg{line-height:2 !important}.text-start{text-align:left !important}.text-end{text-align:right !important}.text-center{text-align:center !important}.text-decoration-none{text-decoration:none !important}.text-decoration-underline{text-decoration:underline !important}.text-decoration-line-through{text-decoration:line-through !important}.text-lowercase{text-transform:lowercase !important}.text-uppercase{text-transform:uppercase !important}.text-capitalize{text-transform:capitalize !important}.text-wrap{white-space:normal !important}.text-nowrap{white-space:nowrap !important}.text-break{word-wrap:break-word !important;word-break:break-word !important}.text-primary{--bs-text-opacity: 1;color:rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important}.text-secondary{--bs-text-opacity: 1;color:rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important}.text-success{--bs-text-opacity: 1;color:rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important}.text-info{--bs-text-opacity: 1;color:rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important}.text-warning{--bs-text-opacity: 1;color:rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important}.text-danger{--bs-text-opacity: 1;color:rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important}.text-light{--bs-text-opacity: 1;color:rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important}.text-dark{--bs-text-opacity: 1;color:rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important}.text-black{--bs-text-opacity: 1;color:rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important}.text-white{--bs-text-opacity: 1;color:rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important}.text-body{--bs-text-opacity: 1;color:rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important}.text-muted{--bs-text-opacity: 1;color:#6c757d !important}.text-black-50{--bs-text-opacity: 1;color:rgba(0,0,0,.5) !important}.text-white-50{--bs-text-opacity: 1;color:hsla(0,0%,100%,.5) !important}.text-reset{--bs-text-opacity: 1;color:inherit !important}.text-opacity-25{--bs-text-opacity: 0.25}.text-opacity-50{--bs-text-opacity: 0.5}.text-opacity-75{--bs-text-opacity: 0.75}.text-opacity-100{--bs-text-opacity: 1}.bg-primary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important}.bg-secondary{--bs-bg-opacity: 1;background-color:rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important}.bg-success{--bs-bg-opacity: 1;background-color:rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important}.bg-info{--bs-bg-opacity: 1;background-color:rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important}.bg-warning{--bs-bg-opacity: 1;background-color:rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important}.bg-danger{--bs-bg-opacity: 1;background-color:rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important}.bg-light{--bs-bg-opacity: 1;background-color:rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important}.bg-dark{--bs-bg-opacity: 1;background-color:rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important}.bg-black{--bs-bg-opacity: 1;background-color:rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important}.bg-white{--bs-bg-opacity: 1;background-color:rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important}.bg-body{--bs-bg-opacity: 1;background-color:rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important}.bg-transparent{--bs-bg-opacity: 1;background-color:rgba(0,0,0,0) !important}.bg-opacity-10{--bs-bg-opacity: 0.1}.bg-opacity-25{--bs-bg-opacity: 0.25}.bg-opacity-50{--bs-bg-opacity: 0.5}.bg-opacity-75{--bs-bg-opacity: 0.75}.bg-opacity-100{--bs-bg-opacity: 1}.bg-gradient{background-image:var(--bs-gradient) !important}.user-select-all{user-select:all !important}.user-select-auto{user-select:auto !important}.user-select-none{user-select:none !important}.pe-none{pointer-events:none !important}.pe-auto{pointer-events:auto !important}.rounded{border-radius:.25rem !important}.rounded-0{border-radius:0 !important}.rounded-1{border-radius:.2rem !important}.rounded-2{border-radius:.25rem !important}.rounded-3{border-radius:.3rem !important}.rounded-circle{border-radius:50% !important}.rounded-pill{border-radius:50rem !important}.rounded-top{border-top-left-radius:.25rem !important;border-top-right-radius:.25rem !important}.rounded-end{border-top-right-radius:.25rem !important;border-bottom-right-radius:.25rem !important}.rounded-bottom{border-bottom-right-radius:.25rem !important;border-bottom-left-radius:.25rem !important}.rounded-start{border-bottom-left-radius:.25rem !important;border-top-left-radius:.25rem !important}.visible{visibility:visible !important}.invisible{visibility:hidden !important}@media(min-width: 576px){:where(body:not([data-breakpoint-preview-mode])) .float-sm-start,
  :where(body:not([data-breakpoint-preview-mode])).float-sm-start{float:left !important}:where(body:not([data-breakpoint-preview-mode])) .float-sm-end,
  :where(body:not([data-breakpoint-preview-mode])).float-sm-end{float:right !important}:where(body:not([data-breakpoint-preview-mode])) .float-sm-none,
  :where(body:not([data-breakpoint-preview-mode])).float-sm-none{float:none !important}:where(body:not([data-breakpoint-preview-mode])) .d-sm-inline,
  :where(body:not([data-breakpoint-preview-mode])).d-sm-inline{display:inline !important}:where(body:not([data-breakpoint-preview-mode])) .d-sm-inline-block,
  :where(body:not([data-breakpoint-preview-mode])).d-sm-inline-block{display:inline-block !important}:where(body:not([data-breakpoint-preview-mode])) .d-sm-block,
  :where(body:not([data-breakpoint-preview-mode])).d-sm-block{display:block !important}:where(body:not([data-breakpoint-preview-mode])) .d-sm-grid,
  :where(body:not([data-breakpoint-preview-mode])).d-sm-grid{display:grid !important}:where(body:not([data-breakpoint-preview-mode])) .d-sm-table,
  :where(body:not([data-breakpoint-preview-mode])).d-sm-table{display:table !important}:where(body:not([data-breakpoint-preview-mode])) .d-sm-table-row,
  :where(body:not([data-breakpoint-preview-mode])).d-sm-table-row{display:table-row !important}:where(body:not([data-breakpoint-preview-mode])) .d-sm-table-cell,
  :where(body:not([data-breakpoint-preview-mode])).d-sm-table-cell{display:table-cell !important}:where(body:not([data-breakpoint-preview-mode])) .d-sm-flex,
  :where(body:not([data-breakpoint-preview-mode])).d-sm-flex{display:flex !important}:where(body:not([data-breakpoint-preview-mode])) .d-sm-inline-flex,
  :where(body:not([data-breakpoint-preview-mode])).d-sm-inline-flex{display:inline-flex !important}:where(body:not([data-breakpoint-preview-mode])) .d-sm-none,
  :where(body:not([data-breakpoint-preview-mode])).d-sm-none{display:none !important}:where(body:not([data-breakpoint-preview-mode])) .flex-sm-fill,
  :where(body:not([data-breakpoint-preview-mode])).flex-sm-fill{flex:1 1 auto !important}:where(body:not([data-breakpoint-preview-mode])) .flex-sm-row,
  :where(body:not([data-breakpoint-preview-mode])).flex-sm-row{flex-direction:row !important}:where(body:not([data-breakpoint-preview-mode])) .flex-sm-column,
  :where(body:not([data-breakpoint-preview-mode])).flex-sm-column{flex-direction:column !important}:where(body:not([data-breakpoint-preview-mode])) .flex-sm-row-reverse,
  :where(body:not([data-breakpoint-preview-mode])).flex-sm-row-reverse{flex-direction:row-reverse !important}:where(body:not([data-breakpoint-preview-mode])) .flex-sm-column-reverse,
  :where(body:not([data-breakpoint-preview-mode])).flex-sm-column-reverse{flex-direction:column-reverse !important}:where(body:not([data-breakpoint-preview-mode])) .flex-sm-grow-0,
  :where(body:not([data-breakpoint-preview-mode])).flex-sm-grow-0{flex-grow:0 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-sm-grow-1,
  :where(body:not([data-breakpoint-preview-mode])).flex-sm-grow-1{flex-grow:1 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-sm-shrink-0,
  :where(body:not([data-breakpoint-preview-mode])).flex-sm-shrink-0{flex-shrink:0 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-sm-shrink-1,
  :where(body:not([data-breakpoint-preview-mode])).flex-sm-shrink-1{flex-shrink:1 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-sm-wrap,
  :where(body:not([data-breakpoint-preview-mode])).flex-sm-wrap{flex-wrap:wrap !important}:where(body:not([data-breakpoint-preview-mode])) .flex-sm-nowrap,
  :where(body:not([data-breakpoint-preview-mode])).flex-sm-nowrap{flex-wrap:nowrap !important}:where(body:not([data-breakpoint-preview-mode])) .flex-sm-wrap-reverse,
  :where(body:not([data-breakpoint-preview-mode])).flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}:where(body:not([data-breakpoint-preview-mode])) .gap-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).gap-sm-0{gap:0 !important}:where(body:not([data-breakpoint-preview-mode])) .gap-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).gap-sm-1{gap:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).gap-sm-2{gap:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).gap-sm-3{gap:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).gap-sm-4{gap:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).gap-sm-5{gap:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-sm-start,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-sm-start{justify-content:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-sm-end,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-sm-end{justify-content:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-sm-center,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-sm-center{justify-content:center !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-sm-between,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-sm-between{justify-content:space-between !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-sm-around,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-sm-around{justify-content:space-around !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-sm-evenly,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-sm-evenly{justify-content:space-evenly !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-sm-start,
  :where(body:not([data-breakpoint-preview-mode])).align-items-sm-start{align-items:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-sm-end,
  :where(body:not([data-breakpoint-preview-mode])).align-items-sm-end{align-items:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-sm-center,
  :where(body:not([data-breakpoint-preview-mode])).align-items-sm-center{align-items:center !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-sm-baseline,
  :where(body:not([data-breakpoint-preview-mode])).align-items-sm-baseline{align-items:baseline !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-sm-stretch,
  :where(body:not([data-breakpoint-preview-mode])).align-items-sm-stretch{align-items:stretch !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-sm-start,
  :where(body:not([data-breakpoint-preview-mode])).align-content-sm-start{align-content:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-sm-end,
  :where(body:not([data-breakpoint-preview-mode])).align-content-sm-end{align-content:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-sm-center,
  :where(body:not([data-breakpoint-preview-mode])).align-content-sm-center{align-content:center !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-sm-between,
  :where(body:not([data-breakpoint-preview-mode])).align-content-sm-between{align-content:space-between !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-sm-around,
  :where(body:not([data-breakpoint-preview-mode])).align-content-sm-around{align-content:space-around !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-sm-stretch,
  :where(body:not([data-breakpoint-preview-mode])).align-content-sm-stretch{align-content:stretch !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-sm-auto,
  :where(body:not([data-breakpoint-preview-mode])).align-self-sm-auto{align-self:auto !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-sm-start,
  :where(body:not([data-breakpoint-preview-mode])).align-self-sm-start{align-self:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-sm-end,
  :where(body:not([data-breakpoint-preview-mode])).align-self-sm-end{align-self:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-sm-center,
  :where(body:not([data-breakpoint-preview-mode])).align-self-sm-center{align-self:center !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-sm-baseline,
  :where(body:not([data-breakpoint-preview-mode])).align-self-sm-baseline{align-self:baseline !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-sm-stretch,
  :where(body:not([data-breakpoint-preview-mode])).align-self-sm-stretch{align-self:stretch !important}:where(body:not([data-breakpoint-preview-mode])) .order-sm-first,
  :where(body:not([data-breakpoint-preview-mode])).order-sm-first{order:-1 !important}:where(body:not([data-breakpoint-preview-mode])) .order-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).order-sm-0{order:0 !important}:where(body:not([data-breakpoint-preview-mode])) .order-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).order-sm-1{order:1 !important}:where(body:not([data-breakpoint-preview-mode])) .order-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).order-sm-2{order:2 !important}:where(body:not([data-breakpoint-preview-mode])) .order-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).order-sm-3{order:3 !important}:where(body:not([data-breakpoint-preview-mode])) .order-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).order-sm-4{order:4 !important}:where(body:not([data-breakpoint-preview-mode])) .order-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).order-sm-5{order:5 !important}:where(body:not([data-breakpoint-preview-mode])) .order-sm-last,
  :where(body:not([data-breakpoint-preview-mode])).order-sm-last{order:6 !important}:where(body:not([data-breakpoint-preview-mode])) .m-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).m-sm-0{margin:0 !important}:where(body:not([data-breakpoint-preview-mode])) .m-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).m-sm-1{margin:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).m-sm-2{margin:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).m-sm-3{margin:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).m-sm-4{margin:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).m-sm-5{margin:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-sm-auto,
  :where(body:not([data-breakpoint-preview-mode])).m-sm-auto{margin:auto !important}:where(body:not([data-breakpoint-preview-mode])) .mx-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).mx-sm-0{margin-right:0 !important;margin-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .mx-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).mx-sm-1{margin-right:.25rem !important;margin-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).mx-sm-2{margin-right:.5rem !important;margin-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).mx-sm-3{margin-right:1rem !important;margin-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).mx-sm-4{margin-right:1.5rem !important;margin-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).mx-sm-5{margin-right:3rem !important;margin-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-sm-auto,
  :where(body:not([data-breakpoint-preview-mode])).mx-sm-auto{margin-right:auto !important;margin-left:auto !important}:where(body:not([data-breakpoint-preview-mode])) .my-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).my-sm-0{margin-top:0 !important;margin-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .my-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).my-sm-1{margin-top:.25rem !important;margin-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).my-sm-2{margin-top:.5rem !important;margin-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).my-sm-3{margin-top:1rem !important;margin-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).my-sm-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).my-sm-5{margin-top:3rem !important;margin-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-sm-auto,
  :where(body:not([data-breakpoint-preview-mode])).my-sm-auto{margin-top:auto !important;margin-bottom:auto !important}:where(body:not([data-breakpoint-preview-mode])) .mt-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).mt-sm-0{margin-top:0 !important}:where(body:not([data-breakpoint-preview-mode])) .mt-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).mt-sm-1{margin-top:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).mt-sm-2{margin-top:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).mt-sm-3{margin-top:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).mt-sm-4{margin-top:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).mt-sm-5{margin-top:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-sm-auto,
  :where(body:not([data-breakpoint-preview-mode])).mt-sm-auto{margin-top:auto !important}:where(body:not([data-breakpoint-preview-mode])) .me-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).me-sm-0{margin-right:0 !important}:where(body:not([data-breakpoint-preview-mode])) .me-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).me-sm-1{margin-right:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).me-sm-2{margin-right:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).me-sm-3{margin-right:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).me-sm-4{margin-right:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).me-sm-5{margin-right:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-sm-auto,
  :where(body:not([data-breakpoint-preview-mode])).me-sm-auto{margin-right:auto !important}:where(body:not([data-breakpoint-preview-mode])) .mb-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).mb-sm-0{margin-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .mb-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).mb-sm-1{margin-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).mb-sm-2{margin-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).mb-sm-3{margin-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).mb-sm-4{margin-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).mb-sm-5{margin-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-sm-auto,
  :where(body:not([data-breakpoint-preview-mode])).mb-sm-auto{margin-bottom:auto !important}:where(body:not([data-breakpoint-preview-mode])) .ms-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).ms-sm-0{margin-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .ms-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).ms-sm-1{margin-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).ms-sm-2{margin-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).ms-sm-3{margin-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).ms-sm-4{margin-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).ms-sm-5{margin-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-sm-auto,
  :where(body:not([data-breakpoint-preview-mode])).ms-sm-auto{margin-left:auto !important}:where(body:not([data-breakpoint-preview-mode])) .p-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).p-sm-0{padding:0 !important}:where(body:not([data-breakpoint-preview-mode])) .p-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).p-sm-1{padding:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).p-sm-2{padding:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).p-sm-3{padding:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).p-sm-4{padding:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).p-sm-5{padding:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).px-sm-0{padding-right:0 !important;padding-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .px-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).px-sm-1{padding-right:.25rem !important;padding-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).px-sm-2{padding-right:.5rem !important;padding-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).px-sm-3{padding-right:1rem !important;padding-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).px-sm-4{padding-right:1.5rem !important;padding-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).px-sm-5{padding-right:3rem !important;padding-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).py-sm-0{padding-top:0 !important;padding-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .py-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).py-sm-1{padding-top:.25rem !important;padding-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).py-sm-2{padding-top:.5rem !important;padding-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).py-sm-3{padding-top:1rem !important;padding-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).py-sm-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).py-sm-5{padding-top:3rem !important;padding-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).pt-sm-0{padding-top:0 !important}:where(body:not([data-breakpoint-preview-mode])) .pt-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).pt-sm-1{padding-top:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).pt-sm-2{padding-top:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).pt-sm-3{padding-top:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).pt-sm-4{padding-top:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).pt-sm-5{padding-top:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).pe-sm-0{padding-right:0 !important}:where(body:not([data-breakpoint-preview-mode])) .pe-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).pe-sm-1{padding-right:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).pe-sm-2{padding-right:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).pe-sm-3{padding-right:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).pe-sm-4{padding-right:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).pe-sm-5{padding-right:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).pb-sm-0{padding-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .pb-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).pb-sm-1{padding-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).pb-sm-2{padding-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).pb-sm-3{padding-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).pb-sm-4{padding-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).pb-sm-5{padding-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-sm-0,
  :where(body:not([data-breakpoint-preview-mode])).ps-sm-0{padding-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .ps-sm-1,
  :where(body:not([data-breakpoint-preview-mode])).ps-sm-1{padding-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-sm-2,
  :where(body:not([data-breakpoint-preview-mode])).ps-sm-2{padding-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-sm-3,
  :where(body:not([data-breakpoint-preview-mode])).ps-sm-3{padding-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-sm-4,
  :where(body:not([data-breakpoint-preview-mode])).ps-sm-4{padding-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-sm-5,
  :where(body:not([data-breakpoint-preview-mode])).ps-sm-5{padding-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .text-sm-start,
  :where(body:not([data-breakpoint-preview-mode])).text-sm-start{text-align:left !important}:where(body:not([data-breakpoint-preview-mode])) .text-sm-end,
  :where(body:not([data-breakpoint-preview-mode])).text-sm-end{text-align:right !important}:where(body:not([data-breakpoint-preview-mode])) .text-sm-center,
  :where(body:not([data-breakpoint-preview-mode])).text-sm-center{text-align:center !important}}@container (min-width: 576px){.float-sm-start{float:left !important}.float-sm-end{float:right !important}.float-sm-none{float:none !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-grid{display:grid !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}.d-sm-none{display:none !important}.flex-sm-fill{flex:1 1 auto !important}.flex-sm-row{flex-direction:row !important}.flex-sm-column{flex-direction:column !important}.flex-sm-row-reverse{flex-direction:row-reverse !important}.flex-sm-column-reverse{flex-direction:column-reverse !important}.flex-sm-grow-0{flex-grow:0 !important}.flex-sm-grow-1{flex-grow:1 !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-shrink-1{flex-shrink:1 !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-sm-0{gap:0 !important}.gap-sm-1{gap:.25rem !important}.gap-sm-2{gap:.5rem !important}.gap-sm-3{gap:1rem !important}.gap-sm-4{gap:1.5rem !important}.gap-sm-5{gap:3rem !important}.justify-content-sm-start{justify-content:flex-start !important}.justify-content-sm-end{justify-content:flex-end !important}.justify-content-sm-center{justify-content:center !important}.justify-content-sm-between{justify-content:space-between !important}.justify-content-sm-around{justify-content:space-around !important}.justify-content-sm-evenly{justify-content:space-evenly !important}.align-items-sm-start{align-items:flex-start !important}.align-items-sm-end{align-items:flex-end !important}.align-items-sm-center{align-items:center !important}.align-items-sm-baseline{align-items:baseline !important}.align-items-sm-stretch{align-items:stretch !important}.align-content-sm-start{align-content:flex-start !important}.align-content-sm-end{align-content:flex-end !important}.align-content-sm-center{align-content:center !important}.align-content-sm-between{align-content:space-between !important}.align-content-sm-around{align-content:space-around !important}.align-content-sm-stretch{align-content:stretch !important}.align-self-sm-auto{align-self:auto !important}.align-self-sm-start{align-self:flex-start !important}.align-self-sm-end{align-self:flex-end !important}.align-self-sm-center{align-self:center !important}.align-self-sm-baseline{align-self:baseline !important}.align-self-sm-stretch{align-self:stretch !important}.order-sm-first{order:-1 !important}.order-sm-0{order:0 !important}.order-sm-1{order:1 !important}.order-sm-2{order:2 !important}.order-sm-3{order:3 !important}.order-sm-4{order:4 !important}.order-sm-5{order:5 !important}.order-sm-last{order:6 !important}.m-sm-0{margin:0 !important}.m-sm-1{margin:.25rem !important}.m-sm-2{margin:.5rem !important}.m-sm-3{margin:1rem !important}.m-sm-4{margin:1.5rem !important}.m-sm-5{margin:3rem !important}.m-sm-auto{margin:auto !important}.mx-sm-0{margin-right:0 !important;margin-left:0 !important}.mx-sm-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-sm-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-sm-3{margin-right:1rem !important;margin-left:1rem !important}.mx-sm-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-sm-5{margin-right:3rem !important;margin-left:3rem !important}.mx-sm-auto{margin-right:auto !important;margin-left:auto !important}.my-sm-0{margin-top:0 !important;margin-bottom:0 !important}.my-sm-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-sm-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-sm-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-sm-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-sm-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-sm-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-sm-0{margin-top:0 !important}.mt-sm-1{margin-top:.25rem !important}.mt-sm-2{margin-top:.5rem !important}.mt-sm-3{margin-top:1rem !important}.mt-sm-4{margin-top:1.5rem !important}.mt-sm-5{margin-top:3rem !important}.mt-sm-auto{margin-top:auto !important}.me-sm-0{margin-right:0 !important}.me-sm-1{margin-right:.25rem !important}.me-sm-2{margin-right:.5rem !important}.me-sm-3{margin-right:1rem !important}.me-sm-4{margin-right:1.5rem !important}.me-sm-5{margin-right:3rem !important}.me-sm-auto{margin-right:auto !important}.mb-sm-0{margin-bottom:0 !important}.mb-sm-1{margin-bottom:.25rem !important}.mb-sm-2{margin-bottom:.5rem !important}.mb-sm-3{margin-bottom:1rem !important}.mb-sm-4{margin-bottom:1.5rem !important}.mb-sm-5{margin-bottom:3rem !important}.mb-sm-auto{margin-bottom:auto !important}.ms-sm-0{margin-left:0 !important}.ms-sm-1{margin-left:.25rem !important}.ms-sm-2{margin-left:.5rem !important}.ms-sm-3{margin-left:1rem !important}.ms-sm-4{margin-left:1.5rem !important}.ms-sm-5{margin-left:3rem !important}.ms-sm-auto{margin-left:auto !important}.p-sm-0{padding:0 !important}.p-sm-1{padding:.25rem !important}.p-sm-2{padding:.5rem !important}.p-sm-3{padding:1rem !important}.p-sm-4{padding:1.5rem !important}.p-sm-5{padding:3rem !important}.px-sm-0{padding-right:0 !important;padding-left:0 !important}.px-sm-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-sm-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-sm-3{padding-right:1rem !important;padding-left:1rem !important}.px-sm-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-sm-5{padding-right:3rem !important;padding-left:3rem !important}.py-sm-0{padding-top:0 !important;padding-bottom:0 !important}.py-sm-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-sm-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-sm-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-sm-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-sm-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-sm-0{padding-top:0 !important}.pt-sm-1{padding-top:.25rem !important}.pt-sm-2{padding-top:.5rem !important}.pt-sm-3{padding-top:1rem !important}.pt-sm-4{padding-top:1.5rem !important}.pt-sm-5{padding-top:3rem !important}.pe-sm-0{padding-right:0 !important}.pe-sm-1{padding-right:.25rem !important}.pe-sm-2{padding-right:.5rem !important}.pe-sm-3{padding-right:1rem !important}.pe-sm-4{padding-right:1.5rem !important}.pe-sm-5{padding-right:3rem !important}.pb-sm-0{padding-bottom:0 !important}.pb-sm-1{padding-bottom:.25rem !important}.pb-sm-2{padding-bottom:.5rem !important}.pb-sm-3{padding-bottom:1rem !important}.pb-sm-4{padding-bottom:1.5rem !important}.pb-sm-5{padding-bottom:3rem !important}.ps-sm-0{padding-left:0 !important}.ps-sm-1{padding-left:.25rem !important}.ps-sm-2{padding-left:.5rem !important}.ps-sm-3{padding-left:1rem !important}.ps-sm-4{padding-left:1.5rem !important}.ps-sm-5{padding-left:3rem !important}.text-sm-start{text-align:left !important}.text-sm-end{text-align:right !important}.text-sm-center{text-align:center !important}}@media(min-width: 768px){:where(body:not([data-breakpoint-preview-mode])) .float-md-start,
  :where(body:not([data-breakpoint-preview-mode])).float-md-start{float:left !important}:where(body:not([data-breakpoint-preview-mode])) .float-md-end,
  :where(body:not([data-breakpoint-preview-mode])).float-md-end{float:right !important}:where(body:not([data-breakpoint-preview-mode])) .float-md-none,
  :where(body:not([data-breakpoint-preview-mode])).float-md-none{float:none !important}:where(body:not([data-breakpoint-preview-mode])) .d-md-inline,
  :where(body:not([data-breakpoint-preview-mode])).d-md-inline{display:inline !important}:where(body:not([data-breakpoint-preview-mode])) .d-md-inline-block,
  :where(body:not([data-breakpoint-preview-mode])).d-md-inline-block{display:inline-block !important}:where(body:not([data-breakpoint-preview-mode])) .d-md-block,
  :where(body:not([data-breakpoint-preview-mode])).d-md-block{display:block !important}:where(body:not([data-breakpoint-preview-mode])) .d-md-grid,
  :where(body:not([data-breakpoint-preview-mode])).d-md-grid{display:grid !important}:where(body:not([data-breakpoint-preview-mode])) .d-md-table,
  :where(body:not([data-breakpoint-preview-mode])).d-md-table{display:table !important}:where(body:not([data-breakpoint-preview-mode])) .d-md-table-row,
  :where(body:not([data-breakpoint-preview-mode])).d-md-table-row{display:table-row !important}:where(body:not([data-breakpoint-preview-mode])) .d-md-table-cell,
  :where(body:not([data-breakpoint-preview-mode])).d-md-table-cell{display:table-cell !important}:where(body:not([data-breakpoint-preview-mode])) .d-md-flex,
  :where(body:not([data-breakpoint-preview-mode])).d-md-flex{display:flex !important}:where(body:not([data-breakpoint-preview-mode])) .d-md-inline-flex,
  :where(body:not([data-breakpoint-preview-mode])).d-md-inline-flex{display:inline-flex !important}:where(body:not([data-breakpoint-preview-mode])) .d-md-none,
  :where(body:not([data-breakpoint-preview-mode])).d-md-none{display:none !important}:where(body:not([data-breakpoint-preview-mode])) .flex-md-fill,
  :where(body:not([data-breakpoint-preview-mode])).flex-md-fill{flex:1 1 auto !important}:where(body:not([data-breakpoint-preview-mode])) .flex-md-row,
  :where(body:not([data-breakpoint-preview-mode])).flex-md-row{flex-direction:row !important}:where(body:not([data-breakpoint-preview-mode])) .flex-md-column,
  :where(body:not([data-breakpoint-preview-mode])).flex-md-column{flex-direction:column !important}:where(body:not([data-breakpoint-preview-mode])) .flex-md-row-reverse,
  :where(body:not([data-breakpoint-preview-mode])).flex-md-row-reverse{flex-direction:row-reverse !important}:where(body:not([data-breakpoint-preview-mode])) .flex-md-column-reverse,
  :where(body:not([data-breakpoint-preview-mode])).flex-md-column-reverse{flex-direction:column-reverse !important}:where(body:not([data-breakpoint-preview-mode])) .flex-md-grow-0,
  :where(body:not([data-breakpoint-preview-mode])).flex-md-grow-0{flex-grow:0 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-md-grow-1,
  :where(body:not([data-breakpoint-preview-mode])).flex-md-grow-1{flex-grow:1 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-md-shrink-0,
  :where(body:not([data-breakpoint-preview-mode])).flex-md-shrink-0{flex-shrink:0 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-md-shrink-1,
  :where(body:not([data-breakpoint-preview-mode])).flex-md-shrink-1{flex-shrink:1 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-md-wrap,
  :where(body:not([data-breakpoint-preview-mode])).flex-md-wrap{flex-wrap:wrap !important}:where(body:not([data-breakpoint-preview-mode])) .flex-md-nowrap,
  :where(body:not([data-breakpoint-preview-mode])).flex-md-nowrap{flex-wrap:nowrap !important}:where(body:not([data-breakpoint-preview-mode])) .flex-md-wrap-reverse,
  :where(body:not([data-breakpoint-preview-mode])).flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}:where(body:not([data-breakpoint-preview-mode])) .gap-md-0,
  :where(body:not([data-breakpoint-preview-mode])).gap-md-0{gap:0 !important}:where(body:not([data-breakpoint-preview-mode])) .gap-md-1,
  :where(body:not([data-breakpoint-preview-mode])).gap-md-1{gap:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-md-2,
  :where(body:not([data-breakpoint-preview-mode])).gap-md-2{gap:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-md-3,
  :where(body:not([data-breakpoint-preview-mode])).gap-md-3{gap:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-md-4,
  :where(body:not([data-breakpoint-preview-mode])).gap-md-4{gap:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-md-5,
  :where(body:not([data-breakpoint-preview-mode])).gap-md-5{gap:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-md-start,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-md-start{justify-content:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-md-end,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-md-end{justify-content:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-md-center,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-md-center{justify-content:center !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-md-between,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-md-between{justify-content:space-between !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-md-around,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-md-around{justify-content:space-around !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-md-evenly,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-md-evenly{justify-content:space-evenly !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-md-start,
  :where(body:not([data-breakpoint-preview-mode])).align-items-md-start{align-items:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-md-end,
  :where(body:not([data-breakpoint-preview-mode])).align-items-md-end{align-items:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-md-center,
  :where(body:not([data-breakpoint-preview-mode])).align-items-md-center{align-items:center !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-md-baseline,
  :where(body:not([data-breakpoint-preview-mode])).align-items-md-baseline{align-items:baseline !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-md-stretch,
  :where(body:not([data-breakpoint-preview-mode])).align-items-md-stretch{align-items:stretch !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-md-start,
  :where(body:not([data-breakpoint-preview-mode])).align-content-md-start{align-content:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-md-end,
  :where(body:not([data-breakpoint-preview-mode])).align-content-md-end{align-content:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-md-center,
  :where(body:not([data-breakpoint-preview-mode])).align-content-md-center{align-content:center !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-md-between,
  :where(body:not([data-breakpoint-preview-mode])).align-content-md-between{align-content:space-between !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-md-around,
  :where(body:not([data-breakpoint-preview-mode])).align-content-md-around{align-content:space-around !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-md-stretch,
  :where(body:not([data-breakpoint-preview-mode])).align-content-md-stretch{align-content:stretch !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-md-auto,
  :where(body:not([data-breakpoint-preview-mode])).align-self-md-auto{align-self:auto !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-md-start,
  :where(body:not([data-breakpoint-preview-mode])).align-self-md-start{align-self:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-md-end,
  :where(body:not([data-breakpoint-preview-mode])).align-self-md-end{align-self:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-md-center,
  :where(body:not([data-breakpoint-preview-mode])).align-self-md-center{align-self:center !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-md-baseline,
  :where(body:not([data-breakpoint-preview-mode])).align-self-md-baseline{align-self:baseline !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-md-stretch,
  :where(body:not([data-breakpoint-preview-mode])).align-self-md-stretch{align-self:stretch !important}:where(body:not([data-breakpoint-preview-mode])) .order-md-first,
  :where(body:not([data-breakpoint-preview-mode])).order-md-first{order:-1 !important}:where(body:not([data-breakpoint-preview-mode])) .order-md-0,
  :where(body:not([data-breakpoint-preview-mode])).order-md-0{order:0 !important}:where(body:not([data-breakpoint-preview-mode])) .order-md-1,
  :where(body:not([data-breakpoint-preview-mode])).order-md-1{order:1 !important}:where(body:not([data-breakpoint-preview-mode])) .order-md-2,
  :where(body:not([data-breakpoint-preview-mode])).order-md-2{order:2 !important}:where(body:not([data-breakpoint-preview-mode])) .order-md-3,
  :where(body:not([data-breakpoint-preview-mode])).order-md-3{order:3 !important}:where(body:not([data-breakpoint-preview-mode])) .order-md-4,
  :where(body:not([data-breakpoint-preview-mode])).order-md-4{order:4 !important}:where(body:not([data-breakpoint-preview-mode])) .order-md-5,
  :where(body:not([data-breakpoint-preview-mode])).order-md-5{order:5 !important}:where(body:not([data-breakpoint-preview-mode])) .order-md-last,
  :where(body:not([data-breakpoint-preview-mode])).order-md-last{order:6 !important}:where(body:not([data-breakpoint-preview-mode])) .m-md-0,
  :where(body:not([data-breakpoint-preview-mode])).m-md-0{margin:0 !important}:where(body:not([data-breakpoint-preview-mode])) .m-md-1,
  :where(body:not([data-breakpoint-preview-mode])).m-md-1{margin:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-md-2,
  :where(body:not([data-breakpoint-preview-mode])).m-md-2{margin:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-md-3,
  :where(body:not([data-breakpoint-preview-mode])).m-md-3{margin:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-md-4,
  :where(body:not([data-breakpoint-preview-mode])).m-md-4{margin:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-md-5,
  :where(body:not([data-breakpoint-preview-mode])).m-md-5{margin:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-md-auto,
  :where(body:not([data-breakpoint-preview-mode])).m-md-auto{margin:auto !important}:where(body:not([data-breakpoint-preview-mode])) .mx-md-0,
  :where(body:not([data-breakpoint-preview-mode])).mx-md-0{margin-right:0 !important;margin-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .mx-md-1,
  :where(body:not([data-breakpoint-preview-mode])).mx-md-1{margin-right:.25rem !important;margin-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-md-2,
  :where(body:not([data-breakpoint-preview-mode])).mx-md-2{margin-right:.5rem !important;margin-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-md-3,
  :where(body:not([data-breakpoint-preview-mode])).mx-md-3{margin-right:1rem !important;margin-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-md-4,
  :where(body:not([data-breakpoint-preview-mode])).mx-md-4{margin-right:1.5rem !important;margin-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-md-5,
  :where(body:not([data-breakpoint-preview-mode])).mx-md-5{margin-right:3rem !important;margin-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-md-auto,
  :where(body:not([data-breakpoint-preview-mode])).mx-md-auto{margin-right:auto !important;margin-left:auto !important}:where(body:not([data-breakpoint-preview-mode])) .my-md-0,
  :where(body:not([data-breakpoint-preview-mode])).my-md-0{margin-top:0 !important;margin-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .my-md-1,
  :where(body:not([data-breakpoint-preview-mode])).my-md-1{margin-top:.25rem !important;margin-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-md-2,
  :where(body:not([data-breakpoint-preview-mode])).my-md-2{margin-top:.5rem !important;margin-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-md-3,
  :where(body:not([data-breakpoint-preview-mode])).my-md-3{margin-top:1rem !important;margin-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-md-4,
  :where(body:not([data-breakpoint-preview-mode])).my-md-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-md-5,
  :where(body:not([data-breakpoint-preview-mode])).my-md-5{margin-top:3rem !important;margin-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-md-auto,
  :where(body:not([data-breakpoint-preview-mode])).my-md-auto{margin-top:auto !important;margin-bottom:auto !important}:where(body:not([data-breakpoint-preview-mode])) .mt-md-0,
  :where(body:not([data-breakpoint-preview-mode])).mt-md-0{margin-top:0 !important}:where(body:not([data-breakpoint-preview-mode])) .mt-md-1,
  :where(body:not([data-breakpoint-preview-mode])).mt-md-1{margin-top:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-md-2,
  :where(body:not([data-breakpoint-preview-mode])).mt-md-2{margin-top:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-md-3,
  :where(body:not([data-breakpoint-preview-mode])).mt-md-3{margin-top:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-md-4,
  :where(body:not([data-breakpoint-preview-mode])).mt-md-4{margin-top:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-md-5,
  :where(body:not([data-breakpoint-preview-mode])).mt-md-5{margin-top:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-md-auto,
  :where(body:not([data-breakpoint-preview-mode])).mt-md-auto{margin-top:auto !important}:where(body:not([data-breakpoint-preview-mode])) .me-md-0,
  :where(body:not([data-breakpoint-preview-mode])).me-md-0{margin-right:0 !important}:where(body:not([data-breakpoint-preview-mode])) .me-md-1,
  :where(body:not([data-breakpoint-preview-mode])).me-md-1{margin-right:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-md-2,
  :where(body:not([data-breakpoint-preview-mode])).me-md-2{margin-right:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-md-3,
  :where(body:not([data-breakpoint-preview-mode])).me-md-3{margin-right:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-md-4,
  :where(body:not([data-breakpoint-preview-mode])).me-md-4{margin-right:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-md-5,
  :where(body:not([data-breakpoint-preview-mode])).me-md-5{margin-right:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-md-auto,
  :where(body:not([data-breakpoint-preview-mode])).me-md-auto{margin-right:auto !important}:where(body:not([data-breakpoint-preview-mode])) .mb-md-0,
  :where(body:not([data-breakpoint-preview-mode])).mb-md-0{margin-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .mb-md-1,
  :where(body:not([data-breakpoint-preview-mode])).mb-md-1{margin-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-md-2,
  :where(body:not([data-breakpoint-preview-mode])).mb-md-2{margin-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-md-3,
  :where(body:not([data-breakpoint-preview-mode])).mb-md-3{margin-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-md-4,
  :where(body:not([data-breakpoint-preview-mode])).mb-md-4{margin-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-md-5,
  :where(body:not([data-breakpoint-preview-mode])).mb-md-5{margin-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-md-auto,
  :where(body:not([data-breakpoint-preview-mode])).mb-md-auto{margin-bottom:auto !important}:where(body:not([data-breakpoint-preview-mode])) .ms-md-0,
  :where(body:not([data-breakpoint-preview-mode])).ms-md-0{margin-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .ms-md-1,
  :where(body:not([data-breakpoint-preview-mode])).ms-md-1{margin-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-md-2,
  :where(body:not([data-breakpoint-preview-mode])).ms-md-2{margin-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-md-3,
  :where(body:not([data-breakpoint-preview-mode])).ms-md-3{margin-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-md-4,
  :where(body:not([data-breakpoint-preview-mode])).ms-md-4{margin-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-md-5,
  :where(body:not([data-breakpoint-preview-mode])).ms-md-5{margin-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-md-auto,
  :where(body:not([data-breakpoint-preview-mode])).ms-md-auto{margin-left:auto !important}:where(body:not([data-breakpoint-preview-mode])) .p-md-0,
  :where(body:not([data-breakpoint-preview-mode])).p-md-0{padding:0 !important}:where(body:not([data-breakpoint-preview-mode])) .p-md-1,
  :where(body:not([data-breakpoint-preview-mode])).p-md-1{padding:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-md-2,
  :where(body:not([data-breakpoint-preview-mode])).p-md-2{padding:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-md-3,
  :where(body:not([data-breakpoint-preview-mode])).p-md-3{padding:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-md-4,
  :where(body:not([data-breakpoint-preview-mode])).p-md-4{padding:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-md-5,
  :where(body:not([data-breakpoint-preview-mode])).p-md-5{padding:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-md-0,
  :where(body:not([data-breakpoint-preview-mode])).px-md-0{padding-right:0 !important;padding-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .px-md-1,
  :where(body:not([data-breakpoint-preview-mode])).px-md-1{padding-right:.25rem !important;padding-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-md-2,
  :where(body:not([data-breakpoint-preview-mode])).px-md-2{padding-right:.5rem !important;padding-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-md-3,
  :where(body:not([data-breakpoint-preview-mode])).px-md-3{padding-right:1rem !important;padding-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-md-4,
  :where(body:not([data-breakpoint-preview-mode])).px-md-4{padding-right:1.5rem !important;padding-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-md-5,
  :where(body:not([data-breakpoint-preview-mode])).px-md-5{padding-right:3rem !important;padding-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-md-0,
  :where(body:not([data-breakpoint-preview-mode])).py-md-0{padding-top:0 !important;padding-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .py-md-1,
  :where(body:not([data-breakpoint-preview-mode])).py-md-1{padding-top:.25rem !important;padding-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-md-2,
  :where(body:not([data-breakpoint-preview-mode])).py-md-2{padding-top:.5rem !important;padding-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-md-3,
  :where(body:not([data-breakpoint-preview-mode])).py-md-3{padding-top:1rem !important;padding-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-md-4,
  :where(body:not([data-breakpoint-preview-mode])).py-md-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-md-5,
  :where(body:not([data-breakpoint-preview-mode])).py-md-5{padding-top:3rem !important;padding-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-md-0,
  :where(body:not([data-breakpoint-preview-mode])).pt-md-0{padding-top:0 !important}:where(body:not([data-breakpoint-preview-mode])) .pt-md-1,
  :where(body:not([data-breakpoint-preview-mode])).pt-md-1{padding-top:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-md-2,
  :where(body:not([data-breakpoint-preview-mode])).pt-md-2{padding-top:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-md-3,
  :where(body:not([data-breakpoint-preview-mode])).pt-md-3{padding-top:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-md-4,
  :where(body:not([data-breakpoint-preview-mode])).pt-md-4{padding-top:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-md-5,
  :where(body:not([data-breakpoint-preview-mode])).pt-md-5{padding-top:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-md-0,
  :where(body:not([data-breakpoint-preview-mode])).pe-md-0{padding-right:0 !important}:where(body:not([data-breakpoint-preview-mode])) .pe-md-1,
  :where(body:not([data-breakpoint-preview-mode])).pe-md-1{padding-right:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-md-2,
  :where(body:not([data-breakpoint-preview-mode])).pe-md-2{padding-right:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-md-3,
  :where(body:not([data-breakpoint-preview-mode])).pe-md-3{padding-right:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-md-4,
  :where(body:not([data-breakpoint-preview-mode])).pe-md-4{padding-right:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-md-5,
  :where(body:not([data-breakpoint-preview-mode])).pe-md-5{padding-right:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-md-0,
  :where(body:not([data-breakpoint-preview-mode])).pb-md-0{padding-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .pb-md-1,
  :where(body:not([data-breakpoint-preview-mode])).pb-md-1{padding-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-md-2,
  :where(body:not([data-breakpoint-preview-mode])).pb-md-2{padding-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-md-3,
  :where(body:not([data-breakpoint-preview-mode])).pb-md-3{padding-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-md-4,
  :where(body:not([data-breakpoint-preview-mode])).pb-md-4{padding-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-md-5,
  :where(body:not([data-breakpoint-preview-mode])).pb-md-5{padding-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-md-0,
  :where(body:not([data-breakpoint-preview-mode])).ps-md-0{padding-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .ps-md-1,
  :where(body:not([data-breakpoint-preview-mode])).ps-md-1{padding-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-md-2,
  :where(body:not([data-breakpoint-preview-mode])).ps-md-2{padding-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-md-3,
  :where(body:not([data-breakpoint-preview-mode])).ps-md-3{padding-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-md-4,
  :where(body:not([data-breakpoint-preview-mode])).ps-md-4{padding-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-md-5,
  :where(body:not([data-breakpoint-preview-mode])).ps-md-5{padding-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .text-md-start,
  :where(body:not([data-breakpoint-preview-mode])).text-md-start{text-align:left !important}:where(body:not([data-breakpoint-preview-mode])) .text-md-end,
  :where(body:not([data-breakpoint-preview-mode])).text-md-end{text-align:right !important}:where(body:not([data-breakpoint-preview-mode])) .text-md-center,
  :where(body:not([data-breakpoint-preview-mode])).text-md-center{text-align:center !important}}@container (min-width: 768px){.float-md-start{float:left !important}.float-md-end{float:right !important}.float-md-none{float:none !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-grid{display:grid !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}.d-md-none{display:none !important}.flex-md-fill{flex:1 1 auto !important}.flex-md-row{flex-direction:row !important}.flex-md-column{flex-direction:column !important}.flex-md-row-reverse{flex-direction:row-reverse !important}.flex-md-column-reverse{flex-direction:column-reverse !important}.flex-md-grow-0{flex-grow:0 !important}.flex-md-grow-1{flex-grow:1 !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-shrink-1{flex-shrink:1 !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-md-0{gap:0 !important}.gap-md-1{gap:.25rem !important}.gap-md-2{gap:.5rem !important}.gap-md-3{gap:1rem !important}.gap-md-4{gap:1.5rem !important}.gap-md-5{gap:3rem !important}.justify-content-md-start{justify-content:flex-start !important}.justify-content-md-end{justify-content:flex-end !important}.justify-content-md-center{justify-content:center !important}.justify-content-md-between{justify-content:space-between !important}.justify-content-md-around{justify-content:space-around !important}.justify-content-md-evenly{justify-content:space-evenly !important}.align-items-md-start{align-items:flex-start !important}.align-items-md-end{align-items:flex-end !important}.align-items-md-center{align-items:center !important}.align-items-md-baseline{align-items:baseline !important}.align-items-md-stretch{align-items:stretch !important}.align-content-md-start{align-content:flex-start !important}.align-content-md-end{align-content:flex-end !important}.align-content-md-center{align-content:center !important}.align-content-md-between{align-content:space-between !important}.align-content-md-around{align-content:space-around !important}.align-content-md-stretch{align-content:stretch !important}.align-self-md-auto{align-self:auto !important}.align-self-md-start{align-self:flex-start !important}.align-self-md-end{align-self:flex-end !important}.align-self-md-center{align-self:center !important}.align-self-md-baseline{align-self:baseline !important}.align-self-md-stretch{align-self:stretch !important}.order-md-first{order:-1 !important}.order-md-0{order:0 !important}.order-md-1{order:1 !important}.order-md-2{order:2 !important}.order-md-3{order:3 !important}.order-md-4{order:4 !important}.order-md-5{order:5 !important}.order-md-last{order:6 !important}.m-md-0{margin:0 !important}.m-md-1{margin:.25rem !important}.m-md-2{margin:.5rem !important}.m-md-3{margin:1rem !important}.m-md-4{margin:1.5rem !important}.m-md-5{margin:3rem !important}.m-md-auto{margin:auto !important}.mx-md-0{margin-right:0 !important;margin-left:0 !important}.mx-md-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-md-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-md-3{margin-right:1rem !important;margin-left:1rem !important}.mx-md-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-md-5{margin-right:3rem !important;margin-left:3rem !important}.mx-md-auto{margin-right:auto !important;margin-left:auto !important}.my-md-0{margin-top:0 !important;margin-bottom:0 !important}.my-md-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-md-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-md-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-md-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-md-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-md-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-md-0{margin-top:0 !important}.mt-md-1{margin-top:.25rem !important}.mt-md-2{margin-top:.5rem !important}.mt-md-3{margin-top:1rem !important}.mt-md-4{margin-top:1.5rem !important}.mt-md-5{margin-top:3rem !important}.mt-md-auto{margin-top:auto !important}.me-md-0{margin-right:0 !important}.me-md-1{margin-right:.25rem !important}.me-md-2{margin-right:.5rem !important}.me-md-3{margin-right:1rem !important}.me-md-4{margin-right:1.5rem !important}.me-md-5{margin-right:3rem !important}.me-md-auto{margin-right:auto !important}.mb-md-0{margin-bottom:0 !important}.mb-md-1{margin-bottom:.25rem !important}.mb-md-2{margin-bottom:.5rem !important}.mb-md-3{margin-bottom:1rem !important}.mb-md-4{margin-bottom:1.5rem !important}.mb-md-5{margin-bottom:3rem !important}.mb-md-auto{margin-bottom:auto !important}.ms-md-0{margin-left:0 !important}.ms-md-1{margin-left:.25rem !important}.ms-md-2{margin-left:.5rem !important}.ms-md-3{margin-left:1rem !important}.ms-md-4{margin-left:1.5rem !important}.ms-md-5{margin-left:3rem !important}.ms-md-auto{margin-left:auto !important}.p-md-0{padding:0 !important}.p-md-1{padding:.25rem !important}.p-md-2{padding:.5rem !important}.p-md-3{padding:1rem !important}.p-md-4{padding:1.5rem !important}.p-md-5{padding:3rem !important}.px-md-0{padding-right:0 !important;padding-left:0 !important}.px-md-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-md-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-md-3{padding-right:1rem !important;padding-left:1rem !important}.px-md-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-md-5{padding-right:3rem !important;padding-left:3rem !important}.py-md-0{padding-top:0 !important;padding-bottom:0 !important}.py-md-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-md-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-md-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-md-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-md-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-md-0{padding-top:0 !important}.pt-md-1{padding-top:.25rem !important}.pt-md-2{padding-top:.5rem !important}.pt-md-3{padding-top:1rem !important}.pt-md-4{padding-top:1.5rem !important}.pt-md-5{padding-top:3rem !important}.pe-md-0{padding-right:0 !important}.pe-md-1{padding-right:.25rem !important}.pe-md-2{padding-right:.5rem !important}.pe-md-3{padding-right:1rem !important}.pe-md-4{padding-right:1.5rem !important}.pe-md-5{padding-right:3rem !important}.pb-md-0{padding-bottom:0 !important}.pb-md-1{padding-bottom:.25rem !important}.pb-md-2{padding-bottom:.5rem !important}.pb-md-3{padding-bottom:1rem !important}.pb-md-4{padding-bottom:1.5rem !important}.pb-md-5{padding-bottom:3rem !important}.ps-md-0{padding-left:0 !important}.ps-md-1{padding-left:.25rem !important}.ps-md-2{padding-left:.5rem !important}.ps-md-3{padding-left:1rem !important}.ps-md-4{padding-left:1.5rem !important}.ps-md-5{padding-left:3rem !important}.text-md-start{text-align:left !important}.text-md-end{text-align:right !important}.text-md-center{text-align:center !important}}@media(min-width: 992px){:where(body:not([data-breakpoint-preview-mode])) .float-lg-start,
  :where(body:not([data-breakpoint-preview-mode])).float-lg-start{float:left !important}:where(body:not([data-breakpoint-preview-mode])) .float-lg-end,
  :where(body:not([data-breakpoint-preview-mode])).float-lg-end{float:right !important}:where(body:not([data-breakpoint-preview-mode])) .float-lg-none,
  :where(body:not([data-breakpoint-preview-mode])).float-lg-none{float:none !important}:where(body:not([data-breakpoint-preview-mode])) .d-lg-inline,
  :where(body:not([data-breakpoint-preview-mode])).d-lg-inline{display:inline !important}:where(body:not([data-breakpoint-preview-mode])) .d-lg-inline-block,
  :where(body:not([data-breakpoint-preview-mode])).d-lg-inline-block{display:inline-block !important}:where(body:not([data-breakpoint-preview-mode])) .d-lg-block,
  :where(body:not([data-breakpoint-preview-mode])).d-lg-block{display:block !important}:where(body:not([data-breakpoint-preview-mode])) .d-lg-grid,
  :where(body:not([data-breakpoint-preview-mode])).d-lg-grid{display:grid !important}:where(body:not([data-breakpoint-preview-mode])) .d-lg-table,
  :where(body:not([data-breakpoint-preview-mode])).d-lg-table{display:table !important}:where(body:not([data-breakpoint-preview-mode])) .d-lg-table-row,
  :where(body:not([data-breakpoint-preview-mode])).d-lg-table-row{display:table-row !important}:where(body:not([data-breakpoint-preview-mode])) .d-lg-table-cell,
  :where(body:not([data-breakpoint-preview-mode])).d-lg-table-cell{display:table-cell !important}:where(body:not([data-breakpoint-preview-mode])) .d-lg-flex,
  :where(body:not([data-breakpoint-preview-mode])).d-lg-flex{display:flex !important}:where(body:not([data-breakpoint-preview-mode])) .d-lg-inline-flex,
  :where(body:not([data-breakpoint-preview-mode])).d-lg-inline-flex{display:inline-flex !important}:where(body:not([data-breakpoint-preview-mode])) .d-lg-none,
  :where(body:not([data-breakpoint-preview-mode])).d-lg-none{display:none !important}:where(body:not([data-breakpoint-preview-mode])) .flex-lg-fill,
  :where(body:not([data-breakpoint-preview-mode])).flex-lg-fill{flex:1 1 auto !important}:where(body:not([data-breakpoint-preview-mode])) .flex-lg-row,
  :where(body:not([data-breakpoint-preview-mode])).flex-lg-row{flex-direction:row !important}:where(body:not([data-breakpoint-preview-mode])) .flex-lg-column,
  :where(body:not([data-breakpoint-preview-mode])).flex-lg-column{flex-direction:column !important}:where(body:not([data-breakpoint-preview-mode])) .flex-lg-row-reverse,
  :where(body:not([data-breakpoint-preview-mode])).flex-lg-row-reverse{flex-direction:row-reverse !important}:where(body:not([data-breakpoint-preview-mode])) .flex-lg-column-reverse,
  :where(body:not([data-breakpoint-preview-mode])).flex-lg-column-reverse{flex-direction:column-reverse !important}:where(body:not([data-breakpoint-preview-mode])) .flex-lg-grow-0,
  :where(body:not([data-breakpoint-preview-mode])).flex-lg-grow-0{flex-grow:0 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-lg-grow-1,
  :where(body:not([data-breakpoint-preview-mode])).flex-lg-grow-1{flex-grow:1 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-lg-shrink-0,
  :where(body:not([data-breakpoint-preview-mode])).flex-lg-shrink-0{flex-shrink:0 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-lg-shrink-1,
  :where(body:not([data-breakpoint-preview-mode])).flex-lg-shrink-1{flex-shrink:1 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-lg-wrap,
  :where(body:not([data-breakpoint-preview-mode])).flex-lg-wrap{flex-wrap:wrap !important}:where(body:not([data-breakpoint-preview-mode])) .flex-lg-nowrap,
  :where(body:not([data-breakpoint-preview-mode])).flex-lg-nowrap{flex-wrap:nowrap !important}:where(body:not([data-breakpoint-preview-mode])) .flex-lg-wrap-reverse,
  :where(body:not([data-breakpoint-preview-mode])).flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}:where(body:not([data-breakpoint-preview-mode])) .gap-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).gap-lg-0{gap:0 !important}:where(body:not([data-breakpoint-preview-mode])) .gap-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).gap-lg-1{gap:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).gap-lg-2{gap:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).gap-lg-3{gap:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).gap-lg-4{gap:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).gap-lg-5{gap:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-lg-start,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-lg-start{justify-content:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-lg-end,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-lg-end{justify-content:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-lg-center,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-lg-center{justify-content:center !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-lg-between,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-lg-between{justify-content:space-between !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-lg-around,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-lg-around{justify-content:space-around !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-lg-evenly,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-lg-evenly{justify-content:space-evenly !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-lg-start,
  :where(body:not([data-breakpoint-preview-mode])).align-items-lg-start{align-items:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-lg-end,
  :where(body:not([data-breakpoint-preview-mode])).align-items-lg-end{align-items:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-lg-center,
  :where(body:not([data-breakpoint-preview-mode])).align-items-lg-center{align-items:center !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-lg-baseline,
  :where(body:not([data-breakpoint-preview-mode])).align-items-lg-baseline{align-items:baseline !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-lg-stretch,
  :where(body:not([data-breakpoint-preview-mode])).align-items-lg-stretch{align-items:stretch !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-lg-start,
  :where(body:not([data-breakpoint-preview-mode])).align-content-lg-start{align-content:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-lg-end,
  :where(body:not([data-breakpoint-preview-mode])).align-content-lg-end{align-content:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-lg-center,
  :where(body:not([data-breakpoint-preview-mode])).align-content-lg-center{align-content:center !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-lg-between,
  :where(body:not([data-breakpoint-preview-mode])).align-content-lg-between{align-content:space-between !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-lg-around,
  :where(body:not([data-breakpoint-preview-mode])).align-content-lg-around{align-content:space-around !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-lg-stretch,
  :where(body:not([data-breakpoint-preview-mode])).align-content-lg-stretch{align-content:stretch !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-lg-auto,
  :where(body:not([data-breakpoint-preview-mode])).align-self-lg-auto{align-self:auto !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-lg-start,
  :where(body:not([data-breakpoint-preview-mode])).align-self-lg-start{align-self:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-lg-end,
  :where(body:not([data-breakpoint-preview-mode])).align-self-lg-end{align-self:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-lg-center,
  :where(body:not([data-breakpoint-preview-mode])).align-self-lg-center{align-self:center !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-lg-baseline,
  :where(body:not([data-breakpoint-preview-mode])).align-self-lg-baseline{align-self:baseline !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-lg-stretch,
  :where(body:not([data-breakpoint-preview-mode])).align-self-lg-stretch{align-self:stretch !important}:where(body:not([data-breakpoint-preview-mode])) .order-lg-first,
  :where(body:not([data-breakpoint-preview-mode])).order-lg-first{order:-1 !important}:where(body:not([data-breakpoint-preview-mode])) .order-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).order-lg-0{order:0 !important}:where(body:not([data-breakpoint-preview-mode])) .order-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).order-lg-1{order:1 !important}:where(body:not([data-breakpoint-preview-mode])) .order-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).order-lg-2{order:2 !important}:where(body:not([data-breakpoint-preview-mode])) .order-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).order-lg-3{order:3 !important}:where(body:not([data-breakpoint-preview-mode])) .order-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).order-lg-4{order:4 !important}:where(body:not([data-breakpoint-preview-mode])) .order-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).order-lg-5{order:5 !important}:where(body:not([data-breakpoint-preview-mode])) .order-lg-last,
  :where(body:not([data-breakpoint-preview-mode])).order-lg-last{order:6 !important}:where(body:not([data-breakpoint-preview-mode])) .m-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).m-lg-0{margin:0 !important}:where(body:not([data-breakpoint-preview-mode])) .m-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).m-lg-1{margin:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).m-lg-2{margin:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).m-lg-3{margin:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).m-lg-4{margin:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).m-lg-5{margin:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-lg-auto,
  :where(body:not([data-breakpoint-preview-mode])).m-lg-auto{margin:auto !important}:where(body:not([data-breakpoint-preview-mode])) .mx-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).mx-lg-0{margin-right:0 !important;margin-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .mx-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).mx-lg-1{margin-right:.25rem !important;margin-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).mx-lg-2{margin-right:.5rem !important;margin-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).mx-lg-3{margin-right:1rem !important;margin-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).mx-lg-4{margin-right:1.5rem !important;margin-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).mx-lg-5{margin-right:3rem !important;margin-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-lg-auto,
  :where(body:not([data-breakpoint-preview-mode])).mx-lg-auto{margin-right:auto !important;margin-left:auto !important}:where(body:not([data-breakpoint-preview-mode])) .my-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).my-lg-0{margin-top:0 !important;margin-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .my-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).my-lg-1{margin-top:.25rem !important;margin-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).my-lg-2{margin-top:.5rem !important;margin-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).my-lg-3{margin-top:1rem !important;margin-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).my-lg-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).my-lg-5{margin-top:3rem !important;margin-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-lg-auto,
  :where(body:not([data-breakpoint-preview-mode])).my-lg-auto{margin-top:auto !important;margin-bottom:auto !important}:where(body:not([data-breakpoint-preview-mode])) .mt-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).mt-lg-0{margin-top:0 !important}:where(body:not([data-breakpoint-preview-mode])) .mt-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).mt-lg-1{margin-top:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).mt-lg-2{margin-top:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).mt-lg-3{margin-top:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).mt-lg-4{margin-top:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).mt-lg-5{margin-top:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-lg-auto,
  :where(body:not([data-breakpoint-preview-mode])).mt-lg-auto{margin-top:auto !important}:where(body:not([data-breakpoint-preview-mode])) .me-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).me-lg-0{margin-right:0 !important}:where(body:not([data-breakpoint-preview-mode])) .me-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).me-lg-1{margin-right:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).me-lg-2{margin-right:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).me-lg-3{margin-right:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).me-lg-4{margin-right:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).me-lg-5{margin-right:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-lg-auto,
  :where(body:not([data-breakpoint-preview-mode])).me-lg-auto{margin-right:auto !important}:where(body:not([data-breakpoint-preview-mode])) .mb-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).mb-lg-0{margin-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .mb-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).mb-lg-1{margin-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).mb-lg-2{margin-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).mb-lg-3{margin-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).mb-lg-4{margin-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).mb-lg-5{margin-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-lg-auto,
  :where(body:not([data-breakpoint-preview-mode])).mb-lg-auto{margin-bottom:auto !important}:where(body:not([data-breakpoint-preview-mode])) .ms-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).ms-lg-0{margin-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .ms-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).ms-lg-1{margin-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).ms-lg-2{margin-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).ms-lg-3{margin-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).ms-lg-4{margin-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).ms-lg-5{margin-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-lg-auto,
  :where(body:not([data-breakpoint-preview-mode])).ms-lg-auto{margin-left:auto !important}:where(body:not([data-breakpoint-preview-mode])) .p-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).p-lg-0{padding:0 !important}:where(body:not([data-breakpoint-preview-mode])) .p-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).p-lg-1{padding:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).p-lg-2{padding:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).p-lg-3{padding:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).p-lg-4{padding:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).p-lg-5{padding:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).px-lg-0{padding-right:0 !important;padding-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .px-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).px-lg-1{padding-right:.25rem !important;padding-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).px-lg-2{padding-right:.5rem !important;padding-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).px-lg-3{padding-right:1rem !important;padding-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).px-lg-4{padding-right:1.5rem !important;padding-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).px-lg-5{padding-right:3rem !important;padding-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).py-lg-0{padding-top:0 !important;padding-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .py-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).py-lg-1{padding-top:.25rem !important;padding-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).py-lg-2{padding-top:.5rem !important;padding-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).py-lg-3{padding-top:1rem !important;padding-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).py-lg-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).py-lg-5{padding-top:3rem !important;padding-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).pt-lg-0{padding-top:0 !important}:where(body:not([data-breakpoint-preview-mode])) .pt-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).pt-lg-1{padding-top:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).pt-lg-2{padding-top:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).pt-lg-3{padding-top:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).pt-lg-4{padding-top:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).pt-lg-5{padding-top:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).pe-lg-0{padding-right:0 !important}:where(body:not([data-breakpoint-preview-mode])) .pe-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).pe-lg-1{padding-right:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).pe-lg-2{padding-right:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).pe-lg-3{padding-right:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).pe-lg-4{padding-right:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).pe-lg-5{padding-right:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).pb-lg-0{padding-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .pb-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).pb-lg-1{padding-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).pb-lg-2{padding-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).pb-lg-3{padding-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).pb-lg-4{padding-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).pb-lg-5{padding-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-lg-0,
  :where(body:not([data-breakpoint-preview-mode])).ps-lg-0{padding-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .ps-lg-1,
  :where(body:not([data-breakpoint-preview-mode])).ps-lg-1{padding-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-lg-2,
  :where(body:not([data-breakpoint-preview-mode])).ps-lg-2{padding-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-lg-3,
  :where(body:not([data-breakpoint-preview-mode])).ps-lg-3{padding-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-lg-4,
  :where(body:not([data-breakpoint-preview-mode])).ps-lg-4{padding-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-lg-5,
  :where(body:not([data-breakpoint-preview-mode])).ps-lg-5{padding-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .text-lg-start,
  :where(body:not([data-breakpoint-preview-mode])).text-lg-start{text-align:left !important}:where(body:not([data-breakpoint-preview-mode])) .text-lg-end,
  :where(body:not([data-breakpoint-preview-mode])).text-lg-end{text-align:right !important}:where(body:not([data-breakpoint-preview-mode])) .text-lg-center,
  :where(body:not([data-breakpoint-preview-mode])).text-lg-center{text-align:center !important}}@container (min-width: 992px){.float-lg-start{float:left !important}.float-lg-end{float:right !important}.float-lg-none{float:none !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-grid{display:grid !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:flex !important}.d-lg-inline-flex{display:inline-flex !important}.d-lg-none{display:none !important}.flex-lg-fill{flex:1 1 auto !important}.flex-lg-row{flex-direction:row !important}.flex-lg-column{flex-direction:column !important}.flex-lg-row-reverse{flex-direction:row-reverse !important}.flex-lg-column-reverse{flex-direction:column-reverse !important}.flex-lg-grow-0{flex-grow:0 !important}.flex-lg-grow-1{flex-grow:1 !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-shrink-1{flex-shrink:1 !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-lg-0{gap:0 !important}.gap-lg-1{gap:.25rem !important}.gap-lg-2{gap:.5rem !important}.gap-lg-3{gap:1rem !important}.gap-lg-4{gap:1.5rem !important}.gap-lg-5{gap:3rem !important}.justify-content-lg-start{justify-content:flex-start !important}.justify-content-lg-end{justify-content:flex-end !important}.justify-content-lg-center{justify-content:center !important}.justify-content-lg-between{justify-content:space-between !important}.justify-content-lg-around{justify-content:space-around !important}.justify-content-lg-evenly{justify-content:space-evenly !important}.align-items-lg-start{align-items:flex-start !important}.align-items-lg-end{align-items:flex-end !important}.align-items-lg-center{align-items:center !important}.align-items-lg-baseline{align-items:baseline !important}.align-items-lg-stretch{align-items:stretch !important}.align-content-lg-start{align-content:flex-start !important}.align-content-lg-end{align-content:flex-end !important}.align-content-lg-center{align-content:center !important}.align-content-lg-between{align-content:space-between !important}.align-content-lg-around{align-content:space-around !important}.align-content-lg-stretch{align-content:stretch !important}.align-self-lg-auto{align-self:auto !important}.align-self-lg-start{align-self:flex-start !important}.align-self-lg-end{align-self:flex-end !important}.align-self-lg-center{align-self:center !important}.align-self-lg-baseline{align-self:baseline !important}.align-self-lg-stretch{align-self:stretch !important}.order-lg-first{order:-1 !important}.order-lg-0{order:0 !important}.order-lg-1{order:1 !important}.order-lg-2{order:2 !important}.order-lg-3{order:3 !important}.order-lg-4{order:4 !important}.order-lg-5{order:5 !important}.order-lg-last{order:6 !important}.m-lg-0{margin:0 !important}.m-lg-1{margin:.25rem !important}.m-lg-2{margin:.5rem !important}.m-lg-3{margin:1rem !important}.m-lg-4{margin:1.5rem !important}.m-lg-5{margin:3rem !important}.m-lg-auto{margin:auto !important}.mx-lg-0{margin-right:0 !important;margin-left:0 !important}.mx-lg-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-lg-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-lg-3{margin-right:1rem !important;margin-left:1rem !important}.mx-lg-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-lg-5{margin-right:3rem !important;margin-left:3rem !important}.mx-lg-auto{margin-right:auto !important;margin-left:auto !important}.my-lg-0{margin-top:0 !important;margin-bottom:0 !important}.my-lg-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-lg-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-lg-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-lg-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-lg-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-lg-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-lg-0{margin-top:0 !important}.mt-lg-1{margin-top:.25rem !important}.mt-lg-2{margin-top:.5rem !important}.mt-lg-3{margin-top:1rem !important}.mt-lg-4{margin-top:1.5rem !important}.mt-lg-5{margin-top:3rem !important}.mt-lg-auto{margin-top:auto !important}.me-lg-0{margin-right:0 !important}.me-lg-1{margin-right:.25rem !important}.me-lg-2{margin-right:.5rem !important}.me-lg-3{margin-right:1rem !important}.me-lg-4{margin-right:1.5rem !important}.me-lg-5{margin-right:3rem !important}.me-lg-auto{margin-right:auto !important}.mb-lg-0{margin-bottom:0 !important}.mb-lg-1{margin-bottom:.25rem !important}.mb-lg-2{margin-bottom:.5rem !important}.mb-lg-3{margin-bottom:1rem !important}.mb-lg-4{margin-bottom:1.5rem !important}.mb-lg-5{margin-bottom:3rem !important}.mb-lg-auto{margin-bottom:auto !important}.ms-lg-0{margin-left:0 !important}.ms-lg-1{margin-left:.25rem !important}.ms-lg-2{margin-left:.5rem !important}.ms-lg-3{margin-left:1rem !important}.ms-lg-4{margin-left:1.5rem !important}.ms-lg-5{margin-left:3rem !important}.ms-lg-auto{margin-left:auto !important}.p-lg-0{padding:0 !important}.p-lg-1{padding:.25rem !important}.p-lg-2{padding:.5rem !important}.p-lg-3{padding:1rem !important}.p-lg-4{padding:1.5rem !important}.p-lg-5{padding:3rem !important}.px-lg-0{padding-right:0 !important;padding-left:0 !important}.px-lg-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-lg-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-lg-3{padding-right:1rem !important;padding-left:1rem !important}.px-lg-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-lg-5{padding-right:3rem !important;padding-left:3rem !important}.py-lg-0{padding-top:0 !important;padding-bottom:0 !important}.py-lg-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-lg-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-lg-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-lg-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-lg-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-lg-0{padding-top:0 !important}.pt-lg-1{padding-top:.25rem !important}.pt-lg-2{padding-top:.5rem !important}.pt-lg-3{padding-top:1rem !important}.pt-lg-4{padding-top:1.5rem !important}.pt-lg-5{padding-top:3rem !important}.pe-lg-0{padding-right:0 !important}.pe-lg-1{padding-right:.25rem !important}.pe-lg-2{padding-right:.5rem !important}.pe-lg-3{padding-right:1rem !important}.pe-lg-4{padding-right:1.5rem !important}.pe-lg-5{padding-right:3rem !important}.pb-lg-0{padding-bottom:0 !important}.pb-lg-1{padding-bottom:.25rem !important}.pb-lg-2{padding-bottom:.5rem !important}.pb-lg-3{padding-bottom:1rem !important}.pb-lg-4{padding-bottom:1.5rem !important}.pb-lg-5{padding-bottom:3rem !important}.ps-lg-0{padding-left:0 !important}.ps-lg-1{padding-left:.25rem !important}.ps-lg-2{padding-left:.5rem !important}.ps-lg-3{padding-left:1rem !important}.ps-lg-4{padding-left:1.5rem !important}.ps-lg-5{padding-left:3rem !important}.text-lg-start{text-align:left !important}.text-lg-end{text-align:right !important}.text-lg-center{text-align:center !important}}@media(min-width: 1200px){:where(body:not([data-breakpoint-preview-mode])) .float-xl-start,
  :where(body:not([data-breakpoint-preview-mode])).float-xl-start{float:left !important}:where(body:not([data-breakpoint-preview-mode])) .float-xl-end,
  :where(body:not([data-breakpoint-preview-mode])).float-xl-end{float:right !important}:where(body:not([data-breakpoint-preview-mode])) .float-xl-none,
  :where(body:not([data-breakpoint-preview-mode])).float-xl-none{float:none !important}:where(body:not([data-breakpoint-preview-mode])) .d-xl-inline,
  :where(body:not([data-breakpoint-preview-mode])).d-xl-inline{display:inline !important}:where(body:not([data-breakpoint-preview-mode])) .d-xl-inline-block,
  :where(body:not([data-breakpoint-preview-mode])).d-xl-inline-block{display:inline-block !important}:where(body:not([data-breakpoint-preview-mode])) .d-xl-block,
  :where(body:not([data-breakpoint-preview-mode])).d-xl-block{display:block !important}:where(body:not([data-breakpoint-preview-mode])) .d-xl-grid,
  :where(body:not([data-breakpoint-preview-mode])).d-xl-grid{display:grid !important}:where(body:not([data-breakpoint-preview-mode])) .d-xl-table,
  :where(body:not([data-breakpoint-preview-mode])).d-xl-table{display:table !important}:where(body:not([data-breakpoint-preview-mode])) .d-xl-table-row,
  :where(body:not([data-breakpoint-preview-mode])).d-xl-table-row{display:table-row !important}:where(body:not([data-breakpoint-preview-mode])) .d-xl-table-cell,
  :where(body:not([data-breakpoint-preview-mode])).d-xl-table-cell{display:table-cell !important}:where(body:not([data-breakpoint-preview-mode])) .d-xl-flex,
  :where(body:not([data-breakpoint-preview-mode])).d-xl-flex{display:flex !important}:where(body:not([data-breakpoint-preview-mode])) .d-xl-inline-flex,
  :where(body:not([data-breakpoint-preview-mode])).d-xl-inline-flex{display:inline-flex !important}:where(body:not([data-breakpoint-preview-mode])) .d-xl-none,
  :where(body:not([data-breakpoint-preview-mode])).d-xl-none{display:none !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xl-fill,
  :where(body:not([data-breakpoint-preview-mode])).flex-xl-fill{flex:1 1 auto !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xl-row,
  :where(body:not([data-breakpoint-preview-mode])).flex-xl-row{flex-direction:row !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xl-column,
  :where(body:not([data-breakpoint-preview-mode])).flex-xl-column{flex-direction:column !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xl-row-reverse,
  :where(body:not([data-breakpoint-preview-mode])).flex-xl-row-reverse{flex-direction:row-reverse !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xl-column-reverse,
  :where(body:not([data-breakpoint-preview-mode])).flex-xl-column-reverse{flex-direction:column-reverse !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xl-grow-0,
  :where(body:not([data-breakpoint-preview-mode])).flex-xl-grow-0{flex-grow:0 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xl-grow-1,
  :where(body:not([data-breakpoint-preview-mode])).flex-xl-grow-1{flex-grow:1 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xl-shrink-0,
  :where(body:not([data-breakpoint-preview-mode])).flex-xl-shrink-0{flex-shrink:0 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xl-shrink-1,
  :where(body:not([data-breakpoint-preview-mode])).flex-xl-shrink-1{flex-shrink:1 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xl-wrap,
  :where(body:not([data-breakpoint-preview-mode])).flex-xl-wrap{flex-wrap:wrap !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xl-nowrap,
  :where(body:not([data-breakpoint-preview-mode])).flex-xl-nowrap{flex-wrap:nowrap !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xl-wrap-reverse,
  :where(body:not([data-breakpoint-preview-mode])).flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}:where(body:not([data-breakpoint-preview-mode])) .gap-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).gap-xl-0{gap:0 !important}:where(body:not([data-breakpoint-preview-mode])) .gap-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).gap-xl-1{gap:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).gap-xl-2{gap:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).gap-xl-3{gap:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).gap-xl-4{gap:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).gap-xl-5{gap:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-xl-start,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-xl-start{justify-content:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-xl-end,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-xl-end{justify-content:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-xl-center,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-xl-center{justify-content:center !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-xl-between,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-xl-between{justify-content:space-between !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-xl-around,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-xl-around{justify-content:space-around !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-xl-evenly,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-xl-evenly{justify-content:space-evenly !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-xl-start,
  :where(body:not([data-breakpoint-preview-mode])).align-items-xl-start{align-items:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-xl-end,
  :where(body:not([data-breakpoint-preview-mode])).align-items-xl-end{align-items:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-xl-center,
  :where(body:not([data-breakpoint-preview-mode])).align-items-xl-center{align-items:center !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-xl-baseline,
  :where(body:not([data-breakpoint-preview-mode])).align-items-xl-baseline{align-items:baseline !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-xl-stretch,
  :where(body:not([data-breakpoint-preview-mode])).align-items-xl-stretch{align-items:stretch !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-xl-start,
  :where(body:not([data-breakpoint-preview-mode])).align-content-xl-start{align-content:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-xl-end,
  :where(body:not([data-breakpoint-preview-mode])).align-content-xl-end{align-content:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-xl-center,
  :where(body:not([data-breakpoint-preview-mode])).align-content-xl-center{align-content:center !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-xl-between,
  :where(body:not([data-breakpoint-preview-mode])).align-content-xl-between{align-content:space-between !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-xl-around,
  :where(body:not([data-breakpoint-preview-mode])).align-content-xl-around{align-content:space-around !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-xl-stretch,
  :where(body:not([data-breakpoint-preview-mode])).align-content-xl-stretch{align-content:stretch !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-xl-auto,
  :where(body:not([data-breakpoint-preview-mode])).align-self-xl-auto{align-self:auto !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-xl-start,
  :where(body:not([data-breakpoint-preview-mode])).align-self-xl-start{align-self:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-xl-end,
  :where(body:not([data-breakpoint-preview-mode])).align-self-xl-end{align-self:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-xl-center,
  :where(body:not([data-breakpoint-preview-mode])).align-self-xl-center{align-self:center !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-xl-baseline,
  :where(body:not([data-breakpoint-preview-mode])).align-self-xl-baseline{align-self:baseline !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-xl-stretch,
  :where(body:not([data-breakpoint-preview-mode])).align-self-xl-stretch{align-self:stretch !important}:where(body:not([data-breakpoint-preview-mode])) .order-xl-first,
  :where(body:not([data-breakpoint-preview-mode])).order-xl-first{order:-1 !important}:where(body:not([data-breakpoint-preview-mode])) .order-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).order-xl-0{order:0 !important}:where(body:not([data-breakpoint-preview-mode])) .order-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).order-xl-1{order:1 !important}:where(body:not([data-breakpoint-preview-mode])) .order-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).order-xl-2{order:2 !important}:where(body:not([data-breakpoint-preview-mode])) .order-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).order-xl-3{order:3 !important}:where(body:not([data-breakpoint-preview-mode])) .order-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).order-xl-4{order:4 !important}:where(body:not([data-breakpoint-preview-mode])) .order-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).order-xl-5{order:5 !important}:where(body:not([data-breakpoint-preview-mode])) .order-xl-last,
  :where(body:not([data-breakpoint-preview-mode])).order-xl-last{order:6 !important}:where(body:not([data-breakpoint-preview-mode])) .m-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).m-xl-0{margin:0 !important}:where(body:not([data-breakpoint-preview-mode])) .m-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).m-xl-1{margin:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).m-xl-2{margin:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).m-xl-3{margin:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).m-xl-4{margin:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).m-xl-5{margin:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-xl-auto,
  :where(body:not([data-breakpoint-preview-mode])).m-xl-auto{margin:auto !important}:where(body:not([data-breakpoint-preview-mode])) .mx-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).mx-xl-0{margin-right:0 !important;margin-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .mx-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).mx-xl-1{margin-right:.25rem !important;margin-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).mx-xl-2{margin-right:.5rem !important;margin-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).mx-xl-3{margin-right:1rem !important;margin-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).mx-xl-4{margin-right:1.5rem !important;margin-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).mx-xl-5{margin-right:3rem !important;margin-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-xl-auto,
  :where(body:not([data-breakpoint-preview-mode])).mx-xl-auto{margin-right:auto !important;margin-left:auto !important}:where(body:not([data-breakpoint-preview-mode])) .my-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).my-xl-0{margin-top:0 !important;margin-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .my-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).my-xl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).my-xl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).my-xl-3{margin-top:1rem !important;margin-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).my-xl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).my-xl-5{margin-top:3rem !important;margin-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-xl-auto,
  :where(body:not([data-breakpoint-preview-mode])).my-xl-auto{margin-top:auto !important;margin-bottom:auto !important}:where(body:not([data-breakpoint-preview-mode])) .mt-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).mt-xl-0{margin-top:0 !important}:where(body:not([data-breakpoint-preview-mode])) .mt-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).mt-xl-1{margin-top:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).mt-xl-2{margin-top:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).mt-xl-3{margin-top:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).mt-xl-4{margin-top:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).mt-xl-5{margin-top:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-xl-auto,
  :where(body:not([data-breakpoint-preview-mode])).mt-xl-auto{margin-top:auto !important}:where(body:not([data-breakpoint-preview-mode])) .me-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).me-xl-0{margin-right:0 !important}:where(body:not([data-breakpoint-preview-mode])) .me-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).me-xl-1{margin-right:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).me-xl-2{margin-right:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).me-xl-3{margin-right:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).me-xl-4{margin-right:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).me-xl-5{margin-right:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-xl-auto,
  :where(body:not([data-breakpoint-preview-mode])).me-xl-auto{margin-right:auto !important}:where(body:not([data-breakpoint-preview-mode])) .mb-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).mb-xl-0{margin-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .mb-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).mb-xl-1{margin-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).mb-xl-2{margin-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).mb-xl-3{margin-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).mb-xl-4{margin-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).mb-xl-5{margin-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-xl-auto,
  :where(body:not([data-breakpoint-preview-mode])).mb-xl-auto{margin-bottom:auto !important}:where(body:not([data-breakpoint-preview-mode])) .ms-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).ms-xl-0{margin-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .ms-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).ms-xl-1{margin-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).ms-xl-2{margin-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).ms-xl-3{margin-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).ms-xl-4{margin-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).ms-xl-5{margin-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-xl-auto,
  :where(body:not([data-breakpoint-preview-mode])).ms-xl-auto{margin-left:auto !important}:where(body:not([data-breakpoint-preview-mode])) .p-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).p-xl-0{padding:0 !important}:where(body:not([data-breakpoint-preview-mode])) .p-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).p-xl-1{padding:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).p-xl-2{padding:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).p-xl-3{padding:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).p-xl-4{padding:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).p-xl-5{padding:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).px-xl-0{padding-right:0 !important;padding-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .px-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).px-xl-1{padding-right:.25rem !important;padding-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).px-xl-2{padding-right:.5rem !important;padding-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).px-xl-3{padding-right:1rem !important;padding-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).px-xl-4{padding-right:1.5rem !important;padding-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).px-xl-5{padding-right:3rem !important;padding-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).py-xl-0{padding-top:0 !important;padding-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .py-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).py-xl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).py-xl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).py-xl-3{padding-top:1rem !important;padding-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).py-xl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).py-xl-5{padding-top:3rem !important;padding-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).pt-xl-0{padding-top:0 !important}:where(body:not([data-breakpoint-preview-mode])) .pt-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).pt-xl-1{padding-top:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).pt-xl-2{padding-top:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).pt-xl-3{padding-top:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).pt-xl-4{padding-top:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).pt-xl-5{padding-top:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).pe-xl-0{padding-right:0 !important}:where(body:not([data-breakpoint-preview-mode])) .pe-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).pe-xl-1{padding-right:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).pe-xl-2{padding-right:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).pe-xl-3{padding-right:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).pe-xl-4{padding-right:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).pe-xl-5{padding-right:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).pb-xl-0{padding-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .pb-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).pb-xl-1{padding-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).pb-xl-2{padding-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).pb-xl-3{padding-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).pb-xl-4{padding-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).pb-xl-5{padding-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-xl-0,
  :where(body:not([data-breakpoint-preview-mode])).ps-xl-0{padding-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .ps-xl-1,
  :where(body:not([data-breakpoint-preview-mode])).ps-xl-1{padding-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-xl-2,
  :where(body:not([data-breakpoint-preview-mode])).ps-xl-2{padding-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-xl-3,
  :where(body:not([data-breakpoint-preview-mode])).ps-xl-3{padding-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-xl-4,
  :where(body:not([data-breakpoint-preview-mode])).ps-xl-4{padding-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-xl-5,
  :where(body:not([data-breakpoint-preview-mode])).ps-xl-5{padding-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .text-xl-start,
  :where(body:not([data-breakpoint-preview-mode])).text-xl-start{text-align:left !important}:where(body:not([data-breakpoint-preview-mode])) .text-xl-end,
  :where(body:not([data-breakpoint-preview-mode])).text-xl-end{text-align:right !important}:where(body:not([data-breakpoint-preview-mode])) .text-xl-center,
  :where(body:not([data-breakpoint-preview-mode])).text-xl-center{text-align:center !important}}@container (min-width: 1200px){.float-xl-start{float:left !important}.float-xl-end{float:right !important}.float-xl-none{float:none !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-grid{display:grid !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:flex !important}.d-xl-inline-flex{display:inline-flex !important}.d-xl-none{display:none !important}.flex-xl-fill{flex:1 1 auto !important}.flex-xl-row{flex-direction:row !important}.flex-xl-column{flex-direction:column !important}.flex-xl-row-reverse{flex-direction:row-reverse !important}.flex-xl-column-reverse{flex-direction:column-reverse !important}.flex-xl-grow-0{flex-grow:0 !important}.flex-xl-grow-1{flex-grow:1 !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-shrink-1{flex-shrink:1 !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-xl-0{gap:0 !important}.gap-xl-1{gap:.25rem !important}.gap-xl-2{gap:.5rem !important}.gap-xl-3{gap:1rem !important}.gap-xl-4{gap:1.5rem !important}.gap-xl-5{gap:3rem !important}.justify-content-xl-start{justify-content:flex-start !important}.justify-content-xl-end{justify-content:flex-end !important}.justify-content-xl-center{justify-content:center !important}.justify-content-xl-between{justify-content:space-between !important}.justify-content-xl-around{justify-content:space-around !important}.justify-content-xl-evenly{justify-content:space-evenly !important}.align-items-xl-start{align-items:flex-start !important}.align-items-xl-end{align-items:flex-end !important}.align-items-xl-center{align-items:center !important}.align-items-xl-baseline{align-items:baseline !important}.align-items-xl-stretch{align-items:stretch !important}.align-content-xl-start{align-content:flex-start !important}.align-content-xl-end{align-content:flex-end !important}.align-content-xl-center{align-content:center !important}.align-content-xl-between{align-content:space-between !important}.align-content-xl-around{align-content:space-around !important}.align-content-xl-stretch{align-content:stretch !important}.align-self-xl-auto{align-self:auto !important}.align-self-xl-start{align-self:flex-start !important}.align-self-xl-end{align-self:flex-end !important}.align-self-xl-center{align-self:center !important}.align-self-xl-baseline{align-self:baseline !important}.align-self-xl-stretch{align-self:stretch !important}.order-xl-first{order:-1 !important}.order-xl-0{order:0 !important}.order-xl-1{order:1 !important}.order-xl-2{order:2 !important}.order-xl-3{order:3 !important}.order-xl-4{order:4 !important}.order-xl-5{order:5 !important}.order-xl-last{order:6 !important}.m-xl-0{margin:0 !important}.m-xl-1{margin:.25rem !important}.m-xl-2{margin:.5rem !important}.m-xl-3{margin:1rem !important}.m-xl-4{margin:1.5rem !important}.m-xl-5{margin:3rem !important}.m-xl-auto{margin:auto !important}.mx-xl-0{margin-right:0 !important;margin-left:0 !important}.mx-xl-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-xl-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-xl-3{margin-right:1rem !important;margin-left:1rem !important}.mx-xl-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-xl-5{margin-right:3rem !important;margin-left:3rem !important}.mx-xl-auto{margin-right:auto !important;margin-left:auto !important}.my-xl-0{margin-top:0 !important;margin-bottom:0 !important}.my-xl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-xl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-xl-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-xl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-xl-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-xl-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-xl-0{margin-top:0 !important}.mt-xl-1{margin-top:.25rem !important}.mt-xl-2{margin-top:.5rem !important}.mt-xl-3{margin-top:1rem !important}.mt-xl-4{margin-top:1.5rem !important}.mt-xl-5{margin-top:3rem !important}.mt-xl-auto{margin-top:auto !important}.me-xl-0{margin-right:0 !important}.me-xl-1{margin-right:.25rem !important}.me-xl-2{margin-right:.5rem !important}.me-xl-3{margin-right:1rem !important}.me-xl-4{margin-right:1.5rem !important}.me-xl-5{margin-right:3rem !important}.me-xl-auto{margin-right:auto !important}.mb-xl-0{margin-bottom:0 !important}.mb-xl-1{margin-bottom:.25rem !important}.mb-xl-2{margin-bottom:.5rem !important}.mb-xl-3{margin-bottom:1rem !important}.mb-xl-4{margin-bottom:1.5rem !important}.mb-xl-5{margin-bottom:3rem !important}.mb-xl-auto{margin-bottom:auto !important}.ms-xl-0{margin-left:0 !important}.ms-xl-1{margin-left:.25rem !important}.ms-xl-2{margin-left:.5rem !important}.ms-xl-3{margin-left:1rem !important}.ms-xl-4{margin-left:1.5rem !important}.ms-xl-5{margin-left:3rem !important}.ms-xl-auto{margin-left:auto !important}.p-xl-0{padding:0 !important}.p-xl-1{padding:.25rem !important}.p-xl-2{padding:.5rem !important}.p-xl-3{padding:1rem !important}.p-xl-4{padding:1.5rem !important}.p-xl-5{padding:3rem !important}.px-xl-0{padding-right:0 !important;padding-left:0 !important}.px-xl-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-xl-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-xl-3{padding-right:1rem !important;padding-left:1rem !important}.px-xl-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-xl-5{padding-right:3rem !important;padding-left:3rem !important}.py-xl-0{padding-top:0 !important;padding-bottom:0 !important}.py-xl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-xl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-xl-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-xl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-xl-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-xl-0{padding-top:0 !important}.pt-xl-1{padding-top:.25rem !important}.pt-xl-2{padding-top:.5rem !important}.pt-xl-3{padding-top:1rem !important}.pt-xl-4{padding-top:1.5rem !important}.pt-xl-5{padding-top:3rem !important}.pe-xl-0{padding-right:0 !important}.pe-xl-1{padding-right:.25rem !important}.pe-xl-2{padding-right:.5rem !important}.pe-xl-3{padding-right:1rem !important}.pe-xl-4{padding-right:1.5rem !important}.pe-xl-5{padding-right:3rem !important}.pb-xl-0{padding-bottom:0 !important}.pb-xl-1{padding-bottom:.25rem !important}.pb-xl-2{padding-bottom:.5rem !important}.pb-xl-3{padding-bottom:1rem !important}.pb-xl-4{padding-bottom:1.5rem !important}.pb-xl-5{padding-bottom:3rem !important}.ps-xl-0{padding-left:0 !important}.ps-xl-1{padding-left:.25rem !important}.ps-xl-2{padding-left:.5rem !important}.ps-xl-3{padding-left:1rem !important}.ps-xl-4{padding-left:1.5rem !important}.ps-xl-5{padding-left:3rem !important}.text-xl-start{text-align:left !important}.text-xl-end{text-align:right !important}.text-xl-center{text-align:center !important}}@media(min-width: 1400px){:where(body:not([data-breakpoint-preview-mode])) .float-xxl-start,
  :where(body:not([data-breakpoint-preview-mode])).float-xxl-start{float:left !important}:where(body:not([data-breakpoint-preview-mode])) .float-xxl-end,
  :where(body:not([data-breakpoint-preview-mode])).float-xxl-end{float:right !important}:where(body:not([data-breakpoint-preview-mode])) .float-xxl-none,
  :where(body:not([data-breakpoint-preview-mode])).float-xxl-none{float:none !important}:where(body:not([data-breakpoint-preview-mode])) .d-xxl-inline,
  :where(body:not([data-breakpoint-preview-mode])).d-xxl-inline{display:inline !important}:where(body:not([data-breakpoint-preview-mode])) .d-xxl-inline-block,
  :where(body:not([data-breakpoint-preview-mode])).d-xxl-inline-block{display:inline-block !important}:where(body:not([data-breakpoint-preview-mode])) .d-xxl-block,
  :where(body:not([data-breakpoint-preview-mode])).d-xxl-block{display:block !important}:where(body:not([data-breakpoint-preview-mode])) .d-xxl-grid,
  :where(body:not([data-breakpoint-preview-mode])).d-xxl-grid{display:grid !important}:where(body:not([data-breakpoint-preview-mode])) .d-xxl-table,
  :where(body:not([data-breakpoint-preview-mode])).d-xxl-table{display:table !important}:where(body:not([data-breakpoint-preview-mode])) .d-xxl-table-row,
  :where(body:not([data-breakpoint-preview-mode])).d-xxl-table-row{display:table-row !important}:where(body:not([data-breakpoint-preview-mode])) .d-xxl-table-cell,
  :where(body:not([data-breakpoint-preview-mode])).d-xxl-table-cell{display:table-cell !important}:where(body:not([data-breakpoint-preview-mode])) .d-xxl-flex,
  :where(body:not([data-breakpoint-preview-mode])).d-xxl-flex{display:flex !important}:where(body:not([data-breakpoint-preview-mode])) .d-xxl-inline-flex,
  :where(body:not([data-breakpoint-preview-mode])).d-xxl-inline-flex{display:inline-flex !important}:where(body:not([data-breakpoint-preview-mode])) .d-xxl-none,
  :where(body:not([data-breakpoint-preview-mode])).d-xxl-none{display:none !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xxl-fill,
  :where(body:not([data-breakpoint-preview-mode])).flex-xxl-fill{flex:1 1 auto !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xxl-row,
  :where(body:not([data-breakpoint-preview-mode])).flex-xxl-row{flex-direction:row !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xxl-column,
  :where(body:not([data-breakpoint-preview-mode])).flex-xxl-column{flex-direction:column !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xxl-row-reverse,
  :where(body:not([data-breakpoint-preview-mode])).flex-xxl-row-reverse{flex-direction:row-reverse !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xxl-column-reverse,
  :where(body:not([data-breakpoint-preview-mode])).flex-xxl-column-reverse{flex-direction:column-reverse !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xxl-grow-0,
  :where(body:not([data-breakpoint-preview-mode])).flex-xxl-grow-0{flex-grow:0 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xxl-grow-1,
  :where(body:not([data-breakpoint-preview-mode])).flex-xxl-grow-1{flex-grow:1 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xxl-shrink-0,
  :where(body:not([data-breakpoint-preview-mode])).flex-xxl-shrink-0{flex-shrink:0 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xxl-shrink-1,
  :where(body:not([data-breakpoint-preview-mode])).flex-xxl-shrink-1{flex-shrink:1 !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xxl-wrap,
  :where(body:not([data-breakpoint-preview-mode])).flex-xxl-wrap{flex-wrap:wrap !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xxl-nowrap,
  :where(body:not([data-breakpoint-preview-mode])).flex-xxl-nowrap{flex-wrap:nowrap !important}:where(body:not([data-breakpoint-preview-mode])) .flex-xxl-wrap-reverse,
  :where(body:not([data-breakpoint-preview-mode])).flex-xxl-wrap-reverse{flex-wrap:wrap-reverse !important}:where(body:not([data-breakpoint-preview-mode])) .gap-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).gap-xxl-0{gap:0 !important}:where(body:not([data-breakpoint-preview-mode])) .gap-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).gap-xxl-1{gap:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).gap-xxl-2{gap:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).gap-xxl-3{gap:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).gap-xxl-4{gap:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .gap-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).gap-xxl-5{gap:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-xxl-start,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-xxl-start{justify-content:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-xxl-end,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-xxl-end{justify-content:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-xxl-center,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-xxl-center{justify-content:center !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-xxl-between,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-xxl-between{justify-content:space-between !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-xxl-around,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-xxl-around{justify-content:space-around !important}:where(body:not([data-breakpoint-preview-mode])) .justify-content-xxl-evenly,
  :where(body:not([data-breakpoint-preview-mode])).justify-content-xxl-evenly{justify-content:space-evenly !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-xxl-start,
  :where(body:not([data-breakpoint-preview-mode])).align-items-xxl-start{align-items:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-xxl-end,
  :where(body:not([data-breakpoint-preview-mode])).align-items-xxl-end{align-items:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-xxl-center,
  :where(body:not([data-breakpoint-preview-mode])).align-items-xxl-center{align-items:center !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-xxl-baseline,
  :where(body:not([data-breakpoint-preview-mode])).align-items-xxl-baseline{align-items:baseline !important}:where(body:not([data-breakpoint-preview-mode])) .align-items-xxl-stretch,
  :where(body:not([data-breakpoint-preview-mode])).align-items-xxl-stretch{align-items:stretch !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-xxl-start,
  :where(body:not([data-breakpoint-preview-mode])).align-content-xxl-start{align-content:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-xxl-end,
  :where(body:not([data-breakpoint-preview-mode])).align-content-xxl-end{align-content:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-xxl-center,
  :where(body:not([data-breakpoint-preview-mode])).align-content-xxl-center{align-content:center !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-xxl-between,
  :where(body:not([data-breakpoint-preview-mode])).align-content-xxl-between{align-content:space-between !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-xxl-around,
  :where(body:not([data-breakpoint-preview-mode])).align-content-xxl-around{align-content:space-around !important}:where(body:not([data-breakpoint-preview-mode])) .align-content-xxl-stretch,
  :where(body:not([data-breakpoint-preview-mode])).align-content-xxl-stretch{align-content:stretch !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-xxl-auto,
  :where(body:not([data-breakpoint-preview-mode])).align-self-xxl-auto{align-self:auto !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-xxl-start,
  :where(body:not([data-breakpoint-preview-mode])).align-self-xxl-start{align-self:flex-start !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-xxl-end,
  :where(body:not([data-breakpoint-preview-mode])).align-self-xxl-end{align-self:flex-end !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-xxl-center,
  :where(body:not([data-breakpoint-preview-mode])).align-self-xxl-center{align-self:center !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-xxl-baseline,
  :where(body:not([data-breakpoint-preview-mode])).align-self-xxl-baseline{align-self:baseline !important}:where(body:not([data-breakpoint-preview-mode])) .align-self-xxl-stretch,
  :where(body:not([data-breakpoint-preview-mode])).align-self-xxl-stretch{align-self:stretch !important}:where(body:not([data-breakpoint-preview-mode])) .order-xxl-first,
  :where(body:not([data-breakpoint-preview-mode])).order-xxl-first{order:-1 !important}:where(body:not([data-breakpoint-preview-mode])) .order-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).order-xxl-0{order:0 !important}:where(body:not([data-breakpoint-preview-mode])) .order-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).order-xxl-1{order:1 !important}:where(body:not([data-breakpoint-preview-mode])) .order-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).order-xxl-2{order:2 !important}:where(body:not([data-breakpoint-preview-mode])) .order-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).order-xxl-3{order:3 !important}:where(body:not([data-breakpoint-preview-mode])) .order-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).order-xxl-4{order:4 !important}:where(body:not([data-breakpoint-preview-mode])) .order-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).order-xxl-5{order:5 !important}:where(body:not([data-breakpoint-preview-mode])) .order-xxl-last,
  :where(body:not([data-breakpoint-preview-mode])).order-xxl-last{order:6 !important}:where(body:not([data-breakpoint-preview-mode])) .m-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).m-xxl-0{margin:0 !important}:where(body:not([data-breakpoint-preview-mode])) .m-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).m-xxl-1{margin:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).m-xxl-2{margin:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).m-xxl-3{margin:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).m-xxl-4{margin:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).m-xxl-5{margin:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .m-xxl-auto,
  :where(body:not([data-breakpoint-preview-mode])).m-xxl-auto{margin:auto !important}:where(body:not([data-breakpoint-preview-mode])) .mx-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).mx-xxl-0{margin-right:0 !important;margin-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .mx-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).mx-xxl-1{margin-right:.25rem !important;margin-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).mx-xxl-2{margin-right:.5rem !important;margin-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).mx-xxl-3{margin-right:1rem !important;margin-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).mx-xxl-4{margin-right:1.5rem !important;margin-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).mx-xxl-5{margin-right:3rem !important;margin-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .mx-xxl-auto,
  :where(body:not([data-breakpoint-preview-mode])).mx-xxl-auto{margin-right:auto !important;margin-left:auto !important}:where(body:not([data-breakpoint-preview-mode])) .my-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).my-xxl-0{margin-top:0 !important;margin-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .my-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).my-xxl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).my-xxl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).my-xxl-3{margin-top:1rem !important;margin-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).my-xxl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).my-xxl-5{margin-top:3rem !important;margin-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .my-xxl-auto,
  :where(body:not([data-breakpoint-preview-mode])).my-xxl-auto{margin-top:auto !important;margin-bottom:auto !important}:where(body:not([data-breakpoint-preview-mode])) .mt-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).mt-xxl-0{margin-top:0 !important}:where(body:not([data-breakpoint-preview-mode])) .mt-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).mt-xxl-1{margin-top:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).mt-xxl-2{margin-top:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).mt-xxl-3{margin-top:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).mt-xxl-4{margin-top:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).mt-xxl-5{margin-top:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .mt-xxl-auto,
  :where(body:not([data-breakpoint-preview-mode])).mt-xxl-auto{margin-top:auto !important}:where(body:not([data-breakpoint-preview-mode])) .me-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).me-xxl-0{margin-right:0 !important}:where(body:not([data-breakpoint-preview-mode])) .me-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).me-xxl-1{margin-right:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).me-xxl-2{margin-right:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).me-xxl-3{margin-right:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).me-xxl-4{margin-right:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).me-xxl-5{margin-right:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .me-xxl-auto,
  :where(body:not([data-breakpoint-preview-mode])).me-xxl-auto{margin-right:auto !important}:where(body:not([data-breakpoint-preview-mode])) .mb-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).mb-xxl-0{margin-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .mb-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).mb-xxl-1{margin-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).mb-xxl-2{margin-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).mb-xxl-3{margin-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).mb-xxl-4{margin-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).mb-xxl-5{margin-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .mb-xxl-auto,
  :where(body:not([data-breakpoint-preview-mode])).mb-xxl-auto{margin-bottom:auto !important}:where(body:not([data-breakpoint-preview-mode])) .ms-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).ms-xxl-0{margin-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .ms-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).ms-xxl-1{margin-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).ms-xxl-2{margin-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).ms-xxl-3{margin-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).ms-xxl-4{margin-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).ms-xxl-5{margin-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .ms-xxl-auto,
  :where(body:not([data-breakpoint-preview-mode])).ms-xxl-auto{margin-left:auto !important}:where(body:not([data-breakpoint-preview-mode])) .p-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).p-xxl-0{padding:0 !important}:where(body:not([data-breakpoint-preview-mode])) .p-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).p-xxl-1{padding:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).p-xxl-2{padding:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).p-xxl-3{padding:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).p-xxl-4{padding:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .p-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).p-xxl-5{padding:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).px-xxl-0{padding-right:0 !important;padding-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .px-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).px-xxl-1{padding-right:.25rem !important;padding-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).px-xxl-2{padding-right:.5rem !important;padding-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).px-xxl-3{padding-right:1rem !important;padding-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).px-xxl-4{padding-right:1.5rem !important;padding-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .px-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).px-xxl-5{padding-right:3rem !important;padding-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).py-xxl-0{padding-top:0 !important;padding-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .py-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).py-xxl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).py-xxl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).py-xxl-3{padding-top:1rem !important;padding-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).py-xxl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .py-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).py-xxl-5{padding-top:3rem !important;padding-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).pt-xxl-0{padding-top:0 !important}:where(body:not([data-breakpoint-preview-mode])) .pt-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).pt-xxl-1{padding-top:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).pt-xxl-2{padding-top:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).pt-xxl-3{padding-top:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).pt-xxl-4{padding-top:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pt-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).pt-xxl-5{padding-top:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).pe-xxl-0{padding-right:0 !important}:where(body:not([data-breakpoint-preview-mode])) .pe-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).pe-xxl-1{padding-right:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).pe-xxl-2{padding-right:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).pe-xxl-3{padding-right:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).pe-xxl-4{padding-right:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pe-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).pe-xxl-5{padding-right:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).pb-xxl-0{padding-bottom:0 !important}:where(body:not([data-breakpoint-preview-mode])) .pb-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).pb-xxl-1{padding-bottom:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).pb-xxl-2{padding-bottom:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).pb-xxl-3{padding-bottom:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).pb-xxl-4{padding-bottom:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .pb-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).pb-xxl-5{padding-bottom:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-xxl-0,
  :where(body:not([data-breakpoint-preview-mode])).ps-xxl-0{padding-left:0 !important}:where(body:not([data-breakpoint-preview-mode])) .ps-xxl-1,
  :where(body:not([data-breakpoint-preview-mode])).ps-xxl-1{padding-left:.25rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-xxl-2,
  :where(body:not([data-breakpoint-preview-mode])).ps-xxl-2{padding-left:.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-xxl-3,
  :where(body:not([data-breakpoint-preview-mode])).ps-xxl-3{padding-left:1rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-xxl-4,
  :where(body:not([data-breakpoint-preview-mode])).ps-xxl-4{padding-left:1.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .ps-xxl-5,
  :where(body:not([data-breakpoint-preview-mode])).ps-xxl-5{padding-left:3rem !important}:where(body:not([data-breakpoint-preview-mode])) .text-xxl-start,
  :where(body:not([data-breakpoint-preview-mode])).text-xxl-start{text-align:left !important}:where(body:not([data-breakpoint-preview-mode])) .text-xxl-end,
  :where(body:not([data-breakpoint-preview-mode])).text-xxl-end{text-align:right !important}:where(body:not([data-breakpoint-preview-mode])) .text-xxl-center,
  :where(body:not([data-breakpoint-preview-mode])).text-xxl-center{text-align:center !important}}@container (min-width: 1400px){.float-xxl-start{float:left !important}.float-xxl-end{float:right !important}.float-xxl-none{float:none !important}.d-xxl-inline{display:inline !important}.d-xxl-inline-block{display:inline-block !important}.d-xxl-block{display:block !important}.d-xxl-grid{display:grid !important}.d-xxl-table{display:table !important}.d-xxl-table-row{display:table-row !important}.d-xxl-table-cell{display:table-cell !important}.d-xxl-flex{display:flex !important}.d-xxl-inline-flex{display:inline-flex !important}.d-xxl-none{display:none !important}.flex-xxl-fill{flex:1 1 auto !important}.flex-xxl-row{flex-direction:row !important}.flex-xxl-column{flex-direction:column !important}.flex-xxl-row-reverse{flex-direction:row-reverse !important}.flex-xxl-column-reverse{flex-direction:column-reverse !important}.flex-xxl-grow-0{flex-grow:0 !important}.flex-xxl-grow-1{flex-grow:1 !important}.flex-xxl-shrink-0{flex-shrink:0 !important}.flex-xxl-shrink-1{flex-shrink:1 !important}.flex-xxl-wrap{flex-wrap:wrap !important}.flex-xxl-nowrap{flex-wrap:nowrap !important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse !important}.gap-xxl-0{gap:0 !important}.gap-xxl-1{gap:.25rem !important}.gap-xxl-2{gap:.5rem !important}.gap-xxl-3{gap:1rem !important}.gap-xxl-4{gap:1.5rem !important}.gap-xxl-5{gap:3rem !important}.justify-content-xxl-start{justify-content:flex-start !important}.justify-content-xxl-end{justify-content:flex-end !important}.justify-content-xxl-center{justify-content:center !important}.justify-content-xxl-between{justify-content:space-between !important}.justify-content-xxl-around{justify-content:space-around !important}.justify-content-xxl-evenly{justify-content:space-evenly !important}.align-items-xxl-start{align-items:flex-start !important}.align-items-xxl-end{align-items:flex-end !important}.align-items-xxl-center{align-items:center !important}.align-items-xxl-baseline{align-items:baseline !important}.align-items-xxl-stretch{align-items:stretch !important}.align-content-xxl-start{align-content:flex-start !important}.align-content-xxl-end{align-content:flex-end !important}.align-content-xxl-center{align-content:center !important}.align-content-xxl-between{align-content:space-between !important}.align-content-xxl-around{align-content:space-around !important}.align-content-xxl-stretch{align-content:stretch !important}.align-self-xxl-auto{align-self:auto !important}.align-self-xxl-start{align-self:flex-start !important}.align-self-xxl-end{align-self:flex-end !important}.align-self-xxl-center{align-self:center !important}.align-self-xxl-baseline{align-self:baseline !important}.align-self-xxl-stretch{align-self:stretch !important}.order-xxl-first{order:-1 !important}.order-xxl-0{order:0 !important}.order-xxl-1{order:1 !important}.order-xxl-2{order:2 !important}.order-xxl-3{order:3 !important}.order-xxl-4{order:4 !important}.order-xxl-5{order:5 !important}.order-xxl-last{order:6 !important}.m-xxl-0{margin:0 !important}.m-xxl-1{margin:.25rem !important}.m-xxl-2{margin:.5rem !important}.m-xxl-3{margin:1rem !important}.m-xxl-4{margin:1.5rem !important}.m-xxl-5{margin:3rem !important}.m-xxl-auto{margin:auto !important}.mx-xxl-0{margin-right:0 !important;margin-left:0 !important}.mx-xxl-1{margin-right:.25rem !important;margin-left:.25rem !important}.mx-xxl-2{margin-right:.5rem !important;margin-left:.5rem !important}.mx-xxl-3{margin-right:1rem !important;margin-left:1rem !important}.mx-xxl-4{margin-right:1.5rem !important;margin-left:1.5rem !important}.mx-xxl-5{margin-right:3rem !important;margin-left:3rem !important}.mx-xxl-auto{margin-right:auto !important;margin-left:auto !important}.my-xxl-0{margin-top:0 !important;margin-bottom:0 !important}.my-xxl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-xxl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-xxl-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-xxl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-xxl-5{margin-top:3rem !important;margin-bottom:3rem !important}.my-xxl-auto{margin-top:auto !important;margin-bottom:auto !important}.mt-xxl-0{margin-top:0 !important}.mt-xxl-1{margin-top:.25rem !important}.mt-xxl-2{margin-top:.5rem !important}.mt-xxl-3{margin-top:1rem !important}.mt-xxl-4{margin-top:1.5rem !important}.mt-xxl-5{margin-top:3rem !important}.mt-xxl-auto{margin-top:auto !important}.me-xxl-0{margin-right:0 !important}.me-xxl-1{margin-right:.25rem !important}.me-xxl-2{margin-right:.5rem !important}.me-xxl-3{margin-right:1rem !important}.me-xxl-4{margin-right:1.5rem !important}.me-xxl-5{margin-right:3rem !important}.me-xxl-auto{margin-right:auto !important}.mb-xxl-0{margin-bottom:0 !important}.mb-xxl-1{margin-bottom:.25rem !important}.mb-xxl-2{margin-bottom:.5rem !important}.mb-xxl-3{margin-bottom:1rem !important}.mb-xxl-4{margin-bottom:1.5rem !important}.mb-xxl-5{margin-bottom:3rem !important}.mb-xxl-auto{margin-bottom:auto !important}.ms-xxl-0{margin-left:0 !important}.ms-xxl-1{margin-left:.25rem !important}.ms-xxl-2{margin-left:.5rem !important}.ms-xxl-3{margin-left:1rem !important}.ms-xxl-4{margin-left:1.5rem !important}.ms-xxl-5{margin-left:3rem !important}.ms-xxl-auto{margin-left:auto !important}.p-xxl-0{padding:0 !important}.p-xxl-1{padding:.25rem !important}.p-xxl-2{padding:.5rem !important}.p-xxl-3{padding:1rem !important}.p-xxl-4{padding:1.5rem !important}.p-xxl-5{padding:3rem !important}.px-xxl-0{padding-right:0 !important;padding-left:0 !important}.px-xxl-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-xxl-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-xxl-3{padding-right:1rem !important;padding-left:1rem !important}.px-xxl-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-xxl-5{padding-right:3rem !important;padding-left:3rem !important}.py-xxl-0{padding-top:0 !important;padding-bottom:0 !important}.py-xxl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-xxl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-xxl-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-xxl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-xxl-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-xxl-0{padding-top:0 !important}.pt-xxl-1{padding-top:.25rem !important}.pt-xxl-2{padding-top:.5rem !important}.pt-xxl-3{padding-top:1rem !important}.pt-xxl-4{padding-top:1.5rem !important}.pt-xxl-5{padding-top:3rem !important}.pe-xxl-0{padding-right:0 !important}.pe-xxl-1{padding-right:.25rem !important}.pe-xxl-2{padding-right:.5rem !important}.pe-xxl-3{padding-right:1rem !important}.pe-xxl-4{padding-right:1.5rem !important}.pe-xxl-5{padding-right:3rem !important}.pb-xxl-0{padding-bottom:0 !important}.pb-xxl-1{padding-bottom:.25rem !important}.pb-xxl-2{padding-bottom:.5rem !important}.pb-xxl-3{padding-bottom:1rem !important}.pb-xxl-4{padding-bottom:1.5rem !important}.pb-xxl-5{padding-bottom:3rem !important}.ps-xxl-0{padding-left:0 !important}.ps-xxl-1{padding-left:.25rem !important}.ps-xxl-2{padding-left:.5rem !important}.ps-xxl-3{padding-left:1rem !important}.ps-xxl-4{padding-left:1.5rem !important}.ps-xxl-5{padding-left:3rem !important}.text-xxl-start{text-align:left !important}.text-xxl-end{text-align:right !important}.text-xxl-center{text-align:center !important}}@media(min-width: 1200px){:where(body:not([data-breakpoint-preview-mode])) .fs-1,
  :where(body:not([data-breakpoint-preview-mode])).fs-1{font-size:2.5rem !important}:where(body:not([data-breakpoint-preview-mode])) .fs-2,
  :where(body:not([data-breakpoint-preview-mode])).fs-2{font-size:2rem !important}:where(body:not([data-breakpoint-preview-mode])) .fs-3,
  :where(body:not([data-breakpoint-preview-mode])).fs-3{font-size:1.75rem !important}:where(body:not([data-breakpoint-preview-mode])) .fs-4,
  :where(body:not([data-breakpoint-preview-mode])).fs-4{font-size:1.5rem !important}}@container (min-width: 1200px){.fs-1{font-size:2.5rem !important}.fs-2{font-size:2rem !important}.fs-3{font-size:1.75rem !important}.fs-4{font-size:1.5rem !important}}@media print{.d-print-inline{display:inline !important}.d-print-inline-block{display:inline-block !important}.d-print-block{display:block !important}.d-print-grid{display:grid !important}.d-print-table{display:table !important}.d-print-table-row{display:table-row !important}.d-print-table-cell{display:table-cell !important}.d-print-flex{display:flex !important}.d-print-inline-flex{display:inline-flex !important}.d-print-none{display:none !important}}header{background:#fff;box-sizing:border-box;height:auto;margin:0 0;padding:25px 0;position:relative;width:100%;z-index:11;background:#fff}header.--compact{margin-bottom:var(--nlds-header-compact-height, 1.5rem)}header.--compact::after{content:"";position:absolute;width:100%;height:var(--nlds-header-compact-height, 1.5rem);display:block;background:var(--nlds-header-compact-background-color, var(--utrecht-button-primary-action-background-color));left:0;bottom:calc(var(--nlds-header-compact-height, 1.5rem)*-1)}@media(min-width: 768px){:where(body:not([data-breakpoint-preview-mode])) header{width:90%}}@container (min-width: 768px){header{width:90%}}@media(min-width: 768px){:where(body:not([data-breakpoint-preview-mode])) header{height:auto;width:100%;padding:18px 13px}}@container (min-width: 768px){header{height:auto;width:100%;padding:18px 13px}}header a:visited h1,
  header h1,
  header .h1{box-sizing:border-box;color:#000;font-size:22px;font-weight:500;right:0;line-height:1em;margin:0;max-width:485px;text-decoration:none;padding-top:22px;float:right}@media screen and (max-width: 411px){:where(body:not([data-breakpoint-preview-mode])) header a:visited h1,
  :where(body:not([data-breakpoint-preview-mode])) header h1,
  :where(body:not([data-breakpoint-preview-mode])) header .h1{font-size:17px}}@container (max-width: 411px){header a:visited h1,
  header h1,
  header .h1{font-size:17px}}@media screen and (max-width: 341px){:where(body:not([data-breakpoint-preview-mode])) header a:visited h1,
  :where(body:not([data-breakpoint-preview-mode])) header h1,
  :where(body:not([data-breakpoint-preview-mode])) header .h1{font-size:15px}}@container (max-width: 341px){header a:visited h1,
  header h1,
  header .h1{font-size:15px}}@media(min-width: 768px){:where(body:not([data-breakpoint-preview-mode])) header a:visited h1,
  :where(body:not([data-breakpoint-preview-mode])) header h1,
  :where(body:not([data-breakpoint-preview-mode])) header .h1{font-size:18px;line-height:22px;text-align:right}}@container (min-width: 768px){header a:visited h1,
  header h1,
  header .h1{font-size:18px;line-height:22px;text-align:right}}.header_navbar-container{display:flex;gap:10px}.header-side-container{position:absolute;left:115px;top:0;right:10px}@media screen and (max-width: 991px){:where(body:not([data-breakpoint-preview-mode])) .header-side-container,
  :where(body:not([data-breakpoint-preview-mode])).header-side-container{left:138px}}@container (max-width: 991px){.header-side-container{left:138px}}@media(min-width: 768px){:where(body:not([data-breakpoint-preview-mode])) .header-side-container,
  :where(body:not([data-breakpoint-preview-mode])).header-side-container{left:115px;top:7px}}@container (min-width: 768px){.header-side-container{left:115px;top:7px}}.header-side-container.without-site-title{left:40%}.header-subtitle{font-size:29px;color:#000;font-weight:700;margin-top:0;margin-bottom:0}.header-subtitle span{font-weight:700}@media(min-width: 768px){:where(body:not([data-breakpoint-preview-mode])) .header-subtitle,
  :where(body:not([data-breakpoint-preview-mode])).header-subtitle{font-size:18px;color:#000;padding:0;line-height:24px}}@container (min-width: 768px){.header-subtitle{font-size:18px;color:#000;padding:0;line-height:24px}}.top-links{float:right;margin:0}.top-links li{display:inline-block;float:right}.top-links li a{padding-left:17px;margin-left:15px;margin-top:7px;background-image:url(/apos-frontend/releases/y6lzddgy/default/modules/openstad-assets/img/arrow_right_black.svg);background-repeat:no-repeat;background-position:0 1px;line-height:1;font-weight:500;height:22px}.logo-main-container{position:relative;z-index:1;display:flex;align-items:center;grid-gap:1rem;text-decoration:none}.logo-default{width:150px;display:block}.logo-container{position:absolute;top:10px;left:0}@media screen and (max-width: 991px){:where(body:not([data-breakpoint-preview-mode])) .logo-container,
  :where(body:not([data-breakpoint-preview-mode])).logo-container{left:28px}}@container (max-width: 991px){.logo-container{left:28px}}@media(min-width: 768px){:where(body:not([data-breakpoint-preview-mode])) .logo-container,
  :where(body:not([data-breakpoint-preview-mode])).logo-container{top:0}}@container (min-width: 768px){.logo-container{top:0}}.logo-container #amsterdam{color:#ec0000;top:17px;left:10px;font-size:13px;line-height:13px;font-weight:800;position:absolute}@media(min-width: 768px){:where(body:not([data-breakpoint-preview-mode])) .logo-container #amsterdam,
  :where(body:not([data-breakpoint-preview-mode])).logo-container #amsterdam{top:12px;left:-2px}}@container (min-width: 768px){.logo-container #amsterdam{top:12px;left:-2px}}.logo-container img{border:0;height:65px;width:auto;left:-19px;top:15px;position:absolute;display:block;max-width:none;height:68px;width:20px}@media(min-width: 768px){:where(body:not([data-breakpoint-preview-mode])) .logo-container img,
  :where(body:not([data-breakpoint-preview-mode])).logo-container img{height:41px;left:-21px;top:12px;width:12px}}@container (min-width: 768px){.logo-container img{height:41px;left:-21px;top:12px;width:12px}}@media(min-width: 992px){:where(body:not([data-breakpoint-preview-mode])) .logo-container img,
  :where(body:not([data-breakpoint-preview-mode])).logo-container img{left:0}}@container (min-width: 992px){.logo-container img{left:0}}*{box-sizing:border-box}.column{float:left;width:50%;height:100px}@media screen and (max-width: 310px){:where(body:not([data-breakpoint-preview-mode])) .column,
  :where(body:not([data-breakpoint-preview-mode])).column{height:50px;width:100%}}@container (max-width: 310px){.column{height:50px;width:100%}}header.amsterdam-header{height:110px;padding:0 15px}header.amsterdam-header .header-side-container{top:26px}@media screen and (max-width: 768px){:where(body:not([data-breakpoint-preview-mode])) header.amsterdam-header .header-side-container{top:7px}}@container (max-width: 768px){header.amsterdam-header .header-side-container{top:7px}}@media screen and (max-width: 768px){:where(body:not([data-breakpoint-preview-mode])) header.amsterdam-header{height:63px;padding:0}}@container (max-width: 768px){header.amsterdam-header{height:63px;padding:0}}body:not([data-breakpoint-preview-mode]):has(.--mobile.--show),
  [data-apos-refreshable-body]:has(.--mobile.--show){overflow:clip}.close-button{display:none}#navbar.--hidden{display:none}.header_navbar-container.--mobile .close-button{--background: var(--utrecht-button-primary-action-background-color, #333);--size: 16px;--border: 2px;display:block;height:32px;width:32px;border:none;background-color:rgba(0,0,0,0);position:relative;padding:0;justify-self:end;align-self:end}.header_navbar-container.--mobile .close-button:before{content:"";position:absolute;height:var(--size);width:calc(var(--size)*2);border:solid var(--background);border-width:var(--border) 0 var(--border) 0px;top:50%;left:50%;transform:translate(-50%, -50%)}.header_navbar-container.--mobile .close-button:after{content:"";position:absolute;height:var(--border);width:calc(var(--size)*2);top:50%;left:50%;transform:translate(-50%, -50%);background:var(--background)}.header_navbar-container.--mobile .close-button span{overflow:clip;height:0;width:0;display:block}header:has(.header_navbar-container.--show)~#navbar{align-self:start;width:100%;background:rgba(0,0,0,0);padding:0;display:block;z-index:11;padding-top:40px}header:has(.header_navbar-container.--show)~#navbar .container{max-width:none}header:has(.header_navbar-container.--show)~#navbar #main-menu{display:block}header:has(.header_navbar-container.--show)~#navbar #main-menu a{display:block}header:has(.header_navbar-container.--show)~#navbar #main-menu .item-container:has(.toggle-submenu){display:grid;grid-template-columns:1fr auto}header:has(.header_navbar-container.--show)~#navbar #main-menu .toggle-submenu{pointer-events:all;margin:0;border:solid 1px #ddd}header:has(.header_navbar-container.--show)~#navbar #main-menu .submenu{position:relative;width:100%;grid-column:1/-1;top:0;box-shadow:none;background:#eee}.header_navbar-container.--show{position:fixed;inset:0;background-color:#fff;z-index:99;padding:2rem 10px 10px 10px;justify-items:start;overflow:auto;gap:0;display:flex;flex-direction:column}:where([data-apos-refreshable-body]) .header_navbar-container.--show,
  :where([data-apos-refreshable-body]).header_navbar-container.--show{position:sticky;inset:0;background-color:#fff;z-index:99;padding:2rem 10px 10px 10px;justify-items:start;overflow:auto;gap:0;display:flex;flex-direction:column}.header_navbar-container.--show .close-button{grid-row:1}.header_navbar-container.--show .close-button:before{transform:translate(-50%, -50%) rotate(45deg);height:0px;border-bottom:0}.header_navbar-container.--show .close-button:after{transform:translate(-50%, -50%) rotate(-45deg)}.header_navbar-container.--show .extra-menu-buttons{flex-direction:column}.header_navbar-container.--show .extra-menu-buttons a{display:block;width:100%;max-width:none;padding:10px;min-height:unset}.header_navbar-container.--show .cta-buttons{justify-self:center;grid-row:3}.header_navbar-container.--show #navbar{align-self:start;width:100%;background:rgba(0,0,0,0);padding:0;display:block}.header_navbar-container.--show #navbar .container{max-width:none}.header_navbar-container.--show #navbar #main-menu{display:block}.header_navbar-container.--show #navbar #main-menu a{display:block}.header_navbar-container.--show #navbar #main-menu .item-container:has(.toggle-submenu){display:grid;grid-template-columns:1fr auto}.header_navbar-container.--show #navbar #main-menu .toggle-submenu{pointer-events:all;margin:0;border:solid 1px #ddd}.header_navbar-container.--show #navbar #main-menu .submenu{position:relative;width:100%;grid-column:1/-1;top:0;box-shadow:none;background:#eee}.header_navbar-container.--mobile:not(.--show) #navbar{display:none}.header_navbar-container.--mobile:not(.--show) .cta-buttons{display:none}.status-banner{background:var(--nlds-bannerStatus-backgroundColor, var(--utrecht-button-primary-action-background-color));padding:8px 0;text-align:center;margin:0;position:sticky;top:0;z-index:99}.status-banner p{display:inline-flex;color:var(--nlds-bannerStatus-color, var(--utrecht-button-primary-action-color));margin:0;gap:.5rem;align-items:center;line-height:1}.status-banner p:before{content:"";mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Pro v7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--%3E%3Cpath d='M320 112C434.9 112 528 205.1 528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112zM320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576zM280 400C266.7 400 256 410.7 256 424C256 437.3 266.7 448 280 448L360 448C373.3 448 384 437.3 384 424C384 410.7 373.3 400 360 400L352 400L352 312C352 298.7 341.3 288 328 288L280 288C266.7 288 256 298.7 256 312C256 325.3 266.7 336 280 336L304 336L304 400L280 400zM320 256C337.7 256 352 241.7 352 224C352 206.3 337.7 192 320 192C302.3 192 288 206.3 288 224C288 241.7 302.3 256 320 256z'/%3E%3C/svg%3E");display:inline-block;width:18px;height:18px;background-color:var(--nlds-bannerStatus-color, var(--utrecht-button-primary-action-color))}.header-top-bar{background:#fff;margin:-18px -13px 18px -13px;border-bottom:solid 1px #f3f3f3}@media only screen and (max-width: 768px){:where(body:not([data-breakpoint-preview-mode])) .header-top-bar,
  :where(body:not([data-breakpoint-preview-mode])).header-top-bar{margin:-25px 0 0 0}}@container (max-width: 768px){.header-top-bar{margin:-25px 0 0 0}}.header-top-bar .container{display:flex;justify-content:space-between;align-items:center;gap:10px}.header-top-bar .container>div{display:flex;align-items:center;gap:10px}.header-top-bar a{font-size:12px;padding:3px 0;display:inline-block}#navbar.--compact{margin-right:-10px !important}#navbar.--compact:has(+.cta-buttons){margin-right:0}.extra-menu-buttons{display:flex}.cta-buttons .utrecht-button-link.utrecht-button-link--account,
  .cta-buttons .utrecht-button-link.utrecht-button-link--menu-button{padding:unset;border:unset;padding:10px;text-decoration:none;color:var(--nlds-main-menu-item-color, #000);border-bottom:solid 2px rgba(0,0,0,0);white-space:nowrap;font-weight:600;font-family:var(--bs-body-font-family);line-height:1.125rem;background:unset}.cta-buttons .utrecht-button-link.utrecht-button-link--account:hover,
  .cta-buttons .utrecht-button-link.utrecht-button-link--account:focus-visible,
  .cta-buttons .utrecht-button-link.utrecht-button-link--menu-button:hover,
  .cta-buttons .utrecht-button-link.utrecht-button-link--menu-button:focus-visible{scale:1;color:var(--nlds-main-menu-item-color--hover, var(--utrecht-link-hover-color));border-color:var(--nlds-main-menu-item-border-color--hover, var(--utrecht-link-hover-color))}.focus{outline:2px dotted #000 !important;outline-offset:-2px !important;-webkit-box-shadow:inset 0 0 0 2px #fff !important;box-shadow:inset 0 0 0 2px #fff !important}.focusByBorder{outline:none !important;border:2px dotted #000 !important}a:focus,
  .arguments-cta-box .btn-primary:focus,
  #formulier-block .btn-primary:focus{text-decoration:none}#navbar{box-sizing:border-box;font-weight:600;line-height:1.125rem;background-color:#f3f3f3;border:none;margin-bottom:0}@media(max-width: 767.98px){:where(body:not([data-breakpoint-preview-mode])) .navbar,
  :where(body:not([data-breakpoint-preview-mode])).navbar{margin-bottom:-3px}}@container (max-width: 767.98px){.navbar{margin-bottom:-3px}}.navbar-static-top{z-index:100}#mainMenu a.account{box-sizing:border-box;float:left;margin-top:8px;position:relative;text-decoration:none;margin-left:15px}#mainMenu a.account.logout-button{margin-top:10px}#mainMenu>ul{display:inline-block;margin:0;max-width:100%;padding:0;white-space:nowrap}#mainMenu>ul li{box-sizing:border-box;float:left;height:46px;list-style:none;padding:10px 0 0;text-align:center}#mainMenu>ul li+li{padding-left:10px}#mainMenu a{display:inline-block;text-decoration:none;color:#323232;font-size:18px;font-weight:500;padding:8px 5px}#mainMenu a.active,
  #mainMenu a:hover{border-bottom:2px solid #ec0000;background:rgba(0,0,0,0)}#mainMenu a:hover{color:#ec0000}#mainMenu .menu-cta-button{float:left;color:#fff;background-color:#164995;padding:16px 23px;line-height:1;margin-top:-1px;display:block}#mainMenu .menu-cta-button:hover{background-color:#003066;text-decoration:none;border-bottom:0;color:#fff}@media(max-width: 767.98px){:where(body:not([data-breakpoint-preview-mode])) #mainMenu .menu-cta-button,
  :where(body:not([data-breakpoint-preview-mode]))#mainMenu .menu-cta-button{margin-bottom:3px}}@container (max-width: 767.98px){#mainMenu .menu-cta-button{margin-bottom:3px}}#subMenu{position:absolute;right:0}@media(max-width: 767.98px){:where(body:not([data-breakpoint-preview-mode])) #subMenu,
  :where(body:not([data-breakpoint-preview-mode]))#subMenu{position:relative}}@container (max-width: 767.98px){#subMenu{position:relative}}.hidden-active{display:none}.hidden-active{display:none}.visible-active{display:block}.active .hidden-active{display:block}.active .visible-active{display:none}.navbar-toggle .icon-bar{display:block;width:21px;height:2px;border-radius:0;background:#020202}.navbar-toggle{display:none}.account-menu-toggle{position:absolute;top:0;right:16px;z-index:10;padding:16px;color:#434343;display:none}@media(max-width: 767.98px){:where(body:not([data-breakpoint-preview-mode])) #navbar,
  :where(body:not([data-breakpoint-preview-mode]))#navbar{margin-bottom:0}:where(body:not([data-breakpoint-preview-mode])) #navbar #mainMenu ul li,
  :where(body:not([data-breakpoint-preview-mode]))#navbar #mainMenu ul li{width:100%;text-align:left;display:block;padding:0;height:auto}:where(body:not([data-breakpoint-preview-mode])) #navbar .navbar-toggle,
  :where(body:not([data-breakpoint-preview-mode]))#navbar .navbar-toggle{position:absolute;top:0;left:10px;z-index:10;padding:9px;display:block}:where(body:not([data-breakpoint-preview-mode])) #navbar .account-menu-toggle,
  :where(body:not([data-breakpoint-preview-mode]))#navbar .account-menu-toggle{display:block;padding-right:0}:where(body:not([data-breakpoint-preview-mode])) #navbar .navbar-menu .nav-link,
  :where(body:not([data-breakpoint-preview-mode]))#navbar .navbar-menu .nav-link{position:relative;border-bottom:1px solid #d6d6d6;padding:16px 20px 13px;width:100%;display:block;font-size:16px}:where(body:not([data-breakpoint-preview-mode])) #navbar .navbar-menu .nav :first-child .nav-link,
  :where(body:not([data-breakpoint-preview-mode]))#navbar .navbar-menu .nav :first-child .nav-link{margin-top:0}:where(body:not([data-breakpoint-preview-mode])) #navbar .navbar-menu,
  :where(body:not([data-breakpoint-preview-mode]))#navbar .navbar-menu{background:#f3f3f3;width:270px;position:absolute;top:50px;margin:0;left:0;padding:0px;display:none;border-bottom:4px solid #000}:where(body:not([data-breakpoint-preview-mode])) #navbar .account,
  :where(body:not([data-breakpoint-preview-mode]))#navbar .account{display:none}:where(body:not([data-breakpoint-preview-mode])) #navbar .menu-cta-button,
  :where(body:not([data-breakpoint-preview-mode]))#navbar .menu-cta-button{float:none;color:#fff;background-color:#164995;padding:14px 0;margin-right:15px;display:block;max-width:100%;text-align:center;margin:7px 18px;font-size:16px}}@container (max-width: 767.98px){#navbar{margin-bottom:0}#navbar #mainMenu ul li{width:100%;text-align:left;display:block;padding:0;height:auto}#navbar .navbar-toggle{position:absolute;top:0;left:10px;z-index:10;padding:9px;display:block}#navbar .account-menu-toggle{display:block;padding-right:0}#navbar .navbar-menu .nav-link{position:relative;border-bottom:1px solid #d6d6d6;padding:16px 20px 13px;width:100%;display:block;font-size:16px}#navbar .navbar-menu .nav :first-child .nav-link{margin-top:0}#navbar .navbar-menu{background:#f3f3f3;width:270px;position:absolute;top:50px;margin:0;left:0;padding:0px;display:none;border-bottom:4px solid #000}#navbar .account{display:none}#navbar .menu-cta-button{float:none;color:#fff;background-color:#164995;padding:14px 0;margin-right:15px;display:block;max-width:100%;text-align:center;margin:7px 18px;font-size:16px}}.account-menu{right:0;z-index:1;width:223px;top:150px;color:#fff;display:none;background:#efefef;top:0;position:absolute;top:50px;padding:20px 30px}.account-menu a{color:#000}.body-background{opacity:.8;background:#000;position:fixed;top:0;bottom:0;left:0;right:0;z-index:9}:where([data-apos-refreshable-body]) .body-background,
  :where([data-apos-refreshable-body]).body-background{opacity:.8;background:#000;position:sticky;--container-top: 0;top:var(--container-top);--container-bottom: 0;bottom:var(--container-bottom);--container-left: 0;left:var(--container-left);--container-right: 0;right:var(--container-right);z-index:9}#mainMenu .dropdown{position:relative;display:inline-block}#mainMenu .dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,.2);z-index:1}#mainMenu .dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:left}#mainMenu .dropdown-content a:hover{background-color:#ddd;border:0}#mainMenu .dropdown:hover .dropdown-content{display:block}#cookiewarning-container-top.cookie-container-fixed{position:fixed;bottom:0;width:100%;z-index:1000000;background:#fff;padding:10px;box-shadow:0 -10px 5px rgba(0,0,0,.1);left:0}:where([data-apos-refreshable-body]) #cookiewarning-container-top.cookie-container-fixed,
  :where([data-apos-refreshable-body])#cookiewarning-container-top.cookie-container-fixed{position:sticky;--container-bottom: 0;bottom:var(--container-bottom);width:100%;z-index:1000000;background:#fff;padding:10px;box-shadow:0 -10px 5px rgba(0,0,0,.1);--container-left: 0;left:var(--container-left)}#cookiewarning-container{box-sizing:border-box;width:100%;width:100%;height:193px;background-color:#fff;border-bottom:4px solid #787979}#cookiewarning-container.hidden{display:none}.cookie-consent{font-size:16px;line-height:1.38}.cookie-consent a{color:#164995;font-weight:600;text-decoration:underline}.cookie-consent #cookiewarning{max-width:870px;margin:0 auto}.cookie-consent h3,
  .cookie-consent .h3{margin:0;padding:16px 0 13px 0;text-align:left}.cookie-consent a.cookie-button{display:inline-block;box-sizing:border-box;padding:0 10px;margin:15px 15px 0 0;font-size:16px;padding:12px 15px;line-height:1.1;text-align:center;text-decoration:none}.cookie-consent a.cookie-button:hover{text-decoration:underline}.cookie-consent a.cookie-button.cookie-button-blue{color:#fff;background-color:#164995;border:2px solid #164995}.cookie-consent a.cookie-button.cookie-button-blue:hover{background-color:#004699;border:2px solid #004699}.cookie-consent a.cookie-button.cookie-button-gray{color:#fff;background-color:#787979;border:2px solid #787979}.cookie-consent a.cookie-button.cookie-button-white{color:#004699;background-color:#fff;border:2px solid #164995}.cookie-consent a.cookie-button.cookie-button-white:hover{border:2px solid #004699}.cookie-consent.placeholder-no-cookie-consent{width:100%;height:100%;border:solid 3px #434444}.cookie-consent.placeholder-no-cookie-consent.placeholder-type-default,
  .cookie-consent.placeholder-no-cookie-consent.placeholder-type-video{background:repeating-linear-gradient(135deg, #eee, #eee 20px, #fcfcfc 20px, #fcfcfc 40px)}.cookie-consent.placeholder-no-cookie-consent.placeholder-type-map{background-size:cover;background-image:url(/apos-frontend/releases/y6lzddgy/default/modules/openstad-assets/img/placeholders/kaart-blur-image@3x.png)}.cookie-consent.placeholder-no-cookie-consent .placeholder-content{margin-top:20px;padding:20px;width:100%;background-color:#fff}.cookie-consent.placeholder-no-cookie-consent .placeholder-content .placeholder-text{max-width:500px;margin:0 auto}.cookie-consent.placeholder-no-cookie-consent .placeholder-content h3,
  .cookie-consent.placeholder-no-cookie-consent .placeholder-content .h3{margin-top:0;padding-top:0}.cookie-consent .cookie-consent-change-container{padding:12px 20px 20px 20px;max-width:580px;border:solid 2px #004699;line-height:2.5}.apos-popover{z-index:10000 !important}.row img{max-width:100%}body:not([data-breakpoint-preview-mode]),
  [data-apos-refreshable-body]{max-width:100%;margin:0 auto;background-color:var(--nlds-body-background-color, var(--nlds-default-background-color, #f0f4f8))}.utrecht-heading-1.utrecht-accordion__header{--utrecht-heading-1-line-height: unset}body:not([data-breakpoint-preview-mode])[data-apos-level],
  [data-apos-refreshable-body][data-apos-level]{padding:0 !important;margin:0 auto !important}[data-apos-refreshable],
  .bp-wrapper,
  main{background:#fff}.skip-link{position:absolute;z-index:-1;top:10px;left:10px}.skip-link:focus-visible{z-index:99999999}#logo-image{max-height:50px}*:focus-visible{outline:var(--utrecht-focus-outline-width) var(--utrecht-focus-outline-style) var(--utrecht-focus-outline-color)}.iconButton--container{width:100%;display:flex;justify-content:end;align-items:center}@media screen and (max-width: 540px){:where(body:not([data-breakpoint-preview-mode])) #main,
  :where(body:not([data-breakpoint-preview-mode]))#main{max-width:95%;margin:0 auto}}@container (max-width: 540px){#main{max-width:95%;margin:0 auto}}
h1,
  h2,
  h3,
  h4{text-align:left}.heavy-bold{font-weight:900}
h1,
  h2,
  h3,
  h4{text-align:left}.heavy-bold{font-weight:900}body:not([data-breakpoint-preview-mode]) .rte>*,
  [data-apos-refreshable-body] .rte>*{margin-block-start:1rem;margin-block-end:1rem}
h1,
  h2,
  h3,
  h4{text-align:left}.heavy-bold{font-weight:900}body:not([data-breakpoint-preview-mode]) .rte>*,
  [data-apos-refreshable-body] .rte>*{margin-block-start:1rem;margin-block-end:1rem}
.timeline-period,
  .timeline-day{padding:10px 20px 20px 50px;position:relative;margin-bottom:10px;font-size:16px;background:#f3f3f3}.timeline-period ul,
  .timeline-day ul{padding:0px 15px}.timeline-period h3,
  .timeline-day h3{margin:10px 0}.timeline-period::before,
  .timeline-day::before{content:"";width:10px;background:#323333;left:15px;top:-10px;bottom:0;position:absolute}.timeline-period:first-child::before,
  .timeline-day:first-child::before{top:0}.timeline-period::after,
  .timeline-day::after{top:50%;position:absolute;content:"";background-repeat:no-repeat;transform:translateY(-50%)}.timeline-period::after{background-image:url("/apos-frontend/releases/y6lzddgy/default/modules/openstad-timeline-widget/img/period.svg");width:22px;height:52px;left:10px}.timeline-day::after{background-image:url("/apos-frontend/releases/y6lzddgy/default/modules/openstad-timeline-widget/img/round-empty.svg");width:30px;height:30px;left:5px}.timeline-link-list{margin-top:15px}

/*# sourceMappingURL=src-build.css.map*/
@charset "UTF-8"; /**
* @license EUPL-1.2
* Copyright (c) 2024-2025 Gemeente Utrecht
* Copyright (c) 2024-2025 Frameless B.V.
*/ /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */ /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 Gemeente Utrecht
 */ /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 */ /**
 * @license EUPL-1.2
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 * Copyright (c) 2022 Gemeente Utrecht
 */ /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Robbert Broersma
 */ /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 */ /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Frameless B.V.
 */ /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */ /**
 * @license EUPL-1.2
 * Copyright (c) 2023 Frameless B.V.
 */ /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Gemeente Utrecht
 * Copyright (c) 2021-2022 Frameless B.V.
 */ /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 */ /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 * Copyright (c) 2021 Gemeente Utrecht
 */ /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Frameless B.V.
 */ /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 */ /**
 * @license EUPL-1.2
 * Copyright (c) 2020-2022 Gemeente Utrecht
 * Copyright (c) 2020-2022 Frameless B.V.
 */ /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-accordion {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-accordion-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-accordion-margin-block-start, 0)
  );
}
.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;
}
.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);
  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);
}
.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);
}
.utrecht-alternate-lang-nav__heading {
  display: none;
}
.utrecht-article {
  max-inline-size: var(--utrecht-article-max-inline-size);
}
.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;
}
.utrecht-badge-counter {
  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);
  font-weight: var(
    --utrecht-badge-counter-font-weight,
    var(--utrecht-badge-font-weight, bold)
  );
  line-height: 1;
  max-block-size: max-content;
  max-inline-size: max-content;
  min-block-size: var(
    --utrecht-badge-counter-min-block-size,
    var(
      --utrecht-badge-counter-min-inline-size,
      var(--utrecht-badge-counter-min-size, 1em)
    )
  );
  min-inline-size: var(
    --utrecht-badge-counter-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;
  white-space: nowrap;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-badge-counter {
    border-color: currentColor;
    border-style: solid;
    border-width: 1px;
  }
}
.utrecht-badge-data {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    border-width: 1px;
  }
}
.utrecht-badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-badge-list-item-margin-block)
    var(--utrecht-badge-list-item-margin-inline);
}
.utrecht-badge-status {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    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)
  );
}
.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;
}
.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
  );
  --_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)
  );
  --_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)
  );
  cursor: var(
    --_utrecht-breadcrumb-nav-link-current-cursor,
    var(--_utrecht-breadcrumb-nav-link-disabled-cursor)
  );
}
.utrecht-breadcrumb-nav__separator,
.utrecht-breadcrumb-nav__separator--html-li {
  --_utrecht-breadcrumb-nav-separator-display: inline-flex;
  --utrecht-icon-size: var(--utrecht-breadcrumb-nav-separator-icon-size);
  align-items: center;
  color: var(--utrecht-breadcrumb-nav-separator-color);
  cursor: var(--utrecht-action-inert-cursor, default);
  display: var(--_utrecht-breadcrumb-nav-separator-display);
  inline-size: fit-content;
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-breadcrumb-nav--arrows {
  --utrecht-breadcrumb-nav-arrow-size: 24px;
  min-block-size: var(--utrecht-breadcrumb-nav-min-block-size);
  overflow: hidden;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link {
  background-color: var(--utrecht-breadcrumb-nav-arrows-link-background-color);
  padding-inline-end: 0;
  position: relative;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  block-size: 0;
  border-block-end-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-block-start-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-color: transparent;
  border-style: solid;
  content: ' ';
  display: block;
  inline-size: 0;
  inset-block-start: 50%;
  inset-inline-start: 100%;
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  position: absolute;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-background-color
  );
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  z-index: 2;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  border-inline-start-color: var(--utrecht-document-background-color);
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  margin-inline-start: 1px;
  z-index: 1;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus {
  --utrecht-link-focus-background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
  background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__link
  ~ .utrecht-breadcrumb-nav__link,
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__item
  ~ .utrecht-breadcrumb-nav__item
  .utrecht-breadcrumb-nav__link {
  padding-inline-start: calc(
    var(--utrecht-breadcrumb-nav-item-padding-inline-start) +
      var(--utrecht-breadcrumb-nav-arrow-size)
  );
}
.utrecht-breadcrumb-nav__item ~ .utrecht-breadcrumb-nav__item {
  margin-inline-start: var(--utrecht-breadcrumb-nav-item-divider-inline-size);
}
.utrecht-button-group {
  align-items: baseline;
  background-color: var(--utrecht-button-group-background-color);
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-button-group-inline-gap, 1em);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-start, 0)
  );
  min-block-size: var(--utrecht-button-block-size);
  padding-block-end: var(--utrecht-button-group-padding-block-end);
  padding-block-start: var(--utrecht-button-group-padding-block-start);
}
.utrecht-button-group--distanced {
  --utrecht-space-around: 1;
}
.utrecht-button-group__link-button--row,
.utrecht-button-group--row .utrecht-link-button,
.utrecht-button-group:not(.utrecht-button-group--column) .utrecht-link-button {
  --utrecht-button-padding-inline-end: 0;
  --utrecht-button-padding-inline-start: 0;
}
.utrecht-button-group--column {
  flex-direction: column;
  gap: var(--utrecht-button-group-block-gap, 1em);
}
.utrecht-button-link {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --_utrecht-button-font-size: var(
    --_utrecht-button-appearance-font-size,
    var(--utrecht-button-font-size)
  );
  --_utrecht-button-line-height: var(
    --_utrecht-button-appearance-line-height,
    var(--utrecht-button-line-height)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --_utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --_utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--_utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
  cursor: var(--utrecht-action-navigate-cursor, pointer);
  text-decoration: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button-link {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button-link--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--placeholder {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button-link--html-a:focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--html-a:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--html-a:hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--html-a:active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-size: var(
    --utrecht-button-primary-action-font-size
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-line-height: var(
    --utrecht-button-primary-action-line-height
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button-link--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-size: var(
    --utrecht-button-secondary-action-font-size
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-line-height: var(
    --utrecht-button-secondary-action-line-height
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button-link--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-size: var(
    --utrecht-button-subtle-font-size
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-line-height: var(
    --utrecht-button-subtle-line-height
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-button {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --_utrecht-button-font-size: var(
    --_utrecht-button-appearance-font-size,
    var(--utrecht-button-font-size)
  );
  --_utrecht-button-line-height: var(
    --_utrecht-button-appearance-line-height,
    var(--utrecht-button-line-height)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --_utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --_utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--_utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button--distanced {
  margin-block-end: var(--utrecht-button-margin-block-end);
  margin-block-start: var(--utrecht-button-margin-block-start);
  margin-inline-end: var(--utrecht-button-margin-inline-end);
  margin-inline-start: var(--utrecht-button-margin-inline-start);
}
.utrecht-button--submit {
  cursor: var(--utrecht-action-submit-cursor, revert);
}
.utrecht-button--busy {
  cursor: var(--utrecht-action-busy-cursor, wait);
}
.utrecht-button--pressed {
  background-color: var(--_utrecht-button-pressed-background-color);
  border-color: var(--_utrecht-button-pressed-border-color);
  color: var(--_utrecht-button-pressed-color);
}
.utrecht-button:disabled,
.utrecht-button--disabled {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button--focus:not(.utrecht-button--disabled) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-button--hover:not(:disabled, .utrecht-button--disabled),
.utrecht-button:hover:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button:active:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ),
.utrecht-button--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-size: var(
    --utrecht-button-primary-action-font-size
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-line-height: var(
    --utrecht-button-primary-action-line-height
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-size: var(
    --utrecht-button-secondary-action-font-size
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-line-height: var(
    --utrecht-button-secondary-action-line-height
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-size: var(
    --utrecht-button-subtle-font-size
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-line-height: var(
    --utrecht-button-subtle-line-height
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-danger-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-ready-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-warning-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-danger-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-ready-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-warning-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-danger-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-danger-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-danger-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-ready-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-ready-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-ready-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-warning-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-warning-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-warning-pressed-color
  );
}
.utrecht-calendar {
  background-color: var(--utrecht-calendar-background-color);
  inline-size: fit-content;
}
.utrecht-calendar__table {
  margin-inline: auto;
  padding-block-end: var(--utrecht-calendar-table-padding-block-end);
  padding-block-start: var(--utrecht-calendar-table-padding-block-start);
}
.utrecht-calendar__table-weeks-item {
  inline-size: var(--utrecht-calendar-table-weeks-item-width);
  line-height: var(--utrecht-calendar-table-weeks-item-line-height, inherit);
  padding-block-end: var(--utrecht-calendar-table-weeks-item-padding-block-end);
  padding-block-start: var(
    --utrecht-calendar-table-weeks-item-padding-block-start
  );
}
.utrecht-calendar__table-days-item-day {
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-border-color
  );
  --utrecht-calendar-button-border-width: var(
    --utrecht-calendar-table-days-item-day-border-width
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-color
  );
  block-size: var(--utrecht-calendar-table-days-item-day-size);
  inline-size: var(--utrecht-calendar-table-days-item-day-size);
}
.utrecht-calendar__table-days-item-day:hover {
  --utrecht-calendar-button-hover-background-color: var(
    --utrecht-calendar-table-days-item-day-hover-background-color
  );
  --utrecht-calendar-button-hover-border-color: var(
    --utrecht-calendar-table-days-item-day-hover-border-color
  );
  --utrecht-calendar-button-hover-color: var(
    --utrecht-calendar-table-days-item-day-hover-color
  );
}
.utrecht-calendar__table-days-item-day:focus {
  --utrecht-calendar-button-focus-background-color: var(
    --utrecht-calendar-table-days-item-day-focus-background-color
  );
  --utrecht-calendar-button-focus-border-color: var(
    --utrecht-calendar-table-days-item-day-focus-border-color
  );
  --utrecht-calendar-button-focus-color: var(
    --utrecht-calendar-table-days-item-day-focus-color
  );
}
.utrecht-calendar__table-days-item-day:active {
  --utrecht-calendar-button-active-background-color: var(
    --utrecht-calendar-table-days-item-day-active-background-color
  );
  --utrecht-calendar-button-active-border-color: var(
    --utrecht-calendar-table-days-item-day-active-border-color
  );
  --utrecht-calendar-button-active-color: var(
    --utrecht-calendar-table-days-item-day-active-color
  );
}
.utrecht-calendar__table-days-item-day:disabled {
  --utrecht-calendar-button-disabled-background-color: var(
    --utrecht-calendar-table-days-item-day-disabled-background-color
  );
  --utrecht-calendar-button-disabled-border-color: var(
    --utrecht-calendar-table-days-item-day-disabled-border-color
  );
  --utrecht-calendar-button-disabled-color: var(
    --utrecht-calendar-table-days-item-day-disabled-color
  );
}
.utrecht-calendar__table-days-item-day--out-of-the-month {
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-color
  );
}
.utrecht-calendar__table-days-item-day--is-today {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-is-today-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-is-today-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-is-today-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-is-today-color
  );
}
.utrecht-calendar__table-days-item-day--emphasis {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-emphasis-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-color
  );
}
.utrecht-calendar__table-days-item-day--selected {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-selected-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-selected-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-selected-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-selected-color
  );
}
.utrecht-calendar__navigation {
  background-color: var(--utrecht-calendar-navigation-background-color);
  color: var(--utrecht-calendar-navigation-color);
  padding-block-end: var(--utrecht-calendar-navigation-padding-block-end);
  padding-block-start: var(--utrecht-calendar-navigation-padding-block-start);
}
.utrecht-calendar__navigation-label {
  color: var(--utrecht-calendar-navigation-label-color);
  font-size: var(--utrecht-calendar-navigation-label-font-size);
  text-align: center;
}
.utrecht-calendar__navigation-buttons {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.utrecht-calendar__button {
  --utrecht-button-subtle-color: var(
    --utrecht-calendar-button-color,
    currentColor
  );
  --utrecht-button-subtle-background-color: var(
    --utrecht-calendar-button-background-color,
    transparent
  );
  --utrecht-button-subtle-border-color: var(
    --utrecht-calendar-button-border-color,
    transparent
  );
  --utrecht-button-subtle-border-width: var(
    --utrecht-calendar-button-border-width
  );
  --utrecht-button-font-weight: var(--utrecht-calendar-button-font-weight);
  --utrecht-button-subtle-focus-background-color: var(
    --utrecht-calendar-button-focus-background-color
  );
  --utrecht-button-subtle-focus-border-color: var(
    --utrecht-calendar-button-focus-border-color
  );
  --utrecht-button-subtle-focus-color: var(
    --utrecht-calendar-button-focus-color
  );
  --utrecht-button-subtle-active-background-color: var(
    --utrecht-calendar-button-active-background-color
  );
  --utrecht-button-subtle-active-border-color: var(
    --utrecht-calendar-button-active-border-color
  );
  --utrecht-button-subtle-active-color: var(
    --utrecht-calendar-button-active-color
  );
  --utrecht-button-subtle-hover-background-color: var(
    --utrecht-calendar-button-hover-background-color
  );
  --utrecht-button-subtle-hover-border-color: var(
    --utrecht-calendar-button-hover-border-color,
    transparent
  );
  --utrecht-button-subtle-hover-color: var(
    --utrecht-calendar-button-hover-color
  );
  --utrecht-button-subtle-disabled-background-color: var(
    --utrecht-calendar-button-disabled-background-color
  );
  --utrecht-button-subtle-disabled-border-color: var(
    --utrecht-calendar-button-disabled-border-color
  );
  --utrecht-button-subtle-disabled-color: var(
    --utrecht-calendar-button-disabled-color
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-calendar-button-padding-block-end,
    0
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-calendar-button-padding-block-start,
    0
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-calendar-button-padding-inline-end,
    0
  );
  --utrecht-button-padding-inline-start: var(
    --utrecht-calendar-button-padding-inline-start,
    0
  );
  cursor: pointer;
}
.utrecht-calendar__icon {
  block-size: var(--utrecht-calendar-icon-size);
  inline-size: var(--utrecht-calendar-icon-size);
}
.utrecht-checkbox {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  cursor: var(--utrecht-action-activate-cursor, revert);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-checkbox--disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--html-input:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-code-block {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size, inherit);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
  --utrecht-code-color: var(--utrecht-code-block-color, inherit);
  --utrecht-code-background-color: var(
    --utrecht-code-block-background-color,
    inherit
  );
  --utrecht-code-font-weight: var(--utrecht-code-block-font-weight, inherit);
  --utrecht-code-font-size: var(--utrecht-code-block-font-size, inherit);
  --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
  background-color: var(--utrecht-code-block-background-color);
  display: block;
  font-size: var(
    --utrecht-code-block-font-size,
    var(--utrecht-code-font-size, inherit)
  );
  line-height: var(
    --utrecht-code-block-line-height,
    var(--utrecht-code-line-height)
  );
  margin-block-end: var(--utrecht-code-block-margin-block-end);
  margin-block-start: var(--utrecht-code-block-margin-block-start);
  margin-inline-end: var(--utrecht-code-block-margin-inline-end);
  margin-inline-start: var(--utrecht-code-block-margin-inline-start);
  padding-block-end: var(--utrecht-code-block-padding-block-end);
  padding-block-start: var(--utrecht-code-block-padding-block-start);
  padding-inline-end: var(--utrecht-code-block-padding-inline-end);
  padding-inline-start: var(--utrecht-code-block-padding-inline-start);
  white-space: pre;
}
.utrecht-code-block__content {
  font-family: inherit;
  font-size: inherit;
}
.utrecht-code {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size, inherit);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
}
.utrecht-color-sample {
  background-color: var(--utrecht-color-sample-background-color, currentColor);
  block-size: var(--utrecht-color-sample-block-size, 2em);
  border-color: var(
    --utrecht-color-sample-border-color,
    var(--utrecht-color-sample-default-border-color)
  );
  border-radius: var(--utrecht-color-sample-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-color-sample-border-width, 0);
  box-sizing: border-box;
  display: inline-block;
  inline-size: var(--utrecht-color-sample-inline-size, 2em);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
@media (forced-colors: active) {
  .utrecht-color-sample {
    forced-color-adjust: none;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-dark-border-color,
      #000
    );
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-light-border-color,
      #fff
    );
  }
}
.utrecht-column-layout {
  column-gap: var(--utrecht-column-layout-gap, 2em);
  column-width: var(--utrecht-column-layout-column-width, 40ch);
  display: block;
}
.utrecht-column-layout--rule {
  column-rule-color: var(--utrecht-column-layout-column-rule-color);
  column-rule-style: solid;
  column-rule-width: var(--utrecht-column-layout-column-rule-width, 0);
}
.utrecht-combobox {
  inline-size: 100%;
  max-inline-size: var(
    --utrecht-textbox-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  position: relative;
}
.utrecht-combobox__popover {
  border-width: 0;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
  background-color: canvas;
  block-size: fit-content;
  color: canvastext;
  inline-size: fit-content;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  position: absolute;
  z-index: var(--utrecht-combobox-popover-z-index);
}
.utrecht-combobox__popover--block-end {
  inset-block-start: 100%;
}
.utrecht-combobox__popover--hidden {
  display: none !important;
}
.utrecht-currency-data {
  font-variant-numeric: lining-nums tabular-nums;
  white-space: nowrap;
}
.utrecht-checkbox--custom,
.utrecht-custom-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-checkbox-size, 1em);
  border-color: var(--utrecht-checkbox-border-color);
  border-radius: var(--utrecht-checkbox-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-checkbox-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-checkbox-size, 1em);
  margin-block-start: var(--utrecht-checkbox-margin-block-start);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  vertical-align: top;
}
.utrecht-checkbox--custom.utrecht-checkbox--checked,
.utrecht-custom-checkbox--checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled,
.utrecht-custom-checkbox--disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,
.utrecht-custom-checkbox--disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,
.utrecht-custom-checkbox--disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,
.utrecht-custom-checkbox--indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--invalid,
.utrecht-custom-checkbox--invalid {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--active,
.utrecht-custom-checkbox--active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--hover,
.utrecht-custom-checkbox--hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus,
.utrecht-custom-checkbox--focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,
.utrecht-custom-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,
.utrecht-custom-checkbox--html-input:disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,
.utrecht-custom-checkbox--html-input:disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,
.utrecht-custom-checkbox--html-input:disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,
.utrecht-custom-checkbox--html-input:hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,
.utrecht-custom-checkbox--html-input:focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,
.utrecht-custom-checkbox--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,
.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid='true'],
.utrecht-custom-checkbox--html-input:invalid,
.utrecht-custom-checkbox--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,
.utrecht-custom-checkbox--html-input:active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,
.utrecht-custom-checkbox--html-input:checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,
.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked:indeterminate,
.utrecht-custom-checkbox--html-input:indeterminate,
.utrecht-custom-checkbox--html-input:checked:indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-data-list {
  display: block;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-start, 0)
  );
}
.utrecht-data-list__item-key {
  color: var(--utrecht-data-list-item-key-color);
  font-size: var(--utrecht-data-list-item-key-font-size);
  font-weight: var(--utrecht-data-list-item-key-font-weight);
  line-height: var(--utrecht-data-list-item-key-line-height);
}
.utrecht-data-list__item-value {
  color: var(--utrecht-data-list-item-value-color);
  font-size: var(--utrecht-data-list-item-value-font-size);
  font-weight: var(--utrecht-data-list-item-value-font-weight);
  line-height: var(--utrecht-data-list-item-value-line-height);
  min-block-size: calc(var(--utrecht-data-list-item-value-line-height) * 1rem);
}
.utrecht-data-list__actions--html-dd,
.utrecht-data-list__item-value--html-dd {
  margin-inline-start: 0;
}
.utrecht-data-list__item-value--multiline {
  white-space: pre-line;
}
.utrecht-data-list--rows .utrecht-data-list__actions {
  align-items: baseline;
  display: flex;
  grid-column: -1;
  grid-row: 1;
  justify-content: flex-end;
}
.utrecht-data-list--rows .utrecht-data-list__item {
  --_utrecht-minmax: max(
    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),
    var(--utrecht-data-list-rows-column-inline-size, 80%)
  );
  --_utrecht-auto-col: minmax(var(--_utrecht-minmax), max-content);
  border-block-end-color: var(
    --utrecht-data-list-rows-border-bottom-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-data-list-rows-border-bottom-width, 0);
  column-gap: var(--utrecht-data-list-rows-gap);
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: repeat(auto-fit, var(--_utrecht-auto-col));
  margin-block-start: var(--utrecht-data-list-rows-item-margin-block-start);
  padding-block-end: var(--utrecht-data-list-rows-item-padding-block-end);
  padding-block-start: var(--utrecht-data-list-rows-item-padding-block-start);
  row-gap: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item:first-of-type {
  margin-block-start: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item-value {
  margin-block-start: var(
    --utrecht-data-list-rows-item-value-margin-block-start
  );
}
.utrecht-data-placeholder {
  background-color: var(
    --utrecht-data-placeholder-background-color,
    currentColor
  );
  block-size: 1em;
  display: inline-block;
  inline-size: min(100%, var(--utrecht-data-placeholder-max-inline-size));
  max-inline-size: var(--utrecht-data-placeholder-max-inline-size);
  min-inline-size: var(--utrecht-data-placeholder-min-inline-size, 10ch);
  vertical-align: -0.1em;
}
@media print {
  .utrecht-data-placeholder {
    outline-color: currentColor;
    outline-style: dashed;
    outline-width: 0.1em;
  }
}
@media screen and (prefers-contrast: more) {
  .utrecht-data-placeholder {
    background-color: var(
      --utrecht-data-placeholder-high-contrast-background-color,
      var(--utrecht-data-placeholder-background-color, currentColor)
    );
  }
}
@media screen and (forced-colors: active) {
  .utrecht-data-placeholder {
    background-color: GrayText;
  }
}
.utrecht-data-placeholder--loading {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-data-placeholder--print {
  outline-color: currentColor;
  outline-style: dashed;
  outline-width: 0.1em;
}
.utrecht-data-placeholder--forced-colors {
  background-color: GrayText;
}
.utrecht-data-placeholder--high-contrast {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-digid-button {
  --utrecht-button-min-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-digid-button-block-size, 50px);
  block-size: var(--utrecht-digid-button-block-size, 50px);
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-document {
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important;
  color: var(--utrecht-document-color, inherit);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-document-font-size, inherit);
  font-weight: var(--utrecht-document-font-weight, inherit);
  line-height: var(--utrecht-document-line-height, inherit);
  text-rendering: optimizeLegibility;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
.utrecht-document :lang(ar) {
  letter-spacing: 0 !important;
}
.utrecht-document--surface {
  background-color: var(--utrecht-document-background-color, inherit);
}
.utrecht-drawer {
  --_utrecht-drawer-backdrop-min-size: max(
    var(--utrecht-drawer-backdrop-min-size),
    44px
  );
  background-color: var(--utrecht-drawer-background-color, Canvas);
  border-color: var(--utrecht-drawer-border-color, currentColor);
  border-width: var(--utrecht-drawer-border-width, 0);
  box-sizing: border-box;
  color: var(--utrecht-drawer-color, CanvasText);
  overflow: auto;
  padding-block-end: var(--utrecht-drawer-padding-block-end);
  padding-block-start: var(--utrecht-drawer-padding-block-start);
  padding-inline-end: var(--utrecht-drawer-padding-inline-end);
  padding-inline-start: var(--utrecht-drawer-padding-inline-start);
  position: fixed;
  z-index: var(--utrecht-drawer-z-index, 1);
}
.utrecht-drawer::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;
}
@keyframes utrecht-backdrop-fade-in {
  0% {
    opacity: 0%;
  }
  to {
    opacity: var(--_utrecht-backdrop-opacity);
  }
}
@media (prefers-reduced-motion: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-fade-in-animation-duration: 0;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-opacity: var(
      --utrecht-backdrop-reduced-transparency-opacity,
      100%
    );
  }
}
.utrecht-drawer--inline-start {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-inline-start-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: auto;
  inset-inline-start: 0;
}
.utrecht-drawer--inline-end {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  border-inline-end-width: 0;
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: 0;
  inset-inline-start: auto;
}
.utrecht-drawer--block-start {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-start-width: 0;
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: auto;
  inset-block-start: 0;
}
.utrecht-drawer--block-end {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-end-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: 0;
  inset-block-start: auto;
}
.utrecht-emphasis--stressed {
  font-style: var(--utrecht-emphasis-stressed-font-style, italic);
}
.utrecht-emphasis--strong {
  font-weight: var(--utrecht-emphasis-strong-font-weight, bold);
}
.utrecht-figure {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-start, 0)
  );
}
.utrecht-figure__caption {
  color: var(--utrecht-figure-caption-color);
  font-size: var(--utrecht-figure-caption-font-size);
  line-height: var(--utrecht-figure-caption-line-height);
}
.utrecht-form-field-description {
  --utrecht-document-color: currentColor;
  color: var(--utrecht-form-field-description-color);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-description-font-size, inherit);
  font-style: var(--utrecht-form-field-description-font-style);
  line-height: var(--utrecht-form-field-description-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
}
.utrecht-form-field-description > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--invalid {
  color: var(
    --utrecht-form-field-description-invalid-color,
    var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color))
  );
}
.utrecht-form-field-description--valid {
  color: var(
    --utrecht-form-field-description-valid-color,
    var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color))
  );
}
.utrecht-form-field-description--warning {
  color: var(
    --utrecht-form-field-description-warning-color,
    var(--utrecht-feedback-warning-color)
  );
}
.utrecht-form-field-error-message {
  --utrecht-document-color: currentColor;
  background-color: var(--utrecht-form-field-error-message-background-color);
  color: var(--utrecht-form-field-error-message-color);
  display: block;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-error-message-font-size, inherit);
  font-style: var(--utrecht-form-field-error-message-font-style);
  line-height: var(--utrecht-form-field-error-message-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-block-end: var(--utrecht-form-field-error-message-padding-block-end);
  padding-block-start: var(
    --utrecht-form-field-error-message-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-form-field-error-message-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-form-field-error-message-padding-inline-start
  );
}
.utrecht-form-field-error-message > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field {
  break-inside: avoid;
  font-family: var(--utrecht-document-font-family, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-start, 0)
  );
  page-break-inside: avoid;
}
.utrecht-form-field--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field--invalid {
  border-inline-start-color: var(
    --utrecht-form-field-invalid-border-inline-start-color
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-field-invalid-border-inline-start-width,
    0
  );
  padding-inline-start: var(--utrecht-form-field-invalid-padding-inline-start);
}
.utrecht-form-field--checkbox {
  display: grid;
  gap: 0 var(--utrecht-checkbox-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-checkbox-size) 100fr;
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-checkbox-size) +
          var(--utrecht-checkbox-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-checkbox-margin-inline-end, 12px);
}
.utrecht-form-field--radio {
  display: grid;
  gap: 0 var(--utrecht-radio-button-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-radio-button-size) 100fr;
}
.utrecht-form-field--radio
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-radio-button-size) +
          var(--utrecht-radio-button-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--radio
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end, 12px);
}
.utrecht-form-field__input {
  margin-block-end: 0;
  margin-block-start: 0;
  grid-area: input;
  order: 5;
}
.utrecht-form-field__label {
  grid-area: label;
  margin-block-end: var(--utrecht-form-field-label-margin-block-end);
  margin-block-start: 0;
  order: 1;
}
.utrecht-form-field .utrecht-form-field-description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field .utrecht-form-field-description--invalid {
  grid-area: description-invalid;
  order: 3;
}
.utrecht-form-field__description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field__description--before {
  grid-area: description-before;
  order: 4;
}
.utrecht-form-fieldset {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--html-fieldset,
.utrecht-form-fieldset__fieldset--html-fieldset {
  all: revert;
  border: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  min-inline-size: 0;
  padding-block-end: 0;
  padding-block-start: 0.01em;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset__legend--html-legend {
  display: table;
  inline-size: 100%;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-fieldset--section {
  background-color: var(--utrecht-form-fieldset-section-background-color);
  color: var(--utrecht-form-fieldset-section-color);
}
.utrecht-form-fieldset__legend {
  break-inside: avoid;
  color: var(
    --utrecht-form-fieldset-legend-color,
    var(--utrecht-document-color, inherit)
  );
  font-family: var(
    --utrecht-form-fieldset-legend-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-form-fieldset-legend-font-size);
  font-weight: var(--utrecht-form-fieldset-legend-font-weight);
  line-height: var(--utrecht-form-fieldset-legend-line-height);
  page-break-after: avoid;
  page-break-inside: avoid;
}
.utrecht-form-fieldset__legend--disabled {
  color: var(
    --utrecht-form-fieldset-legend-disabled-color,
    var(
      --utrecht-form-fieldset-legend-color,
      var(--utrecht-document-color, inherit)
    )
  );
}
.utrecht-form-fieldset__legend--distanced {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--invalid {
  border-inline-start-color: var(
    --utrecht-form-fieldset-invalid-border-inline-start-color,
    var(--utrecht-form-field-invalid-border-inline-start-color)
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-fieldset-invalid-border-inline-start-width,
    var(--utrecht-form-field-invalid-border-inline-start-width)
  );
  padding-inline-start: var(
    --utrecht-form-fieldset-invalid-padding-inline-start,
    var(--utrecht-form-field-invalid-padding-inline-start)
  );
}
.utrecht-form-label {
  color: var(--utrecht-form-label-color);
  font-size: var(--utrecht-form-label-font-size);
  font-weight: var(--utrecht-form-label-font-weight);
}
.utrecht-form-label--checkbox {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-checkbox-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--checked {
  font-weight: var(
    --utrecht-form-label-checked-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--disabled {
  color: var(
    --utrecht-form-label-disabled-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-form-label--radio {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-radio-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-toggle {
  align-items: center;
  block-size: var(--utrecht-form-toggle-height, 2em);
  border-color: var(--utrecht-form-toggle-border-color, currentColor);
  border-radius: var(--utrecht-form-toggle-border-radius, 999rem);
  border-style: var(--utrecht-form-toggle-border-style, solid);
  border-width: var(--utrecht-form-toggle-border-width, 1px);
  color: var(--utrecht-form-toggle-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: flex;
  inline-size: var(--utrecht-form-toggle-width, 6em);
  padding-block-end: var(--utrecht-form-toggle-padding-block-end);
  padding-block-start: var(--utrecht-form-toggle-padding-block-start);
  padding-inline-end: var(--utrecht-form-toggle-padding-inline-end);
  padding-inline-start: var(--utrecht-form-toggle-padding-inline-start);
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-form-toggle {
    --utrecht-form-toggle-background-color: ButtonFace;
    --utrecht-form-toggle-border-color: buttonborder;
    --utrecht-form-toggle-border-width: 1px;
    --utrecht-form-toggle-border-radius: var(
      --utrecht-form-toggle-track-border-radius
    );
    --utrecht-form-toggle-thumb-background-color: ButtonText;
    --utrecht-form-toggle-thumb-disabled-background-color: GrayText;
    border-color: var(
      --utrecht-form-toggle-track-disabled-border-color,
      var(--utrecht-form-toggle-track-border-color)
    );
    border-width: min(var(--utrecht-form-toggle-border-width, 1px), 1px);
  }
}
.utrecht-form-toggle--focus-visible,
.utrecht-form-toggle--html-div:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--hover {
  background-color: var(
    --utrecht-form-toggle-hover-background-color,
    var(--utrecht-form-toggle-background-color)
  );
  color: var(
    --utrecht-form-toggle-hover-color,
    var(--utrecht-form-toggle-color)
  );
}
.utrecht-form-toggle--disabled,
.utrecht-form-toggle--html-div:disabled {
  border-color: var(
    --utrecht-form-toggle-disabled-border-color,
    var(--utrecht-form-toggle-border-color, currentColor)
  );
  border-style: var(
    --utrecht-form-toggle-disabled-border-style,
    var(--utrecht-form-toggle-border-style, solid)
  );
  border-width: var(
    --utrecht-form-toggle-disabled-border-width,
    var(--utrecht-form-toggle-border-width, 1px)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-background-color,
    currentColor
  );
  border-radius: var(--utrecht-form-toggle-thumb-border-radius, 50%);
  box-shadow: var(--utrecht-form-toggle-thumb-box-shadow);
  margin-inline-end: var(--utrecht-form-toggle-thumb-margin-inline-end, 0);
  margin-inline-start: var(--utrecht-form-toggle-thumb-margin-inline-start, 0);
  min-block-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  min-inline-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  z-index: 20;
}
.utrecht-form-toggle__thumb--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-start: auto;
}
.utrecht-form-toggle__thumb--not-checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:not(:checked)
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-end: auto;
}
.utrecht-form-toggle__thumb--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-disabled-background-color,
    #aaa
  );
  box-shadow: var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0);
}
.utrecht-form-toggle__track {
  align-items: center;
  background-color: var(--utrecht-form-toggle-accent-color);
  block-size: 100%;
  border-radius: var(
    --utrecht-form-toggle-track-border-radius,
    var(--utrecht-form-toggle-border-radius)
  );
  display: flex;
  inline-size: 100%;
}
.utrecht-form-toggle__track--html-label {
  cursor: inherit;
}
.utrecht-form-toggle__track--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-checked-accent-color,
    var(--utrecht-form-toggle-accent-color)
  );
}
.utrecht-form-toggle__track--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-background-disabled-background-color,
    #ddd
  );
  color: var(--utrecht-form-toggle-disabled-color, black);
}
.utrecht-form-toggle__track--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox {
  block-size: 1px !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  inline-size: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
}
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:focus-visible
  ~ .utrecht-form-toggle__track {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form {
  display: block;
  max-inline-size: var(--utrecht-form-max-inline-size);
}
.utrecht-heading-1 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-1-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-1-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-1-font-size, revert);
  font-weight: var(
    --utrecht-heading-1-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-1-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-1--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-2 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-2-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-2-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-2-font-size, revert);
  font-weight: var(
    --utrecht-heading-2-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-2-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-2--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-3 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-3-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-3-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-3-font-size, revert);
  font-weight: var(
    --utrecht-heading-3-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-3-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-3--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-4 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-4-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-4-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-4-font-size, revert);
  font-weight: var(
    --utrecht-heading-4-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-4-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-4--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-5 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-5-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-5-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-5-font-size, revert);
  font-weight: var(
    --utrecht-heading-5-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-5-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-5--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-6 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-6-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-6-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-6-font-size, revert);
  font-weight: var(
    --utrecht-heading-6-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-6-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-6--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-group {
  --utrecht-pre-heading-order: -1;
  display: flex;
  flex-direction: column;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-start, 0)
  );
}
.utrecht-heading-group > * {
  --utrecht-space-around: 0;
}
.utrecht-iban-data {
  font-variant-numeric: lining-nums slashed-zero tabular-nums;
  white-space: nowrap;
}
.utrecht-icon {
  block-size: var(--utrecht-icon-size);
  color: var(--utrecht-icon-color);
  display: inline-block;
  font-size: var(--utrecht-icon-size);
  inline-size: var(--utrecht-icon-size);
  inset-block-start: var(--utrecht-icon-inset-block-start, 0);
  position: relative;
}
.utrecht-icon svg {
  height: 100%;
  pointer-events: none;
  width: 100%;
}
.utrecht-img {
  height: auto;
  width: auto;
}
.utrecht-img--scale-down,
.utrecht-img--photo {
  max-height: 100%;
  max-width: 100%;
}
.utrecht-index-char-nav {
  --utrecht-button-padding-inline-start: 1ch;
  --utrecht-button-padding-inline-end: 1ch;
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-index-char-nav-gap);
  margin-block-end: var(--utrecht-index-char-nav-margin-block-end);
  margin-block-start: var(--utrecht-index-char-nav-margin-block-start);
}
.utrecht-index-char-nav__link--current {
  --utrecht-button-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
  --utrecht-button-link-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
}
.utrecht-index-char-nav__link--disabled {
  pointer-events: none;
}
.utrecht-link-button {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family)
  );
  font-weight: var(--utrecht-button-font-weight);
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: inherit;
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-link-button--hover,
.utrecht-link-button--html-button:not(:disabled):hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--disabled {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link-button--focus,
.utrecht-link-button--html-button:not(:disabled):focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--focus-visible,
.utrecht-link-button--html-button:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link-button--active,
.utrecht-link-button--html-button:not(:disabled):active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--inline {
  --utrecht-icon-inset-block-start: var(
    --utrecht-icon-baseline-inset-block-start
  );
  min-block-size: auto;
  min-inline-size: auto;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-link-button--pressed {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--html-button {
  background-color: transparent;
  border-width: 0;
}
.utrecht-link-list--html-ul {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
}
.utrecht-link-list--html-ul > li {
  list-style: none;
}
.utrecht-link-list {
  --utrecht-icon-inset-block-start: var(
    --utrecht-link-list-icon-inset-block-start
  );
  --utrecht-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-link-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-link-text-decoration: var(
    --utrecht-link-list-link-text-decoration,
    none
  );
  display: flex;
  flex-direction: column;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-start, 0)
  );
  row-gap: var(--utrecht-link-list-row-gap);
}
.utrecht-link-list__item {
  display: block;
}
.utrecht-link-list__link {
  align-items: baseline;
  column-gap: var(--utrecht-link-list-link-column-gap);
  display: inline-flex;
  font-weight: var(--utrecht-link-list-link-font-weight);
}
.utrecht-link-social {
  --utrecht-icon-size: var(--utrecht-link-social-icon-size);
  --utrecht-icon-color: currentColor;
  align-items: center;
  background-color: var(--utrecht-link-social-background-color);
  block-size: var(--utrecht-link-social-size);
  border-color: var(--utrecht-link-social-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-link-social-border-width);
  color: var(--utrecht-link-social-color);
  display: inline-flex;
  inline-size: var(--utrecht-link-social-size);
  justify-content: center;
}
.utrecht-link-social:hover,
.utrecht-link-social--hover {
  background-color: var(
    --utrecht-link-social-hover-background-color,
    var(--utrecht-link-social-background-color)
  );
  color: var(
    --utrecht-link-social-hover-color,
    var(--utrecht-link-social-color)
  );
  transform: var(--utrecht-link-social-hover-transform-scale);
}
.utrecht-link-social:focus-visible,
.utrecht-link-social--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-link-social--distanced {
  margin-inline-start: var(--utrecht-link-social-margin-inline-start);
}
.utrecht-link {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
}
.utrecht-link:any-link {
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
}
.utrecht-link--icon-left {
  background-image: var(--utrecht-link-icon-left-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-link-color, LinkText);
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration-line: none;
}
.utrecht-link--visited {
  --_utrecht-link-forced-colors-color: visitedtext;
  --_utrecht-link-state-color: var(--utrecht-link-visited-color);
}
.utrecht-link--html-a:any-link:hover,
.utrecht-link--hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus,
.utrecht-link--html-a:any-link:focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus:not(:focus-visible),
.utrecht-link--html-a:any-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-link--html-span:active,
.utrecht-link--html-a:any-link:active,
.utrecht-link--active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link--telephone {
  white-space: nowrap;
}
.utrecht-link--current {
  cursor: var(--utrecht-action-inert-cursor, normal);
  font-weight: var(--utrecht-link-current-font-weight);
}
.utrecht-link--box-content:any-link {
  color: unset;
  display: inline-block;
  text-decoration-line: unset;
  text-decoration-skip-ink: unset;
  text-decoration-thickness: unset;
  text-underline-offset: unset;
}
.utrecht-link--placeholder {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link--forced-colors {
  --utrecht-focus-outline-color: Highlight;
  --utrecht-focus-inverse-outline-color: HighlightText;
  --utrecht-link-color: linktext;
  --utrecht-link-hover-color: linktext;
  --utrecht-link-focus-color: linktext;
  --utrecht-link-active-color: activetext;
  --utrecht-link-visited-color: visitedtext;
  --utrecht-link-placeholder-color: GrayText;
}
.utrecht-list-social {
  display: flex;
  margin-block-end: var(--utrecht-list-social-margin-block-end);
  margin-block-start: var(--utrecht-list-social-margin-block-start);
  padding-inline-end: var(--utrecht-list-social-padding-inline-end);
  padding-inline-start: var(--utrecht-list-social-padding-inline-start);
}
.utrecht-list-social__item {
  list-style-type: none;
  margin-inline-end: var(--utrecht-list-social-item-margin-inline-end);
}
.utrecht-list-social__item:last-child {
  margin-inline-end: 0;
}
.utrecht-listbox {
  --utrecht-listbox-max-block-size: 300px;
  background-color: var(--utrecht-listbox-background-color);
  border-color: var(--utrecht-listbox-border-color);
  border-radius: var(--utrecht-listbox-border-radius);
  border-style: solid;
  border-width: var(--utrecht-listbox-border-width);
  box-sizing: border-box;
  cursor: default;
  display: flex;
  flex-direction: column;
  inline-size: var(
    --utrecht-listbox-inline-size,
    var(--utrecht-form-input-max-inline-size)
  );
  max-block-size: var(--utrecht-listbox-max-block-size);
  min-block-size: 1em;
  overflow-block: auto;
  overflow-y: auto;
  padding-block-end: var(--utrecht-listbox-padding-block-end);
  padding-block-start: var(--utrecht-listbox-padding-block-start);
  padding-inline-end: var(--utrecht-listbox-padding-inline-end);
  padding-inline-start: var(--utrecht-listbox-padding-inline-start);
  -webkit-user-select: none;
  user-select: none;
}
@media (forced-colors: active) {
  .utrecht-listbox {
    --utrecht-listbox-option-selected-background-color: Highlight;
    --utrecht-listbox-option-selected-color: HighlightText;
    --utrecht-listbox-option-disabled-background-color: field;
    --utrecht-listbox-option-disabled-color: GrayText;
    background-color: field;
    color: fieldtext;
  }
}
.utrecht-listbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-listbox__list {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
}
.utrecht-listbox__group {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
  margin-block-end: var(--utrecht-listbox-option-group-margin-block-end);
}
.utrecht-listbox__group-label {
  color: var(--utrecht-listbox-option-group-label-color);
  font-size: var(--utrecht-listbox-option-group-label-font-size);
  font-weight: var(--utrecht-listbox-option-group-label-font-weight);
  line-height: var(--utrecht-listbox-option-group-label-line-height);
  margin-inline-start: var(
    --utrecht-listbox-option-group-label-margin-inline-start
  );
}
@media (forced-colors: active) {
  .utrecht-listbox__group-label {
    background-color: field;
    color: fieldtext;
  }
}
.utrecht-listbox__option {
  list-style: none;
  --utrecht-icon-size: var(--utrecht-listbox-option-icon-size, 16px);
  align-items: center;
  background-color: var(--utrecht-listbox-option-background-color);
  box-sizing: border-box;
  color: var(--utrecht-listbox-option-color);
  display: flex;
  min-block-size: var(
    --utrecht-listbox-option-min-block-size,
    var(--utrecht-pointer-target-min-size, 24px)
  );
  padding-block-end: var(--utrecht-listbox-option-padding-block-end);
  padding-block-start: var(--utrecht-listbox-option-padding-block-start);
  padding-inline-end: var(--utrecht-listbox-option-padding-inline-end);
  padding-inline-start: var(--utrecht-listbox-option-padding-inline-start);
}
@media (forced-colors: active) {
  .utrecht-listbox__option {
    forced-color-adjust: none;
  }
}
.utrecht-listbox__option--disabled {
  background-color: var(--utrecht-listbox-option-disabled-background-color);
  color: var(--utrecht-listbox-option-disabled-color);
}
.utrecht-listbox__option--hover {
  background-color: var(
    --utrecht-listbox-option-hover-background-color,
    var(--utrecht-listbox-option-color)
  );
  color: var(
    --utrecht-listbox-option-hover-color,
    var(--utrecht-listbox-option-color)
  );
}
.utrecht-listbox__option--focus {
  background-color: var(
    --utrecht-listbox-option-focus-background-color,
    var(--utrecht-listbox-option-color)
  );
  color: var(
    --utrecht-listbox-option-focus-color,
    var(--utrecht-listbox-option-color)
  );
}
.utrecht-listbox__option--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  --utrecht-focus-outline-offset: calc(var(--utrecht-focus-outline-width) * -1);
}
.utrecht-listbox__option--active {
  background-color: var(--utrecht-listbox-option-is-active-background-color);
  color: var(--utrecht-listbox-option-is-active-color);
  font-weight: var(--utrecht-listbox-option-is-active-font-weight);
}
.utrecht-listbox__option--selected {
  background-color: var(--utrecht-listbox-option-selected-background-color);
  color: var(--utrecht-listbox-option-selected-color);
}
.utrecht-listbox__option--html-li {
  list-style: none;
}
.utrecht-listbox__option--html-li:hover {
  background-color: var(
    --utrecht-listbox-option-hover-background-color,
    var(--utrecht-listbox-option-color)
  );
  color: var(
    --utrecht-listbox-option-hover-color,
    var(--utrecht-listbox-option-color)
  );
}
.utrecht-listbox__option--html-li:focus {
  background-color: var(
    --utrecht-listbox-option-focus-background-color,
    var(--utrecht-listbox-option-color)
  );
  color: var(
    --utrecht-listbox-option-focus-color,
    var(--utrecht-listbox-option-color)
  );
}
.utrecht-listbox--disabled {
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
@media (forced-colors: active) {
  .utrecht-listbox--disabled {
    --utrecht-listbox-option-selected-background-color: GrayText;
    --utrecht-listbox-option-selected-color: field;
    --utrecht-listbox-option-background-color: field;
    --utrecht-listbox-option-color: GrayText;
    --utrecht-listbox-background-color: field;
    --utrecht-listbox-color: GrayText;
  }
}
.utrecht-listbox--html-div:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-logo-button {
  --utrecht-icon-size: var(--utrecht-logo-button-icon, 50px);
  --utrecht-button-min-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-logo-button-block-size, 50px);
  align-items: flex-start;
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-logo-image__decoration-1 {
  fill: var(--utrecht-logo-decoration-1-color, #fff);
}
.utrecht-logo-image__decoration-2 {
  fill: var(--utrecht-logo-decoration-2-color, #c00);
}
.utrecht-logo-image__decoration-3 {
  fill: var(--utrecht-logo-decoration-3-color, #ffb70b);
}
.utrecht-logo {
  display: block;
  max-block-size: var(--utrecht-logo-max-block-size, 192px);
  max-inline-size: var(--utrecht-logo-max-inline-size, 96px);
  min-block-size: var(--utrecht-logo-min-block-size);
  min-inline-size: var(--utrecht-logo-min-inline-size);
}
.utrecht-logo > * {
  block-size: 100%;
  display: inline-block;
  inline-size: auto;
}
.utrecht-map-marker {
  --utrecht-icon-size: var(--utrecht-map-marker-icon-size);
  align-items: center;
  background-color: var(--utrecht-map-marker-background-color);
  block-size: var(--utrecht-map-marker-size);
  border-color: var(--utrecht-map-marker-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-map-marker-border-width);
  box-shadow: 13px 3px 3px -2px var(--utrecht-map-marker-box-shadow-color);
  color: var(--utrecht-map-marker-color);
  display: flex;
  inline-size: var(--utrecht-map-marker-size);
  justify-content: center;
}
.utrecht-mapcontrolbutton {
  --utrecht-icon-size: var(--utrecht-mapcontrolbutton-min-block-size);
  --utrecht-icon-color: var(--utrecht-mapcontrolbutton-color);
  align-items: center;
  background-color: var(--utrecht-mapcontrolbutton-background-color);
  border-color: var(--utrecht-mapcontrolbutton-border-color);
  border-radius: var(--utrecht-mapcontrolbutton-border-radius);
  border-style: var(--utrecht-mapcontrolbutton-border-style);
  border-width: var(--utrecht-mapcontrolbutton-border-width);
  color: var(--utrecht-mapcontrolbutton-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  min-block-size: var(--utrecht-mapcontrolbutton-min-block-size);
  min-inline-size: var(--utrecht-mapcontrolbutton-min-inline-size);
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-mapcontrolbutton:disabled,
.utrecht-mapcontrolbutton--disabled {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-disabled-color,
    var(--utrecht-mapcontrolbutton-color)
  );
  background-color: var(--utrecht-mapcontrolbutton-disabled-background-color);
  border-color: var(--utrecht-mapcontrolbutton-disabled-border-color);
  color: var(--utrecht-mapcontrolbutton-disabled-color);
}
.utrecht-mapcontrolbutton--focus-visible,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-mapcontrolbutton--focus,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-focus-color,
    var(--utrecht-mapcontrolbutton-color)
  );
}
.utrecht-mapcontrolbutton:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-mapcontrolbutton--hover:not(:disabled),
.utrecht-mapcontrolbutton:hover:not(
    :disabled,
    .utrecht-mapcontrolbutton--disabled
  ) {
  background-color: var(--utrecht-mapcontrolbutton-hover-background-color);
  color: var(--utrecht-mapcontrolbutton-color);
}
.utrecht-mapcontrolbutton__label {
  display: block;
  padding-inline-end: var(--utrecht-mapcontrolbutton-label-margin-inline-end);
  padding-inline-start: var(
    --utrecht-mapcontrolbutton-label-margin-inline-start
  );
}
.utrecht-mark {
  background-color: var(--utrecht-mark-background-color, revert);
  color: var(--utrecht-mark-color, revert);
}
@media print {
  .utrecht-mark {
    outline-color: currentColor;
    outline-style: dotted;
    outline-width: 0.1em;
  }
}
@media screen and (-ms-high-contrast: active) {
  .utrecht-mark {
    background-color: Highlight;
    color: HighlightText;
  }
}
.utrecht-mark--print {
  outline-color: currentColor;
  outline-style: dotted;
  outline-width: 0.1em;
}
.utrecht-mark--windows-high-contrast {
  background-color: Highlight;
  color: HighlightText;
}
.utrecht-menulijst {
  border-block-end: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  border-block-start: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  font-family: var(--utrecht-document-font-family);
  padding-block-end: var(--utrecht-space-block-sm);
  padding-block-start: var(--utrecht-space-block-sm);
  padding-inline-start: 0;
}
.utrecht-menulijst__item {
  list-style: none;
  margin-block-end: var(--utrecht-space-block-sm);
  margin-block-start: var(--utrecht-space-block-sm);
}
.utrecht-menulijst__item a {
  background-image: var(--utrecht-menulijst-item-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-menulijst-item-color, var(--utrecht-link-color, blue));
  display: block;
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration: none;
}
.utrecht-menulijst__item a:hover {
  color: var(
    --utrecht-menulijst-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-menulijst__link--focus-visible,
.utrecht-menulijst__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-menulijst__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-multiline-data {
  white-space: pre-line;
  white-space-collapse: preserve-breaks;
}
.utrecht-multiline-data--html-pre {
  font-family: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-nav-bar {
  background-color: var(--utrecht-nav-bar-background-color);
  color: var(--utrecht-nav-bar-color);
  display: flex;
  justify-content: center;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-nav-bar {
    border-block-end-color: currentColor;
    border-block-end-style: solid;
    border-block-end-width: 1px;
    border-block-start-color: currentColor;
    border-block-start-style: solid;
    border-block-start-width: 1px;
    padding-block-end: calc(var(--utrecht-focus-outline-width) * 2);
    padding-block-start: calc(var(--utrecht-focus-outline-width) * 2);
  }
}
.utrecht-nav-bar__content {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  inline-size: 100%;
  justify-content: space-between;
  max-inline-size: var(--utrecht-nav-bar-content-max-inline-size);
}
.utrecht-nav-list {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  inline-size: 100%;
  justify-content: start;
}
.utrecht-nav-list--center > * {
  flex: 1 1 0;
  justify-content: center;
}
.utrecht-nav-list__item {
  list-style: none;
  display: inline-flex;
}
.utrecht-nav-list__link {
  font-weight: var(--utrecht-nav-list-link-font-weight);
  max-inline-size: var(--utrecht-nav-bar-link-max-inline-size, 30ch);
  padding-block-end: var(--utrecht-nav-bar-link-padding-block-end);
  padding-block-start: var(--utrecht-nav-bar-link-padding-block-start);
  padding-inline-end: var(--utrecht-nav-bar-link-padding-inline-end);
  padding-inline-start: var(--utrecht-nav-bar-link-padding-inline-start);
  text-decoration: none;
}
.utrecht-sidenav {
  --utrecht-sidenav-connection-color: var(--utrecht-sidenav-item-marker-color);
  --utrecht-sidenav-connection-inline-size: 2px;
  --utrecht-sidenav-marker-current-color: var(
    --utrecht-sidenav-link-hover-color
  );
  --utrecht-sidenav-marker-offset: 26px;
  --utrecht-sidenav-connection-block-size: 100%;
  --utrecht-sidenav-marker-height: 8px;
  --utrecht-sidenav-marker-outline-width: 2px;
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  border-block-start: 1px solid var(--utrecht-color-grey-80);
  inline-size: 19rem;
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: 0;
  padding-block-start: 0;
}
.utrecht-sidenav__list {
  margin-block-end: 0;
  margin-block-start: 0.2rem;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
}
.utrecht-sidenav__list--child {
  margin-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 1.4rem;
}
.utrecht-sidenav__item {
  list-style: none;
  margin-inline-start: 0;
  position: relative;
}
.utrecht-sidenav__item--current {
  color: var(
    --utrecht-sidenav-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-sidenav__item--last {
  border-block-end: none;
}
.utrecht-sidenav__item-separator:not(
  .utrecht-sidenav__item--last .utrecht-sidenav__item-separator
) {
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  display: block;
  margin-inline-start: var(--utrecht-space-inline-lg);
}
.utrecht-sidenav__link {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  display: block;
  margin-inline-start: 0;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-block-start: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link:hover {
  color: var(
    --utrecht-sidenav-link-hover-color,
    var(--utrecht-link-hover-color, red)
  );
  text-decoration: underline;
}
.utrecht-sidenav__link--focus-visible,
.utrecht-sidenav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-sidenav__link--parent {
  padding-block-end: 0;
}
.utrecht-sidenav__connection,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:not(
    .utrecht-sidenav__link--sibling,
    .utrecht-sidenav__link--parent,
    .utrecht-sidenav__link--child
  ):after {
  background: var(--utrecht-sidenav-connection-color);
  block-size: calc(
    var(--utrecht-sidenav-connection-block-size) -
      var(--utrecht-sidenav-marker-height) - 2 *
      var(--utrecht-sidenav-marker-outline-width)
  );
  content: '';
  display: block;
  inline-size: var(--utrecht-sidenav-connection-inline-size);
  inset-block-end: 0;
  inset-block-start: calc(var(--utrecht-sidenav-marker-offset));
  inset-inline-start: 3px;
  overflow: hidden;
  position: absolute;
  z-index: 5;
}
.utrecht-sidenav__connection--last,
.utrecht-sidenav__connection--parent,
.utrecht-sidenav__connection--sibling {
  display: none;
}
.utrecht-sidenav__marker,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-item-marker-color);
  block-size: var(--utrecht-sidenav-marker-height);
  border-radius: 100%;
  content: '';
  inline-size: 8px;
  inset-block-start: 20px;
  inset-inline-start: var(--utrecht-sidenav-marker-offset);
  overflow: hidden;
  position: absolute;
  transform: translateY(-50%)
    translate(calc(-1 * var(--utrecht-sidenav-marker-offset)));
  z-index: 10;
}
.utrecht-sidenav__marker--child,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:before {
  background-color: transparent;
  block-size: 4px;
  border: 2px solid var(--utrecht-sidenav-link-color);
  inline-size: 4px;
  inset-block-start: 16px;
  inset-inline-start: 1.2rem;
  transform: translateY(-50%) translate(-19.5px);
}
.utrecht-sidenav__marker--current,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current:before,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child:before {
  background-color: var(--utrecht-sidenav-marker-current-color);
}
.utrecht-sidenav__link--child,
.utrecht-sidenav__link--current-child {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: var(--utrecht-space-block-2xs);
  padding-block-start: var(--utrecht-space-block-2xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link--current,
.utrecht-sidenav__link--current-child {
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
}
.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover .utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
  border: 2px solid var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:after {
  display: none;
}
.utrecht-sidenav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-navhtml {
  font-family: var(--utrecht-document-font-family);
}
.utrecht-topnav__list {
  background-color: var(--utrecht-topnav-list-background-color);
  display: flex;
  justify-content: space-between;
  list-style: none;
  list-style-image: none;
  margin-block-end: 0;
  margin-block-start: 0;
  overflow: visible;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-topnav__item {
  border-inline-end: 1px solid var(--utrecht-topnav-list-border-color);
  flex: 1 0 auto;
  margin-inline-start: 0;
  text-align: center;
}
.utrecht-topnav__item li:first-child {
  border-inline-start: 1px solid var(--utrecht-topnav-list-border-color);
  padding-inline-start: 0;
}
.utrecht-topnav__link {
  color: var(--utrecht-topnav-link-color);
  display: block;
  padding-block-end: 1rem;
  padding-block-start: 1rem;
  text-decoration: none;
}
.utrecht-topnav__link--hover,
.utrecht-topnav__link:hover {
  background-color: var(--utrecht-topnav-link-hover-background-color);
  color: var(--utrecht-topnav-link-color);
  text-decoration: underline;
}
.utrecht-topnav__link--current {
  background-color: var(--utrecht-topnav-list-background-active);
  text-decoration: underline;
}
.utrecht-topnav__link--focus,
.utrecht-topnav__link:focus {
  background-color: var(
    --utrecht-topnav-link-focus-background-color,
    var(--utrecht-topnav-link-background-color)
  );
  color: var(
    --utrecht-topnav-link-focus-color,
    var(--utrecht-topnav-link-color)
  );
}
.utrecht-topnav__link--focus-visible,
.utrecht-topnav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-topnav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-number-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-number-data--positive {
  color: var(--utrecht-number-data-positive-color);
}
.utrecht-number-data--negative {
  color: var(--utrecht-number-data-negative-color);
}
.utrecht-ordered-list,
.utrecht-ordered-list--html-content ol {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-font-size,
      var(--utrecht-document-font-size, inherit)
    )
  );
  line-height: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-line-height,
      var(--utrecht-document-line-height, inherit)
    )
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-end,
        var(--utrecht-unordered-list-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-start,
        var(--utrecht-unordered-list-margin-block-start, 0)
      )
  );
  padding-inline-start: var(
    --utrecht-ordered-list-padding-inline-start,
    var(--utrecht-unordered-list-padding-inline-start, 2ch)
  );
  text-align: start;
}
.utrecht-ordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-ordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-ordered-list--arabic {
  list-style: arabic-indic;
}
.utrecht-ordered-list--html-content > li,
.utrecht-ordered-list--html-content ol > li,
.utrecht-ordered-list__item {
  margin-block-end: var(
    --utrecht-ordered-list-item-margin-block-end,
    var(--utrecht-unordered-list-item-margin-block-end)
  );
  margin-block-start: var(
    --utrecht-ordered-list-item-margin-block-start,
    var(--utrecht-unordered-list-item-margin-block-start)
  );
  padding-inline-start: var(
    --utrecht-ordered-list-item-padding-inline-start,
    var(--utrecht-unordered-list-item-padding-inline-start, 1ch)
  );
}
.utrecht-page-content {
  padding-block-end: var(--utrecht-page-content-padding-block-end);
  padding-block-start: var(--utrecht-page-content-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-content__main {
  grid-area: main;
}
.utrecht-page-content__aside {
  grid-area: aside;
}
.utrecht-page-footer {
  --utrecht-document-color: currentColor;
  --utrecht-heading-color: currentColor;
  --utrecht-link-color: currentColor;
  --utrecht-link-focus-color: currentColor;
  --utrecht-link-hover-color: currentColor;
  --utrecht-link-active-color: currentColor;
  --utrecht-link-visited-color: currentColor;
  background-color: var(--utrecht-page-footer-background-color);
  background-image: var(--utrecht-page-footer-background-image);
  color: var(--utrecht-page-footer-color);
  font-family: var(--utrecht-document-font-family);
  font-size: var(--utrecht-document-font-size);
  padding-block-end: var(--utrecht-page-footer-padding-block-end);
  padding-block-start: var(--utrecht-page-footer-padding-block-start);
  padding-inline-end: var(--utrecht-page-footer-padding-inline-end);
  padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
}
.utrecht-page-footer__address--reset-address {
  font-style: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-page-header {
  background-color: var(--utrecht-page-header-background-color);
  color: var(--utrecht-page-header-color);
  grid-area: 'utrecht-header';
  padding-block-end: var(--utrecht-page-header-padding-block-end);
  padding-block-start: var(--utrecht-page-header-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-header__content {
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-page {
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: calc(
    var(--utrecht-page-max-inline-size) -
      var(--utrecht-page-margin-inline-start, 0px) -
      var(--utrecht-page-margin-inline-end, 0px)
  );
  padding-inline-end: var(--utrecht-page-margin-inline-end);
  padding-inline-start: var(--utrecht-page-margin-inline-start);
}
.utrecht-page__content {
  background-color: var(--utrecht-page-background-color);
  color: var(--utrecht-page-color);
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-pagination {
  font-family: var(
    --utrecht-pagination-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-pagination-font-size,
    var(--utrecht-document-font-family)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-start, 0)
  );
}
.utrecht-pagination--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pagination__relative-link {
  background-color: var(--utrecht-pagination-relative-link-background-color);
  border-color: var(--utrecht-pagination-relative-link-border-color);
  border-radius: var(--utrecht-pagination-relative-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-relative-link-border-width, 0);
  color: var(--utrecht-pagination-relative-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-relative-link-font-weight);
  padding-block-end: var(--utrecht-pagination-relative-link-padding-block-end);
  padding-block-start: var(
    --utrecht-pagination-relative-link-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-pagination-relative-link-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-pagination-relative-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-relative-link-text-decoration);
  text-transform: var(--utrecht-pagination-relative-link-text-transform);
}
.utrecht-pagination__relative-link--next {
  margin-inline-start: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__relative-link--prev {
  margin-inline-end: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-end
  );
}
.utrecht-pagination__relative-link--disabled {
  background-color: var(
    --utrecht-pagination-relative-link-disabled-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  color: var(
    --utrecht-pagination-relative-link-disabled-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__relative-link--hover,
.utrecht-pagination__relative-link:hover {
  background-color: var(
    --utrecht-pagination-relative-link-hover-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-relative-link-hover-border-color,
    var(--utrecht-pagination-relative-link-border-color)
  );
  color: var(
    --utrecht-pagination-relative-link-hover-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__page-link {
  background-color: var(--utrecht-pagination-page-link-background-color);
  border-color: var(--utrecht-pagination-page-link-border-color, 0);
  border-radius: var(--utrecht-pagination-page-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-page-link-border-width);
  color: var(--utrecht-pagination-page-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-page-link-font-weight);
  padding-block-end: var(--utrecht-pagination-page-link-padding-block-end);
  padding-block-start: var(--utrecht-pagination-page-link-padding-block-start);
  padding-inline-end: var(--utrecht-pagination-page-link-padding-inline-end);
  padding-inline-start: var(
    --utrecht-pagination-page-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-page-link-text-decoration);
}
.utrecht-pagination__page-link--current {
  --utrecht-pagination-page-link-background-color: var(
    --utrecht-pagination-page-link-current-background-color
  );
  --utrecht-pagination-page-link-border-color: var(
    --utrecht-pagination-page-link-current-border-color
  );
  --utrecht-pagination-page-link-color: var(
    --utrecht-pagination-page-link-current-color
  );
}
.utrecht-pagination__page-link ~ .utrecht-pagination__page-link {
  margin-inline-start: var(
    --utrecht-pagination-page-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__page-link--hover,
.utrecht-pagination__page-link:hover {
  background-color: var(
    --utrecht-pagination-page-link-hover-background-color,
    var(--utrecht-pagination-page-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-page-link-hover-border-color,
    var(--utrecht-pagination-page-link-border-color)
  );
  color: var(
    --utrecht-pagination-page-link-hover-color,
    var(--utrecht-pagination-page-link-color)
  );
}
.utrecht-pagination__page-link:focus,
.utrecht-pagination__relative-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-pagination__page-link:focus:not(:focus-visible),
.utrecht-pagination__relative-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-paragraph {
  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
  font-family: var(
    --utrecht-paragraph-font-family,
    var(--utrecht-document-font-family, inherit)
  );
  font-size: var(
    --utrecht-paragraph-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  font-weight: var(--utrecht-paragraph-font-weight, inherit);
  line-height: var(
    --utrecht-paragraph-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-start, 0)
  );
}
.utrecht-paragraph--lead {
  color: var(
    --utrecht-paragraph-lead-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-lead-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-lead-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-lead-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph--small {
  color: var(
    --utrecht-paragraph-small-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-small-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-small-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-small-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph__small {
  font-size: inherit;
}
.utrecht-paragraph__b {
  font-weight: inherit;
}
.utrecht-paragraph--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pre-heading {
  color: var(
    --utrecht-pre-heading-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-pre-heading-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-pre-heading-font-size);
  font-weight: var(
    --utrecht-pre-heading-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-pre-heading-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-start, 0)
  );
  order: var(--utrecht-pre-heading-order, 0);
}
.utrecht-pre-heading--distanced {
  --utrecht-space-around: 1;
}
.utrecht-preserve-data {
  unicode-bidi: isolate;
  white-space-collapse: preserve-spaces;
}
.utrecht-radio-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  --_utrecht-radio-button-background-color: var(
    --_utrecht-radio-button-interactive-background-color,
    var(
      --_utrecht-radio-button-state-background-color,
      var(--utrecht-radio-button-background-color)
    )
  );
  --_utrecht-radio-button-border-color: var(
    --_utrecht-radio-button-interactive-border-color,
    var(
      --_utrecht-radio-button-state-border-color,
      var(--utrecht-radio-button-border-color, currentColor)
    )
  );
  --_utrecht-radio-button-border-width: var(
    --_utrecht-radio-button-interactive-border-width,
    var(
      --_utrecht-radio-button-state-border-width,
      var(--utrecht-radio-button-border-width)
    )
  );
  --_utrecht-radio-button-color: var(
    --_utrecht-radio-button-interactive-color,
    var(
      --_utrecht-radio-button-state-color,
      var(--utrecht-radio-button-color, currentColor)
    )
  );
  --_utrecht-radio-button-icon-size: 0;
  background-color: var(--_utrecht-radio-button-background-color);
  background-image: radial-gradient(
    circle,
    var(--_utrecht-radio-button-color, transparent)
      calc(var(--_utrecht-radio-button-icon-size, 50%) - 5%),
    var(--_utrecht-radio-button-background-color, currentColor)
      var(--_utrecht-radio-button-icon-size, 50%)
  );
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-radio-button-size, 1em);
  border-color: var(--_utrecht-radio-button-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--_utrecht-radio-button-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-radio-button-size, 1em);
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
}
.utrecht-radio-button--checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--hover {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--focus {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--active {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
}
.utrecht-radio-button--disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--invalid {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--html-input:disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--html-input:invalid,
.utrecht-radio-button--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:focus:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--html-input:hover:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--html-input:active:not(
    [aria-disabled='true'],
    :disabled
  ) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
}
.utrecht-rich-text {
  --utrecht-space-around: 1;
}
.utrecht-rich-text .utrecht-heading-1:first-child {
  --utrecht-heading-1-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-heading-2) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-accordion) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-alert) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-badge-list) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-blockquote) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-button) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-button-group) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-data-list) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-form-field) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-img) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-link) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-ordered-list) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-pagination) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-paragraph) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-separator) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-badge-status) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-table) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-unordered-list) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:first-child {
  --utrecht-heading-2-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-heading-3) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-accordion) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-alert) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-badge-list) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-blockquote) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-button) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-button-group) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-data-list) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-figure) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-form-field) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-img) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-link) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-ordered-list) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-pagination) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-paragraph) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-separator) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-sidenav) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-badge-status) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-table) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-unordered-list) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:first-child {
  --utrecht-heading-3-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-heading-4) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-accordion) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-alert) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-badge-list) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-blockquote) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-button) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-button-group) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-data-list) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-figure) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-form-field) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-img) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-link) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-ordered-list) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-pagination) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-paragraph) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-separator) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-sidenav) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-badge-status) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-table) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-unordered-list) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:first-child {
  --utrecht-heading-4-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-heading-5) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-accordion) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-alert) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-badge-list) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-blockquote) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-button) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-button-group) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-data-list) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-figure) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-form-field) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-img) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-link) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-ordered-list) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-pagination) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-paragraph) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-separator) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-sidenav) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-badge-status) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-table) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-unordered-list) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:first-child {
  --utrecht-heading-5-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-heading-6) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-accordion) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-alert) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-badge-list) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-blockquote) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-button) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-button-group) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-data-list) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-figure) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-form-field) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-img) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-link) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-ordered-list) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-pagination) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-paragraph) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-separator) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-sidenav) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-badge-status) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-table) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-unordered-list) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:first-child {
  --utrecht-heading-6-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-accordion) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-alert) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-badge-list) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-blockquote) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-button) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-button-group) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-data-list) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-figure) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-form-field) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-img) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-link) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-ordered-list) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-pagination) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-paragraph) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-separator) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-sidenav) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-badge-status) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-table) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-unordered-list) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:first-child {
  --utrecht-accordion-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-heading-2) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-heading-3) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-heading-4) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-heading-5) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-heading-6) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-accordion) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-alert) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-badge-list) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-blockquote) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-button) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-button-group) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-data-list) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-figure) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-form-field) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-img) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-link) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-ordered-list) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-paragraph) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-separator) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-sidenav) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-table) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-unordered-list) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:first-child {
  --utrecht-alert-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-1) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-2) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-3) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-4) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-5) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-6) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-accordion) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-alert) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-badge-list) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-blockquote) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-button) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-button-group) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-data-list) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-figure) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-form-field) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-img) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-link) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-ordered-list) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-pagination) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-paragraph) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-separator) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-badge-status) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-table) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-unordered-list) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:first-child {
  --utrecht-badge-list-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-1) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-2) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-3) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-4) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-5) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-6) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-accordion) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-alert) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-blockquote) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-button) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-button-group) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-data-list) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-figure) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-form-field) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-img) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-link) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-ordered-list) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-paragraph) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-separator) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-table) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-unordered-list) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:first-child {
  --utrecht-blockquote-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-heading-2) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-heading-3) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-heading-4) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-heading-5) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-heading-6) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-accordion) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-alert) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-badge-list) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-blockquote) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-button) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-button-group) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-data-list) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-figure) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-form-field) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-img) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-link) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-ordered-list) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-pagination) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-paragraph) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-separator) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-table) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-unordered-list) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:first-child {
  --utrecht-breadcrumb-nav-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-1) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-2) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-3) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-4) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-5) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-6) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-accordion) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-alert) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-badge-list) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-blockquote) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-button) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-button-group) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-data-list) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-figure) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-form-field) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-img) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-link) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-ordered-list) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-pagination) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-paragraph) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-separator) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-sidenav) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-badge-status) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-table) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-unordered-list) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:first-child {
  --utrecht-button-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-heading-2) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-heading-3) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-heading-4) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-heading-5) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-heading-6) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-accordion) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-alert) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-badge-list) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-blockquote) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-button) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-button-group) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-data-list) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-figure) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-img) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-link) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-ordered-list) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-paragraph) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-separator) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-sidenav) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-table) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-unordered-list) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:first-child {
  --utrecht-button-group-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-heading-2) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-heading-3) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-heading-4) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-heading-5) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-heading-6) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-accordion) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-alert) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-badge-list) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-blockquote) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-button) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-button-group) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-data-list) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-figure) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-img) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-link) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-ordered-list) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-paragraph) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-separator) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-sidenav) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-table) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-unordered-list) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:first-child {
  --utrecht-data-list-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-heading-2) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-heading-3) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-heading-4) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-heading-5) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-heading-6) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-accordion) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-alert) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-badge-list) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-blockquote) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-button) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-button-group) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-data-list) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-figure) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-form-field) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-img) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-link) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-ordered-list) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-pagination) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-paragraph) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-separator) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-table) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-unordered-list) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:first-child {
  --utrecht-figure-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-heading-2) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-heading-3) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-heading-4) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-heading-5) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-heading-6) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-accordion) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-alert) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-badge-list) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-blockquote) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-button) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-button-group) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-data-list) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-form-field) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-img) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-link) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-ordered-list) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-pagination) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-paragraph) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-separator) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-table) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-unordered-list) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:first-child {
  --utrecht-form-field-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-heading-2) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-heading-3) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-heading-4) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-heading-5) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-heading-6) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-accordion) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-alert) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-badge-list) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-blockquote) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-button) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-button-group) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-data-list) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-figure) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-form-field) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-img) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-link) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-ordered-list) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-paragraph) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-separator) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-table) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-unordered-list) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-description:first-child {
  --utrecht-form-field-description-margin-block-start: 0;
}
.utrecht-rich-text
  .utrecht-form-field-description:has(+ .utrecht-form-field-error-message) {
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-description:has(+ .utrecht-select) {
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-description:has(+ .utrecht-textarea) {
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-description:has(+ .utrecht-textbox) {
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-error-message:first-child {
  --utrecht-form-field-error-message-margin-block-start: 0;
}
.utrecht-rich-text
  .utrecht-form-field-error-message:has(+ .utrecht-form-field-description) {
  --utrecht-form-field-error-message-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text
  .utrecht-form-field-error-message:has(+ .utrecht-form-field-error-message) {
  --utrecht-form-field-error-message-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-error-message:has(+ .utrecht-select) {
  --utrecht-form-field-error-message-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-error-message:has(+ .utrecht-textarea) {
  --utrecht-form-field-error-message-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-error-message:has(+ .utrecht-textbox) {
  --utrecht-form-field-error-message-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-label:first-child {
  --utrecht-form-label-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-form-label:has(+ .utrecht-form-field-description) {
  --utrecht-form-label-margin-block-end: var(
    --utrecht-rich-text-confidant-margin-block-end
  );
}
.utrecht-rich-text
  .utrecht-form-label:has(+ .utrecht-form-field-error-message) {
  --utrecht-form-label-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-label:has(+ .utrecht-select) {
  --utrecht-form-label-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-label:has(+ .utrecht-textarea) {
  --utrecht-form-label-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-label:has(+ .utrecht-textbox) {
  --utrecht-form-label-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:first-child {
  --utrecht-img-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-heading-2) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-heading-3) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-heading-4) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-heading-5) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-heading-6) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-accordion) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-alert) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-badge-list) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-blockquote) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-button) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-button-group) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-data-list) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-form-field) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-img) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-link) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-ordered-list) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-pagination) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-paragraph) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-separator) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-table) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-unordered-list) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:first-child {
  --utrecht-link-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-heading-2) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-heading-3) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-heading-4) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-heading-5) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-heading-6) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-accordion) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-alert) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-badge-list) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-blockquote) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-button) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-button-group) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-data-list) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-form-field) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-img) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-link) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-ordered-list) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-paragraph) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-separator) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-sidenav) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-table) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-unordered-list) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:first-child {
  --utrecht-ordered-list-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-heading-2) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-heading-3) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-heading-4) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-heading-5) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-heading-6) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-accordion) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-alert) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-badge-list) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-blockquote) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-button) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-button-group) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-data-list) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-form-field) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-img) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-link) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-ordered-list) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-pagination) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-paragraph) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-separator) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-table) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-unordered-list) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:first-child {
  --utrecht-pagination-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-heading-2) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-heading-3) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-heading-4) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-heading-5) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-heading-6) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-accordion) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-alert) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-badge-list) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-blockquote) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-button) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-button-group) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-data-list) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-form-field) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-img) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-link) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-ordered-list) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-paragraph) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-separator) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-table) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-unordered-list) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:first-child {
  --utrecht-paragraph-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-heading-2) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-heading-3) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-heading-4) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-heading-5) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-heading-6) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-accordion) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-alert) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-badge-list) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-blockquote) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-button) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-button-group) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-data-list) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-form-field) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-img) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-link) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-ordered-list) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-pagination) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-paragraph) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-separator) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-table) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-unordered-list) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-select:first-child {
  --utrecht-select-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-select:has(+ .utrecht-form-field-description) {
  --utrecht-select-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-select:has(+ .utrecht-form-field-error-message) {
  --utrecht-select-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:first-child {
  --utrecht-separator-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-1) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-2) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-3) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-4) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-5) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-6) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-accordion) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-alert) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-badge-list) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-blockquote) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-button) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-button-group) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-data-list) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-form-field) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-img) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-link) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-ordered-list) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-pagination) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-paragraph) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-separator) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-sidenav) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-table) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-unordered-list) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:first-child {
  --utrecht-sidenav-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-1) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-2) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-3) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-4) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-5) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-6) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-accordion) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-alert) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-badge-list) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-blockquote) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-button) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-button-group) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-data-list) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-form-field) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-img) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-link) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-ordered-list) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-pagination) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-separator) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-table) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-unordered-list) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:first-child {
  --utrecht-badge-status-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-heading-2) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-heading-3) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-heading-4) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-heading-5) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-heading-6) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-badge-status) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:first-child {
  --utrecht-table-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-heading-2) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-heading-3) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-heading-4) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-heading-5) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-heading-6) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-accordion) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-alert) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-badge-list) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-blockquote) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-button) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-button-group) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-data-list) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-form-field) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-img) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-link) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-ordered-list) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-pagination) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-paragraph) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-separator) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-table) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-unordered-list) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-textarea:first-child {
  --utrecht-textarea-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-textarea:has(+ .utrecht-form-field-description) {
  --utrecht-textarea-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-textarea:has(+ .utrecht-form-field-error-message) {
  --utrecht-textarea-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-textbox:first-child {
  --utrecht-textbox-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-textbox:has(+ .utrecht-form-field-description) {
  --utrecht-textbox-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-textbox:has(+ .utrecht-form-field-error-message) {
  --utrecht-textbox-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:first-child {
  --utrecht-unordered-list-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-heading-2) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-heading-3) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-heading-4) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-heading-5) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-heading-6) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-accordion) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-alert) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-badge-list) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-blockquote) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-button) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-button-group) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-data-list) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-form-field) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-img) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-link) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-ordered-list) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-pagination) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-paragraph) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-separator) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-table) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-unordered-list) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-search-bar {
  --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
  --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-transform);
  --utrecht-button-font-size: var(--utrecht-search-bar-button-font-size);
  --utrecht-button-font-weight: var(--utrecht-search-bar-button-font-weight);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-search-bar-button-background-color
  );
  --utrecht-button-primary-action-color: var(--utrecht-search-bar-button-color);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-search-bar-button-hover-background-color
  );
  --utrecht-textbox-border-color: var(--utrecht-search-bar-input-border-color);
  --utrecht-textbox-padding-inline-start: var(
    --utrecht-search-bar-input-padding-inline-start
  );
  --utrecht-textbox-border-bottom-width: var(
    --utrecht-search-bar-input-border-bottom-width
  );
  --utrecht-textbox-max-inline-size: var(
    --utrecht-search-bar-input-max-inline-size
  );
  display: flex;
}
.utrecht-search-bar__input {
  background-image: var(--utrecht-search-bar-input-background-image, none);
  background-position-x: var(--utrecht-search-bar-input-background-position-x);
  background-position-y: var(--utrecht-search-bar-input-background-position-y);
  background-repeat: no-repeat;
  background-size: var(--utrecht-search-bar-input-background-size);
}
.utrecht-search-bar__dropdown {
  border-color: var(--utrecht-search-bar-dropdown-border-color);
  border-style: solid;
  border-width: var(--utrecht-search-bar-dropdown-border-width);
  inline-size: var(
    --utrecht-search-bar-dropdown-inline-size,
    var(--utrecht-form-input-max-inline-size)
  );
  max-block-size: var(--utrecht-search-bar-dropdown-max-block-size);
  overflow: auto;
  padding-block-end: var(--utrecht-search-bar-dropdown-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-dropdown-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-dropdown-padding-inline-end);
  padding-inline-start: var(--utrecht-search-bar-dropdown-padding-inline-start);
  position: absolute;
  z-index: var(--utrecht-search-bar-dropdown-z-index);
}
.utrecht-search-bar__section-title {
  color: var(--utrecht-search-bar-section-title-color);
  font-size: var(--utrecht-search-bar-section-title-font-size);
  font-weight: var(--utrecht-search-bar-section-title-font-weight);
  line-height: var(--utrecht-search-bar-section-title-line-height);
  margin-inline-start: var(
    --utrecht-search-bar-section-title-margin-inline-start
  );
}
.utrecht-search-bar__list-item {
  padding-block-end: var(--utrecht-search-bar-list-item-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-list-item-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-list-item-padding-inline-end);
  padding-inline-start: var(
    --utrecht-search-bar-list-item-padding-inline-start
  );
}
.utrecht-search-bar__list-item--is-active {
  background-color: var(
    --utrecht-search-bar-list-item-is-active-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-active-color);
  font-weight: var(--utrecht-search-bar-list-item-is-active-font-weight);
}
.utrecht-search-bar__list-item--is-selected {
  background-color: var(
    --utrecht-search-bar-list-item-is-selected-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-selected-color);
}
.utrecht-select {
  background-color: var(
    --utrecht-select-background-color,
    var(--utrecht-form-control-background-color)
  );
  border-block-end-width: var(
    --utrecht-select-border-block-end-width,
    var(--utrecht-select-border-width, var(--utrecht-form-control-border-width))
  );
  border-block-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-color: var(
    --utrecht-select-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-inline-end-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-inline-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-radius: var(
    --utrecht-select-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  color: var(--utrecht-select-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-select-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-select-font-size,
    var(--utrecht-form-control-font-size)
  );
  inline-size: 100%;
  min-block-size: var(
    --utrecht-select-min-block-size,
    var(--utrecht-pointer-target-min-size, 44px)
  );
  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
  max-inline-size: var(
    --utrecht-select-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  padding-block-end: var(
    --utrecht-select-padding-block-end,
    var(--utrecht-form-control-padding-block-end)
  );
  padding-block-start: var(
    --utrecht-select-padding-block-start,
    var(--utrecht-form-control-padding-block-start)
  );
  padding-inline-end: var(
    --utrecht-select-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end)
  );
  padding-inline-start: var(
    --utrecht-select-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start)
  );
}
.utrecht-select--disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-select--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-select--invalid {
  --_utrecht-select-border-width: var(
    --utrecht-select-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-select-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-select-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-select-border-width);
  border-block-end-width: var(
    --utrecht-select-invalid-border-block-end-width,
    var(
      --utrecht-form-control-invalid-border-block-end-width,
      var(
        --utrecht-select-border-block-end-width,
        var(
          --utrecht-form-control-border-block-end-width,
          var(--_utrecht-select-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-select-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
}
.utrecht-select--html-select:focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--html-select:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-select--html-select:disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--html-select:not([multiple]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: var(--utrecht-select-background-image);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 1.4em;
}
.utrecht-separator {
  border-color: var(--utrecht-separator-color);
  border-style: solid;
  border-width: 0 0 var(--utrecht-separator-block-size) 0;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-start, 0)
  );
}
.utrecht-separator--distanced {
  --utrecht-space-around: 1;
}
.utrecht-skip-link {
  align-items: center;
  background-color: var(--utrecht-skip-link-background-color, ButtonFace);
  box-sizing: border-box;
  color: var(--utrecht-skip-link-color, ButtonText);
  display: inline-flex;
  justify-content: center;
  min-block-size: var(--utrecht-skip-link-min-block-size, 44px);
  min-inline-size: var(--utrecht-skip-link-min-inline-size, 44px);
  padding-block-end: var(--utrecht-skip-link-padding-block-end);
  padding-block-start: var(--utrecht-skip-link-padding-block-start);
  padding-inline-end: var(--utrecht-skip-link-padding-inline-end);
  padding-inline-start: var(--utrecht-skip-link-padding-inline-start);
  text-decoration: var(--utrecht-skip-link-text-decoration);
}
.utrecht-skip-link--hidden,
.utrecht-skip-link--visible-on-focus {
  inset-block-start: -200%;
  position: fixed;
}
.utrecht-skip-link--visible-on-focus:focus {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--visible {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--focus,
.utrecht-skip-link:focus,
.utrecht-skip-link:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  text-decoration: var(--utrecht-skip-link-focus-text-decoration);
}
.utrecht-spotlight-section {
  background-color: var(
    --_utrecht-spotlight-section-background-color,
    var(--utrecht-spotlight-section-background-color)
  );
  border-color: var(
    --_utrecht-spotlight-section-border-color,
    var(--utrecht-spotlight-section-border-color)
  );
  border-style: solid;
  border-width: var(
    --_utrecht-spotlight-section-border-width,
    var(--utrecht-spotlight-section-border-width, 0)
  );
  color: var(
    --_utrecht-spotlight-section-color,
    var(--utrecht-spotlight-section-color)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-start, 0)
  );
  padding-block-end: var(--utrecht-spotlight-section-padding-block-end);
  padding-block-start: var(--utrecht-spotlight-section-padding-block-start);
  padding-inline-end: var(--utrecht-spotlight-section-padding-inline-end);
  padding-inline-start: var(--utrecht-spotlight-section-padding-inline-start);
}
.utrecht-spotlight-section--info {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-info-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-info-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-info-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-info-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-info-color
  );
}
.utrecht-spotlight-section--warning {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-warning-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-warning-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-warning-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-warning-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-warning-color
  );
}
.utrecht-surface {
  background-color: var(--utrecht-surface-background-color, inherit);
  color: var(--utrecht-surface-color, inherit);
}
.utrecht-surface--html-body {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.utrecht-table-container--overflow-inline {
  background-attachment: local, local, scroll, scroll;
  background-image:
    linear-gradient(to right, #fff, #fff),
    linear-gradient(to right, #fff, #fff),
    linear-gradient(to right, #00000040, #fff0),
    linear-gradient(to left, #00000040, #fff0);
  background-position:
    left center,
    right center,
    left center,
    right center;
  background-repeat: no-repeat;
  background-size:
    20px 100%,
    20px 100%,
    10px 100%,
    10px 100%;
  overflow: auto;
}
.utrecht-table {
  border-collapse: separate;
  border-color: var(--utrecht-table-border-color, 0);
  border-spacing: 0;
  border-style: solid;
  border-width: var(--utrecht-table-border-width, 0);
  font-family: var(
    --utrecht-table-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-table-font-size, inherit);
  inline-size: 100%;
  line-height: var(--utrecht-table-line-height, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-start, 0)
  );
}
.utrecht-table--distanced {
  --utrecht-space-around: 1;
}
.utrecht-table--html-table > caption,
.utrecht-table__caption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > figcaption,
.utrecht-table__figcaption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > thead,
.utrecht-table__header {
  --_utrecht-table-header-cell-vertical-align: bottom;
  --_utrecht-table-header-cell-z-index: 8;
  background-color: var(--utrecht-table-header-background-color);
  break-inside: avoid;
  color: var(--utrecht-table-header-color);
  font-weight: var(--utrecht-table-header-font-weight);
  page-break-inside: avoid;
  text-transform: var(--utrecht-table-header-text-transform);
}
.utrecht-table__header--sticky th {
  background-color: var(--utrecht-table-header-sticky-background-color);
  color: var(--utrecht-table-header-sticky-color);
  inset-block-start: 0;
  position: sticky;
}
.utrecht-table__header--sticky tr:last-child > th {
  border-block-end-color: var(
    --utrecht-table-header-sticky-border-block-end-color,
    var(--utrecht-table-header-border-block-end-color, transparent)
  );
  border-block-end-style: solid;
  border-block-end-width: var(
    --utrecht-table-header-sticky-border-block-end-width,
    var(--utrecht-table-header-border-block-end-width, 0)
  );
}
.utrecht-table__footer {
  --_utrecht-table-header-cell-z-index: 5;
  z-index: 3;
}
.utrecht-table__footer--sticky {
  background-color: var(
    --utrecht-table-footer-sticky-background-color,
    var(--utrecht-table-footer-background-color)
  );
  color: var(
    --utrecht-table-footer-sticky-color,
    var(--utrecht-table-footer-color)
  );
  inset-block-end: 0;
  position: sticky;
}
.utrecht-table__footer--sticky tr:first-child > th,
.utrecht-table__footer--sticky tr:first-child > td {
  border-block-start-color: var(
    --utrecht-table-header-sticky-border-block-start-color,
    var(--utrecht-table-header-border-block-start-color, transparent)
  );
  border-block-start-style: solid;
  border-block-start-width: var(
    --utrecht-table-header-sticky-border-block-start-width,
    var(--utrecht-table-header-border-block-start-width, 0)
  );
}
.utrecht-table--html-table > tbody,
.utrecht-table__body {
  --_utrecht-table-header-cell-z-index: 2;
}
.utrecht-table--fixed {
  inline-size: fit-content;
  table-layout: fixed;
}
.utrecht-table--fixed th,
.utrecht-table--oneline th,
.utrecht-table--oneline td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table--html-table > tr,
.utrecht-table--html-table > thead > tr,
.utrecht-table--html-table > tbody > tr,
.utrecht-table--html-table > tfoot > tr,
.utrecht-table__row {
  break-inside: avoid;
  page-break-inside: avoid;
}
.utrecht-table__row--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table--html-table > tr > th,
.utrecht-table--html-table > thead > tr > th,
.utrecht-table--html-table > tbody > tr > th,
.utrecht-table--html-table > tfoot > tr > th,
.utrecht-table__header-cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  color: var(--utrecht-table-header-cell-color);
  font-size: var(--utrecht-table-header-cell-font-size);
  font-weight: var(--utrecht-table-header-cell-font-weight, bold);
  text-transform: var(--utrecht-table-header-cell-text-transform);
  vertical-align: var(--_utrecht-table-header-cell-vertical-align, top);
  z-index: var(--_utrecht-table-header-cell-z-index);
}
.utrecht-table__header-cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--sticky-block {
  background-color: #eee;
  color: #000;
  inset-block-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 2);
}
.utrecht-table__header-cell--sticky-inline {
  background-color: #eee;
  color: #000;
  inset-inline-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 1);
}
.utrecht-table--html-table > tr > td,
.utrecht-table--html-table > thead > tr > td,
.utrecht-table--html-table > tbody > tr > td,
.utrecht-table--html-table > tfoot > tr > td,
.utrecht-table__cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  border-block-end-color: var(
    --utrecht-table-row-border-block-end-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-table-row-border-block-end-width, 0);
  vertical-align: top;
}
.utrecht-table--html-table > tr > td:first-child,
.utrecht-table--html-table > thead > tr > td:first-child,
.utrecht-table--html-table > tbody > tr > td:first-child,
.utrecht-table--html-table > tfoot > tr > td:first-child,
.utrecht-table__cell--first {
  padding-inline-start: var(
    --utrecht-table-row-padding-inline-start,
    var(--utrecht-table-cell-padding-inline-start, 0)
  );
}
.utrecht-table--html-table > tr > td:last-child,
.utrecht-table--html-table > thead > tr > td:last-child,
.utrecht-table--html-table > tbody > tr > td:last-child,
.utrecht-table--html-table > tfoot > tr > td:last-child,
.utrecht-table__cell--last {
  padding-inline-end: var(
    --utrecht-table-row-padding-inline-end,
    var(--utrecht-table-cell-padding-inline-end, 0)
  );
}
.utrecht-table__cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--numeric-column,
.utrecht-table__cell--numeric-column {
  --_utrecht-table-cell-text-align: right;
  text-align: var(--_utrecht-table-cell-text-align);
}
.utrecht-table__cell--numeric-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-table__row--alternate-odd {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table__row--alternate-even {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table__header-cell {
  --utrecht-button-font-size: inherit;
  --utrecht-button-font-weight: inherit;
  --utrecht-button-padding-inline-start: var(
    --utrecht-table-cell-padding-inline-start
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-table-cell-padding-inline-end
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-table-cell-padding-block-start
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-table-cell-padding-block-end
  );
  --utrecht-button-hover-scale: 1;
  --utrecht-button-focus-scale: 1;
  --utrecht-button-min-block-size: 100%;
  --utrecht-button-min-inline-size: 100%;
  --utrecht-button-border-color: transparent;
  --utrecht-button-border-size: 1px;
}
.utrecht-table__header-cell:has(.utrecht-button) {
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-table__header-cell-button {
  justify-content: var(--_utrecht-table-cell-text-align, start);
}
.utrecht-table__data--truncate {
  display: block;
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table__container {
  max-inline-size: 100%;
  overflow-inline: scroll;
}
.utrecht-table__header--hidden {
  block-size: 1px;
  border: 0 solid silver;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  inline-size: 1px;
  outline: 1px solid red;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.utrecht-table--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(odd) {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(2n) {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__header-cell,
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__header-cell,
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-textarea {
  background-color: var(
    --utrecht-textarea-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textarea-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textarea-border-bottom-width,
    var(
      --utrecht-textarea-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textarea-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textarea-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textarea-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textarea-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textarea-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(--utrecht-textarea-line-height, initial);
  max-inline-size: var(
    --utrecht-textarea-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  min-block-size: var(
    --utrecht-textarea-min-block-size,
    var(--utrecht-pointer-target-min-size, 44px)
  );
  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
  padding-block-end: var(
    --utrecht-textarea-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textarea-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textarea-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textarea-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
  resize: vertical;
  resize: block;
}
.utrecht-textarea--invalid {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea__placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textarea--html-textarea:focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--html-textarea:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textarea--html-textarea:invalid,
.utrecht-textarea--html-textarea[aria-invalid='true'] {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--html-textarea::placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox {
  --_utrecht-textbox-value-char: 0.667em + 0.334ch;
  --_utrecht-textbox-max-inline-size: calc(
    calc(
        var(--utrecht-textbox-value-max-length) *
          var(--_utrecht-textbox-value-char)
      ) +
      var(
        --utrecht-textbox-padding-inline-end,
        var(--utrecht-form-control-padding-inline-end, 0)
      ) +
      var(
        --utrecht-textbox-padding-inline-start,
        var(--utrecht-form-control-padding-inline-start, 0)
      ) +
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width, 0)
      ) +
      var(--utrecht-textbox-autocomplete-ui-size, 44px)
  );
  background-color: var(
    --utrecht-textbox-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textbox-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textbox-border-bottom-width,
    var(
      --utrecht-textbox-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textbox-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textbox-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textbox-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textbox-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(
    --utrecht-textbox-line-height,
    var(--utrecht-form-control-line-height, initial)
  );
  min-block-size: var(--utrecht-pointer-target-min-size, 44px);
  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
  max-inline-size: min(
    var(--_utrecht-textbox-max-inline-size, 100%),
    var(
      --utrecht-textbox-max-inline-size,
      var(--utrecht-form-control-max-inline-size)
    )
  );
  padding-block-end: var(
    --utrecht-textbox-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textbox-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textbox-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textbox-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
}
.utrecht-textbox--invalid {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox__placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--numeric {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-textbox--password {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--postal-code-nl-size {
  --utrecht-textbox-value-max-length: 7;
}
.utrecht-textbox--house-number-size {
  --utrecht-textbox-value-max-length: 5;
}
.utrecht-textbox--house-letter-size {
  --utrecht-textbox-value-max-length: 1;
}
.utrecht-textbox--house-addition-size {
  --utrecht-textbox-value-max-length: 4;
}
.utrecht-textbox--voorvoegsel-size {
  --utrecht-textbox-value-max-length: 10;
}
.utrecht-textbox--tel-size {
  --utrecht-textbox-value-max-length: 19;
}
.utrecht-textbox--tel-nl-size {
  --utrecht-textbox-value-max-length: 13;
}
.utrecht-textbox--iban-size {
  --utrecht-textbox-value-max-length: 41;
}
.utrecht-textbox--iban-nl-size {
  --utrecht-textbox-value-max-length: 22;
}
.utrecht-textbox--placeholder-ltr::placeholder,
.utrecht-textbox--placeholder-ltr:placeholder-shown {
  direction: ltr;
}
.utrecht-textbox--placeholder-rtl::placeholder,
.utrecht-textbox--placeholder-rtl:placeholder-shown {
  direction: rtl;
}
.utrecht-textbox--url {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input:focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textbox--html-input:invalid,
.utrecht-textbox--html-input[aria-invalid='true'] {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--html-input::placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--html-input[type='password' i] {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--html-input[type='url' i],
.utrecht-textbox--html-input[type='email' i],
.utrecht-textbox--html-input[inputMode='email' i],
.utrecht-textbox--html-input[inputMode='url' i] {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input[pattern='\\d*'],
.utrecht-textbox--html-input[pattern='[0-9]*'],
.utrecht-textbox--html-input[type='number' i],
.utrecht-textbox--html-input[type='tel' i],
.utrecht-textbox--html-input[inputMode='numeric' i],
.utrecht-textbox--html-input[inputMode='decimal' i],
.utrecht-textbox--html-input[inputMode='tel' i] {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-toptask-link {
  --utrecht-icon-color: currentColor;
  --utrecht-icon-size: var(--utrecht-toptask-link-icon-size);
  background-color: var(--utrecht-toptask-link-background-color);
  color: var(--utrecht-toptask-link-color);
  display: flex;
  flex-direction: column;
  font-size: var(--utrecht-toptask-link-font-size);
  line-height: var(--utrecht-toptask-link-line-height);
  max-inline-size: var(--utrecht-toptask-link-max-inline-size);
  min-block-size: var(--utrecht-toptask-link-min-block-size);
  min-inline-size: var(--utrecht-toptask-link-min-inline-size);
  padding-block-end: var(--utrecht-toptask-link-padding-block-end);
  padding-block-start: var(--utrecht-toptask-link-padding-block-start);
  padding-inline-end: var(--utrecht-toptask-link-padding-inline-end);
  padding-inline-start: var(--utrecht-toptask-link-padding-inline-start);
  text-decoration: none;
}
.utrecht-toptask-link--hover,
.utrecht-toptask-link:hover {
  background-color: var(
    --utrecht-toptask-link-hover-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-hover-color,
    var(--utrecht-toptask-link-color)
  );
  transform: var(--utrecht-toptask-link-hover-transform-scale, 1);
}
.utrecht-toptask-link--focus-visible,
.utrecht-toptask-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-toptask-link--focus,
.utrecht-toptask-link:focus {
  background-color: var(
    --utrecht-toptask-link-focus-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-focus-color,
    var(--utrecht-toptask-link-color)
  );
}
.utrecht-toptask-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-toptask-link__title {
  display: block;
}
.utrecht-toptask-link__icon {
  display: block;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-md);
}
.utrecht-toptask-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--utrecht-toptask-nav-gap);
}
.utrecht-toptask-nav--grid {
  --utrecht-toptask-link-max-inline-size: var(
    --utrecht-toptask-nav-link-grid-max-inline-size
  );
  flex-direction: row;
}
.utrecht-unordered-list,
.utrecht-unordered-list--html-content ul {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-unordered-list-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  line-height: var(
    --utrecht-unordered-list-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
  text-align: start;
}
.utrecht-unordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-unordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-unordered-list--nested,
.utrecht-unordered-list--html-content ul {
  margin-block-end: 0;
  margin-inline-start: 2ch;
}
.utrecht-unordered-list--html-content > li,
.utrecht-unordered-list--html-content ul > li,
.utrecht-unordered-list__item {
  margin-block-end: var(--utrecht-unordered-list-item-margin-block-end);
  margin-block-start: var(--utrecht-unordered-list-item-margin-block-start);
  padding-inline-start: var(
    --utrecht-unordered-list-item-padding-inline-start,
    1ch
  );
}
.utrecht-unordered-list--html-content > li::marker,
.utrecht-unordered-list--html-content ul > li::marker,
.utrecht-unordered-list__item::marker,
.utrecht-unordered-list__marker {
  color: var(--utrecht-unordered-list-marker-color);
  content: '●';
}
.utrecht-url-data {
  break-inside: avoid;
  font-variant-ligatures: none;
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: anywhere;
  page-break-inside: avoid;
}
:root,
::backdrop {
  --of-progress-indicator-mobile-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  --denhaag-process-steps-sub-step-marker-size: 12px;
  --denhaag-process-steps-step-marker-size: 28px;
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
  --utrecht-stack-focus-z-index: 1;
  --utrecht-border-style-dotted: dotted;
  --utrecht-border-style-solid: solid;
  --utrecht-border-radius-none: 0;
  --utrecht-border-radius-round: 999px;
  --utrecht-border-radius-lg: 8px;
  --utrecht-border-radius-md: 4px;
  --utrecht-border-radius-sm: 2px;
  --utrecht-border-width-md: 2px;
  --utrecht-border-width-sm: 1px;
  --utrecht-typography-line-height-lg: 2;
  --utrecht-typography-line-height-md: 1.5;
  --utrecht-typography-line-height-sm: 1.25;
  --utrecht-typography-line-height-xs: 1;
  --utrecht-typography-font-style-inherit: inherit;
  --utrecht-typography-font-style-normal: normal;
  --utrecht-typography-weight-scale-normal-font-weight: 400;
  --utrecht-typography-weight-scale-bold-font-weight: 700;
  --utrecht-typography-scale-4xl-font-size: 2rem;
  --utrecht-typography-scale-3xl-font-size: 1.5rem;
  --utrecht-typography-scale-2xl-font-size: 1.375rem;
  --utrecht-typography-scale-xl-font-size: 1.25rem;
  --utrecht-typography-scale-lg-font-size: 1.125rem;
  --utrecht-typography-scale-md-font-size: 1rem;
  --utrecht-typography-scale-sm-font-size: 0.875rem;
  --utrecht-typography-scale-xs-font-size: 0.75rem;
  --utrecht-typography-scale-2xs-font-size: 0.5rem;
  --utrecht-typography-sans-serif-font-family:
    'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Arial', sans-serif;
  --utrecht-icon-scale-4xl: 48px;
  --utrecht-icon-scale-3xl: 36px;
  --utrecht-icon-scale-2xl: 30px;
  --utrecht-icon-scale-xl: 26px;
  --utrecht-icon-scale-lg: 24px;
  --utrecht-icon-scale-md: 16px;
  --utrecht-icon-scale-sm: 12px;
  --utrecht-icon-scale-xs: 8px;
  --utrecht-icon-scale-2xs: 4px;
  --utrecht-icon-scale-3xs: 1px;
  --utrecht-color-black: hsl(0 0% 0%);
  --utrecht-color-white: hsl(0 0% 100%);
  --utrecht-color-invalid: #990000;
  --utrecht-color-secondary-grey: #757575;
  --utrecht-color-secondary-brown: #ad643b;
  --utrecht-color-secondary-navy: #1c4181;
  --utrecht-color-secondary-blue: #006dff;
  --utrecht-color-secondary-cyan: #009ed4;
  --utrecht-color-secondary-green: #32ab27;
  --utrecht-color-secondary-lime: #99d000;
  --utrecht-color-secondary-yellow: #ffcc00;
  --utrecht-color-secondary-orange: #ff6e00;
  --utrecht-color-secondary-red: #cc0000;
  --utrecht-color-secondary-magenta: #f02198;
  --utrecht-color-secondary-purple: #762cd1;
  --utrecht-color-green-90: hsl(90 30% 90%);
  --utrecht-color-green-80: hsl(90 30% 80%);
  --utrecht-color-green-50: hsl(90 30% 50%);
  --utrecht-color-green-40: hsl(90 30% 38%);
  --utrecht-color-green-30: hsl(90 30% 30%);
  --utrecht-color-yellow-80: hsl(48 100% 80%);
  --utrecht-color-yellow-60: hsl(48 100% 60%);
  --utrecht-color-yellow-50: hsl(48 100% 50%);
  --utrecht-color-yellow-40: hsl(48 100% 40%);
  --utrecht-color-yellow-20: hsl(48 100% 20%);
  --utrecht-color-grey-95: hsl(0 0% 95%);
  --utrecht-color-grey-90: hsl(0 0% 90%);
  --utrecht-color-grey-80: hsl(0 0% 80%);
  --utrecht-color-grey-40: hsl(0 0% 40%);
  --utrecht-color-grey-30: hsl(0 0% 30%);
  --utrecht-color-grey-20: hsl(0 0% 20%);
  --utrecht-color-grey-15: hsl(0 0% 15%);
  --utrecht-color-grey-10: hsl(0 0% 10%);
  --utrecht-color-blue-90: hsl(211 60% 90%);
  --utrecht-color-blue-80: hsl(211 60% 80%);
  --utrecht-color-blue-60: hsl(211 60% 60%);
  --utrecht-color-blue-50: hsl(211 60% 50%);
  --utrecht-color-blue-40: hsl(211 60% 40%);
  --utrecht-color-blue-35: hsl(211 60% 35%);
  --utrecht-color-blue-30: hsl(211 60% 30%);
  --utrecht-color-blue-20: hsl(211 60% 20%);
  --utrecht-color-red-95: hsl(0 100% 95%);
  --utrecht-color-red-40: hsl(0 100% 40%);
  --utrecht-color-red-30: hsl(0 100% 30%);
  --utrecht-color-red-20: hsl(0 100% 20%);
  --utrecht-unordered-list-item-margin-block-end: 0.25rem;
  --utrecht-unordered-list-item-margin-block-start: 0.25rem;
  --utrecht-unordered-list-margin-block-end: 0;
  --utrecht-toptask-link-icon-size: 2.25rem;
  --utrecht-toptask-link-hover-transform-scale: 1.02;
  --utrecht-toptask-link-min-inline-size: 15rem;
  --utrecht-toptask-link-min-block-size: 8.25rem;
  --utrecht-toptask-link-line-height: 1.2;
  --utrecht-toptask-link-font-size: 1rem;
  --utrecht-textbox-border-bottom-width: 3px;
  --utrecht-textarea-border-bottom-width: 3px;
  --utrecht-table-footer-sticky-border-block-start-width: 2px;
  --utrecht-table-cell-icon-size: 1em;
  --utrecht-table-cell-padding-inline-start: 0.4em;
  --utrecht-table-cell-padding-inline-end: 0.4em;
  --utrecht-table-cell-padding-block-start: 0.5em;
  --utrecht-table-cell-padding-block-end: 0.5em;
  --utrecht-table-cell-line-height: 24px;
  --utrecht-table-header-sticky-border-block-end-width: 2px;
  --utrecht-table-caption-margin-block-end: 1em;
  --utrecht-table-caption-text-align: start;
  --utrecht-table-caption-font-size: 1.125em;
  --utrecht-table-margin-block-end: 0;
  --utrecht-separator-block-size: 8px;
  --utrecht-select-border-block-end-width: 3px;
  --utrecht-search-bar-dropdown-max-block-size: 300px;
  --utrecht-search-bar-dropdown-border-width: 1px;
  --utrecht-search-bar-input-background-size: 1em;
  --utrecht-search-bar-input-background-position-y: 50%;
  --utrecht-search-bar-input-background-position-x: 0.5em;
  --utrecht-search-bar-button-hover-scale: 1;
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
  --utrecht-rich-text-confidant-margin-block-end: 0;
  --utrecht-radio-button-margin-inline-end: 12px;
  --utrecht-radio-button-border-radius: 0;
  --utrecht-radio-button-invalid-border-width: 2px;
  --utrecht-radio-button-icon-size: 42%;
  --utrecht-radio-button-size: 24px;
  --utrecht-radio-button-border-width: 2px;
  --utrecht-paragraph-margin-block-end: 0;
  --utrecht-pagination-relative-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-relative-link-distanced-margin-inline-end: 0.5em;
  --utrecht-pagination-relative-link-text-transform: uppercase;
  --utrecht-pagination-relative-link-text-decoration: none;
  --utrecht-pagination-relative-link-padding-block-start: 0.5em;
  --utrecht-pagination-relative-link-padding-block-end: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-start: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-end: 0.5em;
  --utrecht-pagination-relative-link-border-width: 2px;
  --utrecht-pagination-page-link-border-color: transparent;
  --utrecht-pagination-page-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-page-link-text-decoration: none;
  --utrecht-pagination-page-link-padding-block-start: 0.5em;
  --utrecht-pagination-page-link-padding-block-end: 0.5em;
  --utrecht-pagination-page-link-padding-inline-start: 0.5em;
  --utrecht-pagination-page-link-padding-inline-end: 0.5em;
  --utrecht-pagination-page-link-border-width: 2px;
  --utrecht-pagination-page-link-background-color: transparent;
  --utrecht-pagination-margin-block-end: 1em;
  --utrecht-pagination-margin-block-start: 0;
  --utrecht-pagination-font-size: 14px;
  --utrecht-page-padding-inline-start: 2em;
  --utrecht-page-padding-block-end: 1em;
  --utrecht-page-padding-inline-end: 2em;
  --utrecht-page-padding-block-start: 1.8em;
  --utrecht-page-max-inline-size: 1184px;
  --utrecht-page-margin-inline-end: 2em;
  --utrecht-page-margin-inline-start: 2em;
  --utrecht-page-header-padding-block-start: 1.8em;
  --utrecht-page-header-padding-inline-start: 2em;
  --utrecht-page-header-padding-inline-end: 2.4em;
  --utrecht-page-header-padding-block-end: 1em;
  --utrecht-page-content-padding-block-end: 2em;
  --utrecht-page-content-padding-block-start: 2em;
  --utrecht-ordered-list-item-padding-inline-start: 0;
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
  --utrecht-ordered-list-padding-inline-start: 28.8px;
  --utrecht-ordered-list-margin-block-end: 1em;
  --utrecht-ordered-list-margin-block-start: 0;
  --utrecht-number-data-negative-color: red;
  --utrecht-number-data-positive-color: green;
  --utrecht-topnav-link-focus-text-decoration: none;
  --utrecht-topnav-link-focus-border-type: dotted;
  --utrecht-mapcontrolbutton-focus-text-decoration: none;
  --utrecht-mapcontrolbutton-border-radius: 2px;
  --utrecht-mapcontrolbutton-margin-inline-end: 0;
  --utrecht-mapcontrolbutton-margin-inline-start: 0;
  --utrecht-map-marker-icon-size: 30px;
  --utrecht-map-marker-box-shadow-color: rgb(0 0 0 / 20%);
  --utrecht-map-marker-border-width: 3px;
  --utrecht-map-marker-size: 48px;
  --utrecht-logo-min-inline-size: 110.57px;
  --utrecht-logo-min-block-size: 58.97px;
  --utrecht-logo-max-inline-size: 192px;
  --utrecht-logo-max-block-size: 103px;
  --utrecht-listbox-option-min-block-size: 44px;
  --utrecht-listbox-max-block-size: 300px;
  --utrecht-listbox-inline-size: 448px;
  --utrecht-list-social-item-margin-inline-end: 10px;
  --utrecht-link-icon-size: 1.2em;
  --utrecht-link-hover-text-decoration-thickness: 3px;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: none;
  --utrecht-link-text-underline-offset: 3px;
  --utrecht-link-text-decoration: underline;
  --utrecht-link-social-icon-size: 26px;
  --utrecht-link-social-hover-transform-scale: 1.1;
  --utrecht-link-social-size: 40px;
  --utrecht-link-social-border-width: 2px;
  --utrecht-link-list-icon-size: 14px;
  --utrecht-link-list-link-text-decoration: none;
  --utrecht-icon-baseline-inset-block-start: 0.125em;
  --utrecht-icon-size: 48px;
  --utrecht-heading-5-margin-block-start: 1rem;
  --utrecht-heading-5-margin-block-end: 0.2rem;
  --utrecht-heading-4-margin-block-start: 1.2rem;
  --utrecht-heading-4-margin-block-end: 0.3rem;
  --utrecht-heading-3-margin-block-start: 1rem;
  --utrecht-heading-3-margin-block-end: 0.2rem;
  --utrecht-heading-2-margin-block-start: 1.5rem;
  --utrecht-heading-2-margin-block-end: 0.3rem;
  --utrecht-heading-1-margin-block-start: 0.67rem;
  --utrecht-heading-1-margin-block-end: 0.67rem;
  --utrecht-form-toggle-width: 48px;
  --utrecht-form-toggle-padding-inline-start: 0;
  --utrecht-form-toggle-padding-inline-end: 0;
  --utrecht-form-toggle-padding-block-start: 0;
  --utrecht-form-toggle-padding-block-end: 0;
  --utrecht-form-toggle-height: 24px;
  --utrecht-form-toggle-border-style: solid;
  --utrecht-form-toggle-focus-border-width: 2px;
  --utrecht-form-toggle-focus-border-style: dotted;
  --utrecht-form-toggle-thumb-disabled-box-shadow: 0;
  --utrecht-form-toggle-thumb-min-inline-size: 18px;
  --utrecht-form-toggle-thumb-margin-inline-end: 0.25em;
  --utrecht-form-toggle-thumb-margin-inline-start: 0.25em;
  --utrecht-form-toggle-border-width: 2px;
  --utrecht-form-toggle-border-radius: 10em;
  --utrecht-form-toggle-border-color: transparent;
  --utrecht-form-toggle-accent-color: hsla(0, 0%, 48%, 1);
  --utrecht-form-label-font-size: 1em;
  --utrecht-form-fieldset-legend-line-height: 1.4;
  --utrecht-form-fieldset-legend-font-size: 1rem;
  --utrecht-form-field-invalid-border-inline-start-width: 3px;
  --utrecht-form-control-read-only-border-color: transparent;
  --utrecht-form-control-block-size: 42px;
  --utrecht-form-control-padding-inline-start: 12px;
  --utrecht-form-control-padding-inline-end: 12px;
  --utrecht-form-control-padding-block-start: 8px;
  --utrecht-form-control-padding-block-end: 8px;
  --utrecht-form-control-max-inline-size: 28em;
  --utrecht-form-control-border-radius: 0;
  --utrecht-focus-outline-style: dotted;
  --utrecht-figure-caption-line-height: 20px;
  --utrecht-figure-caption-font-size: 14px;
  --utrecht-figure-caption-color: #727272;
  --utrecht-drawer-max-inline-size: 320px;
  --utrecht-drawer-max-block-size: 240px;
  --utrecht-drawer-border-width: 1px;
  --utrecht-document-line-height: 1.4;
  --utrecht-data-list-rows-column-min-inline-size: 25ch;
  --utrecht-data-list-rows-column-inline-size: 80%;
  --utrecht-space-column-5xl: 64px;
  --utrecht-space-column-4xl: 48px;
  --utrecht-space-column-3xl: 32px;
  --utrecht-space-column-2xl: 28px;
  --utrecht-space-column-xl: 24px;
  --utrecht-space-column-lg: 20px;
  --utrecht-space-column-md: 16px;
  --utrecht-space-column-sm: 12px;
  --utrecht-space-column-xs: 8px;
  --utrecht-space-column-2xs: 4px;
  --utrecht-space-column-3xs: 2px;
  --utrecht-space-column-4xs: 1px;
  --utrecht-space-row-5xl: 64px;
  --utrecht-space-row-4xl: 48px;
  --utrecht-space-row-3xl: 32px;
  --utrecht-space-row-2xl: 28px;
  --utrecht-space-row-xl: 24px;
  --utrecht-space-row-lg: 20px;
  --utrecht-space-row-md: 16px;
  --utrecht-space-row-sm: 12px;
  --utrecht-space-row-xs: 8px;
  --utrecht-space-row-2xs: 4px;
  --utrecht-space-row-3xs: 2px;
  --utrecht-space-row-4xs: 1px;
  --utrecht-space-text-3xl: 3ch;
  --utrecht-space-text-2xl: 2ch;
  --utrecht-space-text-xl: 1.75ch;
  --utrecht-space-text-lg: 1.5ch;
  --utrecht-space-text-md: 1ch;
  --utrecht-space-text-sm: 0.75ch;
  --utrecht-space-text-xs: 0.5ch;
  --utrecht-space-text-2xs: 0.25ch;
  --utrecht-space-text-3xs: 0.125ch;
  --utrecht-space-inline-4xl: 48px;
  --utrecht-space-inline-3xl: 32px;
  --utrecht-space-inline-2xl: 28px;
  --utrecht-space-inline-xl: 24px;
  --utrecht-space-inline-lg: 20px;
  --utrecht-space-inline-md: 16px;
  --utrecht-space-inline-sm: 12px;
  --utrecht-space-inline-xs: 8px;
  --utrecht-space-inline-2xs: 4px;
  --utrecht-space-inline-3xs: 2px;
  --utrecht-space-block-4xs: 1px;
  --utrecht-space-block-4xl: 64px;
  --utrecht-space-block-3xl: 48px;
  --utrecht-space-block-2xl: 32px;
  --utrecht-space-block-xl: 24px;
  --utrecht-space-block-lg: 20px;
  --utrecht-space-block-md: 16px;
  --utrecht-space-block-sm: 12px;
  --utrecht-space-block-xs: 8px;
  --utrecht-space-block-2xs: 4px;
  --utrecht-space-block-3xs: 2px;
  --utrecht-pointer-target-min-size: 44px;
  --utrecht-action-inert-cursor: default;
  --utrecht-action-activate-cursor: pointer;
  --utrecht-action-submit-cursor: pointer;
  --utrecht-action-navigate-cursor: pointer;
  --utrecht-action-disabled-cursor: not-allowed;
  --utrecht-action-busy-cursor: wait;
  --utrecht-column-layout-column-width: 350px;
  --utrecht-column-layout-column-rule-width: 2px;
  --utrecht-code-block-padding-inline-end: 20px;
  --utrecht-code-block-padding-inline-start: 20px;
  --utrecht-code-block-padding-block-end: 20px;
  --utrecht-code-block-padding-block-start: 20px;
  --utrecht-code-block-line-height: 24px;
  --utrecht-code-block-font-size: 16px;
  --utrecht-checkbox-margin-block-start: 0;
  --utrecht-checkbox-focus-border-width: 2px;
  --utrecht-checkbox-size: 24px;
  --utrecht-checkbox-border-width: 2px;
  --utrecht-checkbox-border-radius: 0;
  --utrecht-calendar-icon-size: 24px;
  --utrecht-calendar-navigation-label-min-inline-size: 200px;
  --utrecht-calendar-navigation-padding-block-end: 2px;
  --utrecht-calendar-navigation-padding-block-start: 2px;
  --utrecht-calendar-table-days-item-day-disabled-border-color: transparent;
  --utrecht-calendar-table-days-item-day-selected-border-color: transparent;
  --utrecht-calendar-table-days-item-day-emphasis-border-color: transparent;
  --utrecht-calendar-table-days-item-day-is-today-font-weight: 700;
  --utrecht-calendar-table-days-item-day-out-of-the-month-border-color: transparent;
  --utrecht-calendar-table-days-item-day-active-border-color: transparent;
  --utrecht-calendar-table-days-item-day-focus-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-width: 2px;
  --utrecht-calendar-table-days-item-day-size: 44px;
  --utrecht-calendar-table-weeks-item-line-height: 24px;
  --utrecht-calendar-table-weeks-item-padding-block-end: 10px;
  --utrecht-calendar-table-weeks-item-padding-block-start: 4px;
  --utrecht-calendar-table-weeks-item-width: 44px;
  --utrecht-button-subtle-disabled-background-color: transparent;
  --utrecht-button-subtle-font-weight: 700;
  --utrecht-button-subtle-border-color: transparent;
  --utrecht-button-subtle-background-color: transparent;
  --utrecht-button-primary-action-danger-hover-border-color: transparent;
  --utrecht-button-primary-action-danger-border-color: transparent;
  --utrecht-button-primary-action-warning-hover-border-color: transparent;
  --utrecht-button-primary-action-warning-border-color: transparent;
  --utrecht-button-primary-action-ready-hover-border-color: transparent;
  --utrecht-button-primary-action-ready-border-color: transparent;
  --utrecht-button-primary-action-hover-border-color: transparent;
  --utrecht-button-primary-action-border-color: transparent;
  --utrecht-button-hover-scale: 1.02;
  --utrecht-button-focus-scale: 1.02;
  --utrecht-button-margin-inline-end: 0;
  --utrecht-button-margin-inline-start: 0;
  --utrecht-button-border-width: 1px;
  --utrecht-button-border-radius: 0;
  --utrecht-breadcrumb-nav-divider-inline-size: 1px;
  --utrecht-breadcrumb-nav-link-text-decoration: none;
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
  --utrecht-breadcrumb-nav-min-block-size: 34px;
  --utrecht-blockquote-margin-block-end: 1.6em;
  --utrecht-blockquote-margin-block-start: 1.6em;
  --utrecht-blockquote-content-font-size: 1.125rem;
  --utrecht-blockquote-attribution-font-size: 0.75rem;
  --utrecht-blockquote-margin-inline-end: 1.6em;
  --utrecht-blockquote-margin-inline-start: 1.6em;
  --utrecht-badge-border-radius: 0;
  --utrecht-badge-counter-padding-inline: 1ex;
  --utrecht-badge-counter-padding-block: 1ex;
  --utrecht-backdrop-reduced-transparency-opacity: 0.98;
  --utrecht-backdrop-fade-in-animation-duration: 0.4s;
  --utrecht-backdrop-opacity: 0.8;
  --utrecht-article-max-inline-size: 780px;
  --utrecht-alert-dialog-min-inline-size: 320px;
  --utrecht-alert-dialog-min-block-size: 100px;
  --utrecht-alert-dialog-max-block-size: 80vh;
  --utrecht-accordion-panel-border-width: 2px;
  --utrecht-accordion-button-icon-size: 24px;
  --utrecht-accordion-button-hover-background-color: inherit;
  --utrecht-accordion-button-border-width: 0;
  --denhaag-process-steps-sub-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --denhaag-process-steps-sub-step-heading-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-sub-step-heading-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-description-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --denhaag-process-steps-step-description-color: var(--utrecht-color-black);
  --denhaag-process-steps-step-metadata-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-metadata-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-line-warning-color: var(--utrecht-color-invalid);
  --denhaag-process-steps-step-line-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-line-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-line-stroke-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-sub-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-sub-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-warning-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-warning-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-warning-border-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-checked-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-checked-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-color: var(--utrecht-color-white);
  --denhaag-process-steps-step-marker-current-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-current-background-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-marker-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-marker-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-marker-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-heading-warning-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-not-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-heading-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-current-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-heading-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --denhaag-process-steps-step-heading-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --denhaag-process-steps-step-heading-color: var(--utrecht-color-black);
  --denhaag-process-steps-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
  --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
  --utrecht-unordered-list-marker-color: var(--utrecht-color-red-40);
  --utrecht-unordered-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-toptask-link-padding-inline-start: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-inline-end: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-block-start: var(--utrecht-space-block-xl);
  --utrecht-toptask-link-padding-block-end: var(--utrecht-space-block-xl);
  --utrecht-textarea-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-table-footer-sticky-border-block-start-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-footer-sticky-color: var(--utrecht-color-black);
  --utrecht-table-footer-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-row-alternate-even-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-even-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-table-row-alternate-odd-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-odd-background-color: var(
    --utrecht-color-white
  );
  --utrecht-table-row-border-block-end-width: var(--utrecht-border-width-sm);
  --utrecht-table-row-border-block-end-color: var(--utrecht-color-grey-90);
  --utrecht-table-cell-selected-color: var(--utrecht-color-black);
  --utrecht-table-cell-selected-background-color: var(--utrecht-color-blue-90);
  --utrecht-table-header-sticky-border-block-end-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-header-sticky-color: var(--utrecht-color-black);
  --utrecht-table-header-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-header-border-block-end-width: var(--utrecht-border-width-md);
  --utrecht-table-header-border-block-end-color: var(--utrecht-color-red-40);
  --utrecht-table-header-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-caption-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-surface-color: var(--utrecht-color-grey-10);
  --utrecht-surface-background-color: var(--utrecht-color-grey-95);
  --utrecht-spotlight-section-warning-background-color: var(
    --utrecht-color-yellow-80
  );
  --utrecht-spotlight-section-info-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-spotlight-section-padding-inline-end: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-inline-start: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-block-end: var(--utrecht-space-block-sm);
  --utrecht-spotlight-section-padding-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-spotlight-section-color: var(--utrecht-color-black);
  --utrecht-spotlight-section-background-color: var(--utrecht-color-grey-90);
  --utrecht-skip-link-focus-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --utrecht-skip-link-text-decoration: var(--utrecht-link-text-decoration);
  --utrecht-separator-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-separator-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-separator-color: var(--utrecht-color-grey-90);
  --utrecht-search-bar-list-item-is-selected-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-selected-color: var(--utrecht-color-black);
  --utrecht-search-bar-list-item-is-active-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-list-item-is-active-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-active-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-search-bar-section-title-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-section-title-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-search-bar-section-margin-block-end: var(--utrecht-space-inline-xs);
  --utrecht-search-bar-dropdown-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-input-padding-inline-start: var(
    --utrecht-space-inline-3xl
  );
  --utrecht-search-bar-input-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-search-bar-button-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-button-color: var(--utrecht-color-white);
  --utrecht-search-bar-button-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-background-color: var(--utrecht-color-red-40);
  --utrecht-rich-text-best-friend-margin-block-end: var(
    --utrecht-space-block-2xs
  );
  --utrecht-rich-text-friend-margin-block-end: var(--utrecht-space-block-xs);
  --utrecht-rich-text-acquaintance-margin-block-end: var(
    --utrecht-space-block-md
  );
  --utrecht-rich-text-stranger-margin-block-end: var(--utrecht-space-block-2xl);
  --utrecht-radio-button-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-radio-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-radio-button-focus-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-hover-background-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-focus-border-color: var(
    --utrecht-color-blue-20
  );
  --utrecht-radio-button-checked-hover-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-active-color: var(--utrecht-color-blue-80);
  --utrecht-radio-button-checked-active-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-active-background-color: var(--utrecht-color-blue-80);
  --utrecht-pre-heading-margin-block-start: var(--utrecht-space-row-2xl);
  --utrecht-pre-heading-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-small-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-paragraph-lead-line-height: var(
    --utrecht-typography-line-height-md
  );
  --utrecht-paragraph-lead-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-lead-font-size: var(
    --utrecht-typography-scale-xl-font-size
  );
  --utrecht-paragraph-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-paragraph-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-pagination-relative-link-border-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-relative-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-relative-link-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-background-color: var(
    --utrecht-color-white
  );
  --utrecht-pagination-page-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-current-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-page-link-color: var(--utrecht-color-blue-35);
  --utrecht-page-color: var(--utrecht-color-black);
  --utrecht-page-background-color: var(--utrecht-color-white);
  --utrecht-page-footer-padding-block-start: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-block-end: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-inline-start: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-padding-inline-end: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-background-image: linear-gradient(
    45deg,
    var(--utrecht-color-red-40),
    var(--utrecht-color-red-40) 50%,
    #d63433 50%
  );
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
  --utrecht-page-footer-color: var(--utrecht-color-white);
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-box-shadow-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-color: var(--utrecht-color-black);
  --utrecht-topnav-link-background-color: var(--utrecht-color-blue-40);
  --utrecht-topnav-link-color: var(--utrecht-color-white);
  --utrecht-topnav-list-border-color: var(--utrecht-color-grey-40);
  --utrecht-topnav-list-background-color: var(--utrecht-color-grey-15);
  --utrecht-sidenav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-link-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-marker-hover-color: var(--utrecht-color-blue-50);
  --utrecht-sidenav-item-marker-color: var(--utrecht-color-grey-80);
  --utrecht-sidenav-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-margin-inline-end: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-inline-start: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-block-end: var(--utrecht-space-block-xs);
  --utrecht-sidenav-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-content-max-inline-size: var(
    --utrecht-page-max-inline-size
  );
  --utrecht-nav-bar-color: var(--utrecht-color-black);
  --utrecht-nav-bar-background-color: var(--utrecht-color-white);
  --utrecht-mark-color: var(--utrecht-color-black);
  --utrecht-mark-background-color: var(--utrecht-color-yellow-60);
  --utrecht-mapcontrolbutton-hover-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-hover-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-focus-color: var(--utrecht-color-black);
  --utrecht-mapcontrolbutton-label-margin-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-label-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-border-style: var(--utrecht-border-style-solid);
  --utrecht-mapcontrolbutton-border-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-background-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-mapcontrolbutton-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-mapcontrolbutton-padding-inline-end: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-inline-start: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-block-end: var(--utrecht-space-block-2xs);
  --utrecht-mapcontrolbutton-padding-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-mapcontrolbutton-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-min-inline-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-min-block-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-border-width: var(--utrecht-border-width-sm);
  --utrecht-map-marker-border-color: var(--utrecht-color-white);
  --utrecht-map-marker-color: var(--utrecht-color-white);
  --utrecht-map-marker-background-color: var(--utrecht-color-blue-30);
  --utrecht-listbox-option-group-title-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-listbox-option-group-title-color: var(--utrecht-color-black);
  --utrecht-listbox-option-group-title-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-listbox-option-group-title-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-listbox-option-group-margin-block-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-listbox-option-hover-background-color: var(--utrecht-color-blue-90);
  --utrecht-listbox-option-hover-color: var(--utrecht-color-black);
  --utrecht-listbox-option-selected-color: var(--utrecht-color-black);
  --utrecht-listbox-option-selected-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-listbox-option-active-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-listbox-option-active-color: var(--utrecht-color-black);
  --utrecht-listbox-option-active-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-listbox-option-padding-inline-start: var(--utrecht-space-inline-xs);
  --utrecht-listbox-option-padding-inline-end: var(--utrecht-space-inline-xs);
  --utrecht-listbox-option-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-listbox-option-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-listbox-background-color: var(--utrecht-color-white);
  --utrecht-link-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-link-color: var(--utrecht-color-blue-35);
  --utrecht-link-social-color: var(--utrecht-color-white);
  --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
  --utrecht-link-social-border-color: var(--utrecht-color-white);
  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
  --utrecht-link-list-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-link-list-link-column-gap: var(--utrecht-space-block-xs);
  --utrecht-link-list-row-gap: var(--utrecht-space-block-xs);
  --utrecht-index-char-nav-link-current-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-index-char-nav-gap: var(--utrecht-space-column-sm);
  --utrecht-index-char-nav-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-index-char-nav-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-6-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-6-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-6-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-6-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-5-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-5-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-5-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-5-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-4-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-4-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-4-font-size: var(--utrecht-typography-scale-lg-font-size);
  --utrecht-heading-4-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-3-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-3-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-3-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-3-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-2-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-2-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-2-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-2-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-1-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-1-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-1-font-size: var(--utrecht-typography-scale-4xl-font-size);
  --utrecht-heading-1-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
  --utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
  --utrecht-form-toggle-thumb-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-form-toggle-thumb-background-color: var(--utrecht-color-white);
  --utrecht-form-toggle-track-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-toggle-track-border-radius: var(
    --utrecht-form-toggle-border-radius
  );
  --utrecht-form-toggle-color: var(--utrecht-color-black);
  --utrecht-form-toggle-background-color: var(--utrecht-color-white);
  --utrecht-form-label-radio-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-checkbox-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-legend-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-form-fieldset-legend-margin-block-start: var(
    --utrecht-space-block-xl
  );
  --utrecht-form-fieldset-legend-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-fieldset-legend-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-section-color: var(--utrecht-color-black);
  --utrecht-form-fieldset-section-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-form-fieldset-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-fieldset-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-description-margin-block-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-label-margin-block-end: var(--utrecht-space-block-sm);
  --utrecht-form-field-invalid-padding-inline-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-control-read-only-color: var(--utrecht-color-grey-20);
  --utrecht-form-control-read-only-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-control-focus-border-color: var(--utrecht-color-grey-80);
  --utrecht-form-control-placeholder-font-style: var(
    --utrecht-typography-font-style-normal
  );
  --utrecht-form-control-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-form-control-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-form-control-color: var(--utrecht-color-black);
  --utrecht-form-control-border-width: var(--utrecht-border-width-sm);
  --utrecht-form-control-border-color: var(--utrecht-color-grey-30);
  --utrecht-form-control-background-color: var(--utrecht-color-white);
  --utrecht-focus-inverse-outline-color: var(--utrecht-color-white);
  --utrecht-focus-outline-width: var(--utrecht-border-width-md);
  --utrecht-focus-outline-color: var(--utrecht-color-black);
  --utrecht-focus-background-color: var(--utrecht-color-yellow-60);
  --utrecht-emphasis-strong-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-drawer-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-block-start: var(--utrecht-space-block-md);
  --utrecht-drawer-padding-block-end: var(--utrecht-space-block-md);
  --utrecht-drawer-border-color: var(--utrecht-color-grey-90);
  --utrecht-document-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-document-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-document-color: var(--utrecht-color-black);
  --utrecht-document-background-color: var(--utrecht-color-white);
  --utrecht-data-placeholder-background-color: var(--utrecht-color-grey-40);
  --utrecht-data-list-rows-item-value-margin-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-data-list-rows-item-margin-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-data-list-item-key-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-data-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-data-list-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-feedback-active-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-inactive-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-success-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-error-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-valid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-border-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-background-color: var(--utrecht-color-invalid);
  --utrecht-feedback-safe-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-safe-color: var(--utrecht-color-green-50);
  --utrecht-feedback-warning-fill-color: var(--utrecht-color-black);
  --utrecht-feedback-warning-color: var(--utrecht-color-yellow-50);
  --utrecht-feedback-danger-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-danger-color: var(--utrecht-color-red-40);
  --utrecht-column-layout-gap: var(--utrecht-space-column-md);
  --utrecht-column-layout-column-rule-color: var(--utrecht-color-grey-80);
  --utrecht-code-block-margin-block-end: var(--utrecht-space-block-lg);
  --utrecht-code-block-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-code-block-color: var(--utrecht-color-black);
  --utrecht-code-block-background-color: var(--utrecht-color-grey-95);
  --utrecht-checkbox-indeterminate-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-checkbox-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
  --utrecht-checkbox-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-calendar-navigation-label-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-calendar-navigation-label-color: var(--utrecht-color-black);
  --utrecht-calendar-navigation-color: var(--utrecht-color-blue-30);
  --utrecht-calendar-table-days-item-day-disabled-color: var(
    --utrecht-color-grey-40
  );
  --utrecht-calendar-table-days-item-day-selected-color: var(
    --utrecht-color-white
  );
  --utrecht-calendar-table-days-item-day-selected-background-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-calendar-table-days-item-day-is-today-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-calendar-table-days-item-day-out-of-the-month-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-calendar-table-days-item-day-hover-border-color: var(
    --utrecht-color-black
  );
  --utrecht-calendar-table-days-item-day-hover-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-calendar-table-days-item-day-color: var(--utrecht-color-black);
  --utrecht-button-subtle-ready-focus-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-hover-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-color: var(--utrecht-color-green-50);
  --utrecht-button-subtle-danger-focus-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-hover-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-subtle-focus-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-hover-border-color: var(--utrecht-color-blue-40);
  --utrecht-button-subtle-hover-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-subtle-active-color: var(--utrecht-color-white);
  --utrecht-button-subtle-active-background-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-border-width: var(--utrecht-border-width-md);
  --utrecht-button-secondary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-ready-border-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-secondary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-warning-border-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-secondary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-secondary-action-danger-border-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-secondary-action-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-hover-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-secondary-action-hover-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-disabled-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-active-color: var(--utrecht-color-blue-30);
  --utrecht-button-secondary-action-active-border-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-button-secondary-action-active-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-secondary-action-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-focus-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-hover-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-hover-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-danger-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-danger-background-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-primary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-focus-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-hover-color: var(
    --utrecht-color-black
  );
  --utrecht-button-primary-action-warning-hover-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-warning-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-warning-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-primary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-focus-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-ready-hover-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-ready-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-ready-background-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-primary-action-focus-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-primary-action-focus-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-focus-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-primary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-primary-action-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-active-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-active-border-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-button-primary-action-active-background-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-button-primary-action-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-border-width: var(--utrecht-border-width-md);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-background-color: var(--utrecht-color-grey-90);
  --utrecht-button-icon-gap: var(--utrecht-space-text-xs);
  --utrecht-button-active-color: var(--utrecht-color-white);
  --utrecht-button-active-background-color: var(--utrecht-color-grey-40);
  --utrecht-button-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-button-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-button-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-button-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-button-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-button-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-button-color: var(--utrecht-color-grey-40);
  --utrecht-button-border-color: var(--utrecht-color-grey-40);
  --utrecht-button-background-color: var(--utrecht-color-white);
  --utrecht-breadcrumb-nav-arrows-link-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-focus-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-breadcrumb-nav-separator-icon-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-breadcrumb-nav-separator-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-link-icon-size: var(--utrecht-icon-scale-md);
  --utrecht-breadcrumb-nav-link-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-breadcrumb-nav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-item-padding-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-blockquote-content-color: var(--utrecht-color-red-40);
  --utrecht-badge-font-style: var(--utrecht-typography-font-style-normal);
  --utrecht-badge-padding-inline: var(--utrecht-space-inline-sm);
  --utrecht-badge-padding-block: var(--utrecht-space-block-xs);
  --utrecht-badge-color: var(--utrecht-color-white);
  --utrecht-badge-background-color: var(--utrecht-color-grey-30);
  --utrecht-badge-list-item-margin-inline: var(--utrecht-space-block-sm);
  --utrecht-badge-list-item-margin-block: var(--utrecht-space-block-xs);
  --utrecht-badge-counter-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-badge-counter-color: var(--utrecht-color-white);
  --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
  --utrecht-backdrop-color: var(--utrecht-color-black);
  --utrecht-backdrop-background-color: var(--utrecht-color-white);
  --utrecht-alert-icon-ok-color: var(--utrecht-color-green-40);
  --utrecht-alert-icon-warning-color: var(--utrecht-color-yellow-40);
  --utrecht-alert-icon-error-color: var(--utrecht-color-red-40);
  --utrecht-alert-icon-info-color: var(--utrecht-color-blue-35);
  --utrecht-alert-icon-gap: var(--utrecht-space-column-md);
  --utrecht-alert-icon-color: var(--utrecht-color-blue-35);
  --utrecht-alert-ok-color: var(--utrecht-color-black);
  --utrecht-alert-ok-background-color: var(--utrecht-color-green-90);
  --utrecht-alert-error-color: var(--utrecht-color-black);
  --utrecht-alert-error-background-color: var(--utrecht-color-red-95);
  --utrecht-alert-warning-color: var(--utrecht-color-black);
  --utrecht-alert-warning-background-color: var(--utrecht-color-yellow-80);
  --utrecht-alert-info-color: var(--utrecht-color-black);
  --utrecht-alert-info-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-padding-inline-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-inline-start: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-start: var(--utrecht-space-block-lg);
  --utrecht-alert-color: var(--utrecht-color-black);
  --utrecht-alert-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-dialog-max-inline-size: var(
    --utrecht-article-max-inline-size
  );
  --utrecht-accordion-section-margin-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-accordion-panel-padding-inline-end: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-inline-start: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-icon-utrecht-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-accordion-button-focus-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-focus-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-focus-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-active-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-active-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-active-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-hover-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-hover-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-background-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-inline-start: var(
    --utrecht-space-block-md
  );
  --utrecht-accordion-button-padding-inline-end: var(--utrecht-space-block-md);
  --of-progress-indicator-background-color: var(
    --utrecht-document-background-color
  );
  --of-page-footer-fg: var(--utrecht-page-footer-color);
  --of-page-footer-bg: var(--utrecht-page-footer-background-color);
  --of-layout-background: var(--utrecht-document-background-color);
  --denhaag-process-steps-sub-step-line-color: var(
    --denhaag-process-steps-step-line-color
  );
  --utrecht-toptask-link-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --utrecht-toptask-link-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --utrecht-toptask-link-color: var(--utrecht-button-primary-action-color);
  --utrecht-toptask-link-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --utrecht-skip-link-focus-background-color: var(
    --utrecht-topnav-link-focus-background-color
  );
  --utrecht-skip-link-focus-color: var(--utrecht-topnav-link-focus-color);
  --utrecht-skip-link-padding-inline-end: var(
    --utrecht-button-padding-inline-end
  );
  --utrecht-skip-link-padding-inline-start: var(
    --utrecht-button-padding-inline-start
  );
  --utrecht-skip-link-padding-block-end: var(
    --utrecht-button-padding-block-end
  );
  --utrecht-skip-link-padding-block-start: var(
    --utrecht-button-padding-block-start
  );
  --utrecht-skip-link-color: var(--utrecht-topnav-link-color);
  --utrecht-skip-link-background-color: var(
    --utrecht-topnav-list-background-color
  );
  --utrecht-radio-button-border-color: var(--utrecht-form-control-border-color);
  --utrecht-radio-button-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-paragraph-lead-color: var(--utrecht-document-color);
  --utrecht-listbox-border-width: var(--utrecht-form-control-border-width);
  --utrecht-listbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-link-visited-color: var(--utrecht-link-color);
  --utrecht-link-hover-color: var(--utrecht-link-focus-color);
  --utrecht-link-active-color: var(--utrecht-link-color);
  --utrecht-form-field-error-message-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-field-description-warning-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-form-field-description-invalid-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-control-invalid-border-color: var(
    --utrecht-feedback-invalid-border-color
  );
  --utrecht-form-control-font-family: var(--utrecht-document-font-family);
  --utrecht-drawer-color: var(--utrecht-document-color);
  --utrecht-drawer-background-color: var(--utrecht-document-background-color);
  --utrecht-feedback-active-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-inactive-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-success-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-error-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-valid-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-invalid-fill-background-color: var(
    --utrecht-feedback-invalid-background-color
  );
  --utrecht-feedback-safe-border-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-safe-background-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-warning-border-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-warning-background-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-danger-border-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-danger-background-color: var(
    --utrecht-feedback-danger-color
  );
  --utrecht-checkbox-color: var(--utrecht-form-control-color);
  --utrecht-checkbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-checkbox-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-button-subtle-pressed-color: var(
    --utrecht-button-subtle-active-color
  );
  --utrecht-button-subtle-pressed-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --utrecht-button-secondary-action-pressed-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --utrecht-button-secondary-action-pressed-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --utrecht-button-primary-action-pressed-color: var(
    --utrecht-button-primary-action-active-color
  );
  --utrecht-button-primary-action-pressed-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --utrecht-button-primary-action-pressed-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --utrecht-button-pressed-color: var(--utrecht-button-active-color);
  --utrecht-button-pressed-background-color: var(
    --utrecht-button-active-background-color
  );
  --utrecht-breadcrumb-nav-arrows-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --utrecht-breadcrumb-nav-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --utrecht-badge-counter-border-radius: var(--utrecht-badge-counter-font-size);
  --of-layout-bg: var(--of-layout-background);
  --utrecht-radio-button-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-invalid-border-inline-start-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-description-valid-color: var(
    --utrecht-feedback-valid-color
  );
  --utrecht-feedback-active-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-active-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-inactive-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-inactive-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-success-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-success-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-error-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-error-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-valid-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-valid-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-safe-fill-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-warning-fill-background-color: var(
    --utrecht-feedback-warning-background-color
  );
  --utrecht-feedback-danger-fill-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-checkbox-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-feedback-active-fill-background-color: var(
    --utrecht-feedback-active-background-color
  );
  --utrecht-feedback-inactive-fill-background-color: var(
    --utrecht-feedback-inactive-background-color
  );
  --utrecht-feedback-success-fill-background-color: var(
    --utrecht-feedback-success-background-color
  );
  --utrecht-feedback-error-fill-background-color: var(
    --utrecht-feedback-error-background-color
  );
  --utrecht-feedback-valid-fill-background-color: var(
    --utrecht-feedback-valid-background-color
  );
}
#footer-container {
  background: #fff;
  padding-block-start: var(--nlds-footer-before-height, 0);
}
#footer-container footer:before {
  content: '';
  height: var(--nlds-footer-before-height, 0);
  width: 100%;
  display: block;
  background: var(
    --nlds-footer-before-background-color,
    var(--utrecht-button-primary-action-background-color)
  );
  top: calc(var(--nlds-footer-before-height, 0) * -1);
  position: absolute;
}
#footer-container footer {
  padding: 1rem 0;
  margin-block-start: var(
    --nlds-footer-margin-block-start,
    var(--nlds-default-margin-block-start, 3.5rem)
  );
  position: relative;
  background-color: var(
    --nlds-footer-background-color,
    var(--nlds-default-background-color, #f0f4f8)
  );
  color: var(
    --nlds-footer-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
}
#footer-container footer .container {
  display: grid;
  padding: 20px;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
#footer-container footer .container .footer-section {
  width: 100%;
}
#footer-container footer .container ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer-container footer .container ul li {
  padding: 0.2rem 0;
}
#footer-container footer h2,
#footer-container footer a {
  color: inherit;
}
#footer-container footer .footer-logo {
  margin: 0;
}
#footer-container footer .footer-logo img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  object-position: top right;
}

@charset "UTF-8";
.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
  );
  justify-content: start !important;
  position: relative;
}
.utrecht-accordion__button[aria-expanded]:after {
  background-color: var(--utrecht-accordion-button-icon-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[aria-expanded='false']:after {
  background-image: var(
    --utrecht-accordion-icon-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[aria-expanded='true']:after {
  background-image: var(
    --utrecht-accordion-icon-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__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;
}
.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);
}
.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);
  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);
}
.utrecht-index-char-nav {
  --utrecht-button-padding-inline-start: 1ch;
  --utrecht-button-padding-inline-end: 1ch;
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-index-char-nav-gap);
  margin-block-end: var(--utrecht-index-char-nav-margin-block-end);
  margin-block-start: var(--utrecht-index-char-nav-margin-block-start);
}
.utrecht-index-char-nav__link--current {
  --utrecht-button-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
  --utrecht-button-link-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
}
.utrecht-index-char-nav__link--disabled {
  pointer-events: none;
}
.utrecht-alternate-lang-nav__heading {
  display: none;
}
.utrecht-article {
  max-inline-size: var(--utrecht-article-max-inline-size);
}
.utrecht-badge-counter {
  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);
  font-weight: var(
    --utrecht-badge-counter-font-weight,
    var(--utrecht-badge-font-weight, bold)
  );
  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;
  white-space: nowrap;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-badge-counter {
    border-color: currentColor;
    border-style: solid;
    border-width: 1px;
  }
}
.utrecht-badge-data {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    border-width: 1px;
  }
}
.utrecht-badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-badge-list-item-margin-block)
    var(--utrecht-badge-list-item-margin-inline);
}
.utrecht-badge-status {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    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)
  );
}
.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;
}
.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;
}
.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--disabled {
  --utrecht-link-placeholder-color: var(
    --utrecht-breadcrumb-nav-link-disabled-color,
    var(--utrecht-breadcrumb-nav-link-color)
  );
  background-color: var(
    --utrecht-breadcrumb-nav-link-disabled-background-color,
    var(--utrecht-breadcrumb-nav-link-background-color)
  );
  color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-breadcrumb-nav__link--current {
  --utrecht-link-current-font-weight: var(
    --utrecht-breadcrumb-nav-link-current-font-weight,
    inherit
  );
  cursor: var(--utrecht-action-inert-cursor, default);
  font-weight: var(--utrecht-breadcrumb-nav-link-current-font-weight, inherit);
}
.utrecht-breadcrumb-nav__separator,
.utrecht-breadcrumb-nav__separator--html-li {
  --_utrecht-breadcrumb-nav-separator-display: inline-flex;
  --utrecht-icon-size: var(--utrecht-breadcrumb-nav-separator-icon-size);
  align-items: center;
  color: var(--utrecht-breadcrumb-nav-separator-color);
  cursor: var(--utrecht-action-inert-cursor, default);
  display: var(--_utrecht-breadcrumb-nav-separator-display);
  inline-size: fit-content;
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-breadcrumb-nav--arrows {
  --utrecht-breadcrumb-nav-arrow-size: 24px;
  min-block-size: var(--utrecht-breadcrumb-nav-min-block-size);
  overflow: hidden;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link {
  background-color: var(--utrecht-breadcrumb-nav-arrows-link-background-color);
  padding-inline-end: 0;
  position: relative;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  block-size: 0;
  border-block-end-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-block-start-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-color: transparent;
  border-style: solid;
  content: ' ';
  display: block;
  inline-size: 0;
  inset-block-start: 50%;
  inset-inline-start: 100%;
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  position: absolute;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-background-color
  );
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  z-index: 2;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  border-inline-start-color: var(--utrecht-document-background-color);
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  margin-inline-start: 1px;
  z-index: 1;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus {
  --utrecht-link-focus-background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
  background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__link
  ~ .utrecht-breadcrumb-nav__link,
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__item
  ~ .utrecht-breadcrumb-nav__item
  .utrecht-breadcrumb-nav__link {
  padding-inline-start: calc(
    var(--utrecht-breadcrumb-nav-item-padding-inline-start) +
      var(--utrecht-breadcrumb-nav-arrow-size)
  );
}
.utrecht-breadcrumb-nav__item ~ .utrecht-breadcrumb-nav__item {
  margin-inline-start: var(--utrecht-breadcrumb-nav-item-divider-inline-size);
}
.utrecht-button {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button--distanced {
  margin-block-end: var(--utrecht-button-margin-block-end);
  margin-block-start: var(--utrecht-button-margin-block-start);
  margin-inline-end: var(--utrecht-button-margin-inline-end);
  margin-inline-start: var(--utrecht-button-margin-inline-start);
}
.utrecht-button--submit {
  cursor: var(--utrecht-action-submit-cursor, revert);
}
.utrecht-button--busy {
  cursor: var(--utrecht-action-busy-cursor, wait);
}
.utrecht-button--pressed {
  background-color: var(--_utrecht-button-pressed-background-color);
  border-color: var(--_utrecht-button-pressed-border-color);
  color: var(--_utrecht-button-pressed-color);
}
.utrecht-button:disabled,
.utrecht-button--disabled {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button--focus:not(.utrecht-button--disabled) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-button--hover:not(:disabled, .utrecht-button--disabled),
.utrecht-button:hover:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button:active:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ),
.utrecht-button--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-danger-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-ready-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-warning-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-danger-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-ready-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-warning-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-danger-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-danger-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-danger-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-ready-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-ready-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-ready-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-warning-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-warning-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-warning-pressed-color
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Frameless B.V.
 */
.utrecht-button-group {
  align-items: baseline;
  background-color: var(--utrecht-button-group-background-color);
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-button-group-inline-gap, 1em);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-start, 0)
  );
  min-block-size: var(--utrecht-button-block-size);
  padding-block-end: var(--utrecht-button-group-padding-block-end);
  padding-block-start: var(--utrecht-button-group-padding-block-start);
}
.utrecht-button-group--distanced {
  --utrecht-space-around: 1;
}
.utrecht-button-group__link-button--row,
.utrecht-button-group--row .utrecht-link-button,
.utrecht-button-group:not(.utrecht-button-group--column) .utrecht-link-button {
  --utrecht-button-padding-inline-end: 0;
  --utrecht-button-padding-inline-start: 0;
}
.utrecht-button-group--column {
  flex-direction: column;
  gap: var(--utrecht-button-group-block-gap, 1em);
}
.utrecht-calendar {
  background-color: var(--utrecht-calendar-background-color);
  inline-size: fit-content;
}
.utrecht-calendar__table {
  margin-inline: auto;
  padding-block-end: var(--utrecht-calendar-table-padding-block-end);
  padding-block-start: var(--utrecht-calendar-table-padding-block-start);
}
.utrecht-calendar__table-weeks-item {
  inline-size: var(--utrecht-calendar-table-weeks-item-width);
  line-height: var(--utrecht-calendar-table-weeks-item-line-height, inherit);
  padding-block-end: var(--utrecht-calendar-table-weeks-item-padding-block-end);
  padding-block-start: var(
    --utrecht-calendar-table-weeks-item-padding-block-start
  );
}
.utrecht-calendar__table-days-item-day {
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-border-color
  );
  --utrecht-calendar-button-border-width: var(
    --utrecht-calendar-table-days-item-day-border-width
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-color
  );
  block-size: var(--utrecht-calendar-table-days-item-day-size);
  inline-size: var(--utrecht-calendar-table-days-item-day-size);
}
.utrecht-calendar__table-days-item-day:hover {
  --utrecht-calendar-button-hover-background-color: var(
    --utrecht-calendar-table-days-item-day-hover-background-color
  );
  --utrecht-calendar-button-hover-border-color: var(
    --utrecht-calendar-table-days-item-day-hover-border-color
  );
  --utrecht-calendar-button-hover-color: var(
    --utrecht-calendar-table-days-item-day-hover-color
  );
}
.utrecht-calendar__table-days-item-day:focus {
  --utrecht-calendar-button-focus-background-color: var(
    --utrecht-calendar-table-days-item-day-focus-background-color
  );
  --utrecht-calendar-button-focus-border-color: var(
    --utrecht-calendar-table-days-item-day-focus-border-color
  );
  --utrecht-calendar-button-focus-color: var(
    --utrecht-calendar-table-days-item-day-focus-color
  );
}
.utrecht-calendar__table-days-item-day:active {
  --utrecht-calendar-button-active-background-color: var(
    --utrecht-calendar-table-days-item-day-active-background-color
  );
  --utrecht-calendar-button-active-border-color: var(
    --utrecht-calendar-table-days-item-day-active-border-color
  );
  --utrecht-calendar-button-active-color: var(
    --utrecht-calendar-table-days-item-day-active-color
  );
}
.utrecht-calendar__table-days-item-day:disabled {
  --utrecht-calendar-button-disabled-background-color: var(
    --utrecht-calendar-table-days-item-day-disabled-background-color
  );
  --utrecht-calendar-button-disabled-border-color: var(
    --utrecht-calendar-table-days-item-day-disabled-border-color
  );
  --utrecht-calendar-button-disabled-color: var(
    --utrecht-calendar-table-days-item-day-disabled-color
  );
}
.utrecht-calendar__table-days-item-day--out-of-the-month {
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-color
  );
}
.utrecht-calendar__table-days-item-day--is-today {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-is-today-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-is-today-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-is-today-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-is-today-color
  );
}
.utrecht-calendar__table-days-item-day--emphasis {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-emphasis-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-color
  );
}
.utrecht-calendar__table-days-item-day--selected {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-selected-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-selected-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-selected-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-selected-color
  );
}
.utrecht-calendar__navigation {
  background-color: var(--utrecht-calendar-navigation-background-color);
  color: var(--utrecht-calendar-navigation-color);
  padding-block-end: var(--utrecht-calendar-navigation-padding-block-end);
  padding-block-start: var(--utrecht-calendar-navigation-padding-block-start);
}
.utrecht-calendar__navigation-label {
  color: var(--utrecht-calendar-navigation-label-color);
  font-size: var(--utrecht-calendar-navigation-label-font-size);
  text-align: center;
}
.utrecht-calendar__navigation-buttons {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.utrecht-calendar__button {
  --utrecht-button-subtle-color: var(
    --utrecht-calendar-button-color,
    currentColor
  );
  --utrecht-button-subtle-background-color: var(
    --utrecht-calendar-button-background-color,
    transparent
  );
  --utrecht-button-subtle-border-color: var(
    --utrecht-calendar-button-border-color,
    transparent
  );
  --utrecht-button-subtle-border-width: var(
    --utrecht-calendar-button-border-width
  );
  --utrecht-button-font-weight: var(--utrecht-calendar-button-font-weight);
  --utrecht-button-subtle-focus-background-color: var(
    --utrecht-calendar-button-focus-background-color
  );
  --utrecht-button-subtle-focus-border-color: var(
    --utrecht-calendar-button-focus-border-color
  );
  --utrecht-button-subtle-focus-color: var(
    --utrecht-calendar-button-focus-color
  );
  --utrecht-button-subtle-active-background-color: var(
    --utrecht-calendar-button-active-background-color
  );
  --utrecht-button-subtle-active-border-color: var(
    --utrecht-calendar-button-active-border-color
  );
  --utrecht-button-subtle-active-color: var(
    --utrecht-calendar-button-active-color
  );
  --utrecht-button-subtle-hover-background-color: var(
    --utrecht-calendar-button-hover-background-color
  );
  --utrecht-button-subtle-hover-border-color: var(
    --utrecht-calendar-button-hover-border-color,
    transparent
  );
  --utrecht-button-subtle-hover-color: var(
    --utrecht-calendar-button-hover-color
  );
  --utrecht-button-subtle-disabled-background-color: var(
    --utrecht-calendar-button-disabled-background-color
  );
  --utrecht-button-subtle-disabled-border-color: var(
    --utrecht-calendar-button-disabled-border-color
  );
  --utrecht-button-subtle-disabled-color: var(
    --utrecht-calendar-button-disabled-color
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-calendar-button-padding-block-end,
    0
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-calendar-button-padding-block-start,
    0
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-calendar-button-padding-inline-end,
    0
  );
  --utrecht-button-padding-inline-start: var(
    --utrecht-calendar-button-padding-inline-start,
    0
  );
  cursor: pointer;
}
.utrecht-calendar__icon {
  block-size: var(--utrecht-calendar-icon-size);
  inline-size: var(--utrecht-calendar-icon-size);
}
.utrecht-code {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
}
.utrecht-code-block {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
  --utrecht-code-color: var(--utrecht-code-block-color, inherit);
  --utrecht-code-background-color: var(
    --utrecht-code-block-background-color,
    inherit
  );
  --utrecht-code-font-weight: var(--utrecht-code-block-font-weight, inherit);
  --utrecht-code-font-size: var(--utrecht-code-block-font-size, inherit);
  --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
  background-color: var(--utrecht-code-block-background-color);
  display: block;
  font-size: var(--utrecht-code-block-font-size, var(--utrecht-code-font-size));
  line-height: var(
    --utrecht-code-block-line-height,
    var(--utrecht-code-line-height)
  );
  margin-block-end: var(--utrecht-code-block-margin-block-end);
  margin-block-start: var(--utrecht-code-block-margin-block-start);
  margin-inline-end: var(--utrecht-code-block-margin-inline-end);
  margin-inline-start: var(--utrecht-code-block-margin-inline-start);
  padding-block-end: var(--utrecht-code-block-padding-block-end);
  padding-block-start: var(--utrecht-code-block-padding-block-start);
  padding-inline-end: var(--utrecht-code-block-padding-inline-end);
  padding-inline-start: var(--utrecht-code-block-padding-inline-start);
  white-space: pre;
}
.utrecht-code-block__content {
  font-family: inherit;
  font-size: inherit;
}
.utrecht-color-sample {
  background-color: var(--utrecht-color-sample-background-color, currentColor);
  block-size: var(--utrecht-color-sample-block-size, 2em);
  border-color: var(
    --utrecht-color-sample-border-color,
    var(--utrecht-color-sample-default-border-color)
  );
  border-radius: var(--utrecht-color-sample-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-color-sample-border-width, 0);
  box-sizing: border-box;
  display: inline-block;
  inline-size: var(--utrecht-color-sample-inline-size, 2em);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
@media (forced-colors: active) {
  .utrecht-color-sample {
    forced-color-adjust: none;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-dark-border-color,
      #000
    );
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-light-border-color,
      #fff
    );
  }
}
.utrecht-button-link {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
  cursor: var(--utrecht-action-navigate-cursor, pointer);
  text-decoration: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button-link {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button-link--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--placeholder {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button-link--html-a:focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--html-a:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--html-a:hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--html-a:active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button-link--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button-link--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-checkbox {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  cursor: var(--utrecht-action-activate-cursor, revert);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-checkbox--disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--html-input:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-column-layout {
  column-gap: var(--utrecht-column-layout-gap, 2em);
  column-width: var(--utrecht-column-layout-column-width, 40ch);
  display: block;
}
.utrecht-column-layout--rule {
  column-rule-color: var(--utrecht-column-layout-column-rule-color);
  column-rule-style: solid;
  column-rule-width: var(--utrecht-column-layout-column-rule-width, 0);
}
.utrecht-checkbox--custom,
.utrecht-custom-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-checkbox-size, 1em);
  border-color: var(--utrecht-checkbox-border-color);
  border-radius: var(--utrecht-checkbox-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-checkbox-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-checkbox-size, 1em);
  margin-block-start: var(--utrecht-checkbox-margin-block-start);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  vertical-align: top;
}
.utrecht-checkbox--custom.utrecht-checkbox--checked,
.utrecht-custom-checkbox--checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled,
.utrecht-custom-checkbox--disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,
.utrecht-custom-checkbox--disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,
.utrecht-custom-checkbox--disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,
.utrecht-custom-checkbox--indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--invalid,
.utrecht-custom-checkbox--invalid {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--active,
.utrecht-custom-checkbox--active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--hover,
.utrecht-custom-checkbox--hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus,
.utrecht-custom-checkbox--focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,
.utrecht-custom-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,
.utrecht-custom-checkbox--html-input:disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,
.utrecht-custom-checkbox--html-input:disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,
.utrecht-custom-checkbox--html-input:disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,
.utrecht-custom-checkbox--html-input:hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,
.utrecht-custom-checkbox--html-input:focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,
.utrecht-custom-checkbox--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,
.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid='true'],
.utrecht-custom-checkbox--html-input:invalid,
.utrecht-custom-checkbox--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,
.utrecht-custom-checkbox--html-input:active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,
.utrecht-custom-checkbox--html-input:checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,
.utrecht-custom-checkbox--html-input:indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-data-list {
  display: block;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-start, 0)
  );
}
.utrecht-data-list__item-key {
  color: var(--utrecht-data-list-item-key-color);
  font-size: var(--utrecht-data-list-item-key-font-size);
  font-weight: var(--utrecht-data-list-item-key-font-weight);
  line-height: var(--utrecht-data-list-item-key-line-height);
}
.utrecht-data-list__item-value {
  color: var(--utrecht-data-list-item-value-color);
  font-size: var(--utrecht-data-list-item-value-font-size);
  font-weight: var(--utrecht-data-list-item-value-font-weight);
  line-height: var(--utrecht-data-list-item-value-line-height);
  min-block-size: calc(var(--utrecht-data-list-item-value-line-height) * 1rem);
}
.utrecht-data-list__actions--html-dd,
.utrecht-data-list__item-value--html-dd {
  margin-inline-start: 0;
}
.utrecht-data-list__item-value--multiline {
  white-space: pre-line;
}
.utrecht-data-list--rows .utrecht-data-list__actions {
  align-items: baseline;
  display: flex;
  grid-column: -1;
  grid-row: 1;
  justify-content: flex-end;
}
.utrecht-data-list--rows .utrecht-data-list__item {
  --_utrecht-minmax: max(
    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),
    var(--utrecht-data-list-rows-column-inline-size, 80%)
  );
  --_utrecht-auto-col: minmax(var(--_utrecht-minmax), max-content);
  border-block-end-color: var(
    --utrecht-data-list-rows-border-bottom-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-data-list-rows-border-bottom-width, 0);
  column-gap: var(--utrecht-data-list-rows-gap);
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: repeat(auto-fit, var(--_utrecht-auto-col));
  margin-block-start: var(--utrecht-data-list-rows-item-margin-block-start);
  padding-block-end: var(--utrecht-data-list-rows-item-padding-block-end);
  padding-block-start: var(--utrecht-data-list-rows-item-padding-block-start);
  row-gap: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item:first-of-type {
  margin-block-start: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item-value {
  margin-block-start: var(
    --utrecht-data-list-rows-item-value-margin-block-start
  );
}
.utrecht-digid-button {
  --utrecht-button-min-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-digid-button-block-size, 50px);
  block-size: var(--utrecht-digid-button-block-size, 50px);
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-document {
  color: var(--utrecht-document-color, inherit);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-document-font-size, inherit);
  font-weight: var(--utrecht-document-font-weight, inherit);
  line-height: var(--utrecht-document-line-height, inherit);
  text-rendering: optimizeLegibility;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
.utrecht-document :lang(ar) {
  letter-spacing: 0 !important;
}
.utrecht-document--surface {
  background-color: var(--utrecht-document-background-color, inherit);
}
.utrecht-drawer {
  --_utrecht-drawer-backdrop-min-size: max(
    var(--utrecht-drawer-backdrop-min-size),
    44px
  );
  background-color: var(--utrecht-drawer-background-color, Canvas);
  border-color: var(--utrecht-drawer-border-color, currentColor);
  border-width: var(--utrecht-drawer-border-width, 0);
  box-sizing: border-box;
  color: var(--utrecht-drawer-color, CanvasText);
  overflow: auto;
  padding-block-end: var(--utrecht-drawer-padding-block-end);
  padding-block-start: var(--utrecht-drawer-padding-block-start);
  padding-inline-end: var(--utrecht-drawer-padding-inline-end);
  padding-inline-start: var(--utrecht-drawer-padding-inline-start);
  position: fixed;
  z-index: var(--utrecht-drawer-z-index, 1);
}
.utrecht-drawer::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;
}
@keyframes utrecht-backdrop-fade-in {
  0% {
    opacity: 0%;
  }
  to {
    opacity: var(--_utrecht-backdrop-opacity);
  }
}
@media (prefers-reduced-motion: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-fade-in-animation-duration: 0;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-opacity: var(
      --utrecht-backdrop-reduced-transparency-opacity,
      100%
    );
  }
}
.utrecht-drawer--inline-start {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-inline-start-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: auto;
  inset-inline-start: 0;
}
.utrecht-drawer--inline-end {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  border-inline-end-width: 0;
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: 0;
  inset-inline-start: auto;
}
.utrecht-drawer--block-start {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-start-width: 0;
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: auto;
  inset-block-start: 0;
}
.utrecht-drawer--block-end {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-end-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: 0;
  inset-block-start: auto;
}
.utrecht-emphasis--stressed {
  font-style: var(--utrecht-emphasis-stressed-font-style, italic);
}
.utrecht-emphasis--strong {
  font-weight: var(--utrecht-emphasis-strong-font-weight, bold);
}
.utrecht-figure {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-start, 0)
  );
}
.utrecht-figure__caption {
  color: var(--utrecht-figure-caption-color);
  font-size: var(--utrecht-figure-caption-font-size);
  line-height: var(--utrecht-figure-caption-line-height);
}
.utrecht-form {
  display: block;
  max-inline-size: var(--utrecht-form-max-inline-size);
}
.utrecht-form-field-description {
  --utrecht-document-color: currentColor;
  color: var(--utrecht-form-field-description-color);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-description-font-size, inherit);
  font-style: var(--utrecht-form-field-description-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
}
.utrecht-form-field-description > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--invalid {
  color: var(
    --utrecht-form-field-description-invalid-color,
    var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color))
  );
}
.utrecht-form-field-description--valid {
  color: var(
    --utrecht-form-field-description-valid-color,
    var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color))
  );
}
.utrecht-form-field-description--warning {
  color: var(
    --utrecht-form-field-description-warning-color,
    var(--utrecht-feedback-warning-color)
  );
}
.utrecht-form-field-error-message {
  --utrecht-document-color: currentColor;
  background-color: var(--utrecht-form-field-error-message-background-color);
  color: var(--utrecht-form-field-error-message-color);
  display: block;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-error-message-font-size, inherit);
  font-style: var(--utrecht-form-field-error-message-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-block-end: var(--utrecht-form-field-error-message-padding-block-end);
  padding-block-start: var(
    --utrecht-form-field-error-message-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-form-field-error-message-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-form-field-error-message-padding-inline-start
  );
}
.utrecht-form-field-error-message > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field {
  break-inside: avoid;
  font-family: var(--utrecht-document-font-family, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-start, 0)
  );
  max-inline-size: var(--utrecht-form-field-max-inline-size);
  page-break-inside: avoid;
}
.utrecht-form-field--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field--invalid {
  border-inline-start-color: var(
    --utrecht-form-field-invalid-border-inline-start-color
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-field-invalid-border-inline-start-width,
    0
  );
  padding-inline-start: var(--utrecht-form-field-invalid-padding-inline-start);
}
.utrecht-form-field--checkbox {
  display: grid;
  gap: 0 var(--utrecht-checkbox-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-checkbox-size) 100fr;
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-checkbox-size) +
          var(--utrecht-checkbox-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-checkbox-margin-inline-end, 12px);
}
.utrecht-form-field--radio {
  display: grid;
  gap: 0 var(--utrecht-radio-button-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-radio-button-size) 100fr;
}
.utrecht-form-field--radio
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-radio-button-size) +
          var(--utrecht-radio-button-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--radio
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end, 12px);
}
.utrecht-form-field__input {
  margin-block-end: 0;
  margin-block-start: 0;
  grid-area: input;
  order: 5;
}
.utrecht-form-field__label {
  grid-area: label;
  margin-block-end: var(--utrecht-form-field-label-margin-block-end);
  margin-block-start: 0;
  order: 1;
}
.utrecht-form-field .utrecht-form-field-description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field .utrecht-form-field-description--invalid {
  grid-area: description-invalid;
  order: 3;
}
.utrecht-form-field__description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field__description--before {
  grid-area: description-before;
  order: 4;
}
.utrecht-form-fieldset {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--html-fieldset,
.utrecht-form-fieldset__fieldset--html-fieldset {
  all: revert;
  border: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  min-inline-size: 0;
  padding-block-end: 0;
  padding-block-start: 0.01em;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset__legend--html-legend {
  display: table;
  inline-size: 100%;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-fieldset--section {
  background-color: var(--utrecht-form-fieldset-section-background-color);
  color: var(--utrecht-form-fieldset-section-color);
}
.utrecht-form-fieldset__legend {
  break-inside: avoid;
  color: var(
    --utrecht-form-fieldset-legend-color,
    var(--utrecht-document-color, inherit)
  );
  font-family: var(
    --utrecht-form-fieldset-legend-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-form-fieldset-legend-font-size);
  font-weight: var(--utrecht-form-fieldset-legend-font-weight);
  line-height: var(--utrecht-form-fieldset-legend-line-height);
  page-break-after: avoid;
  page-break-inside: avoid;
}
.utrecht-form-fieldset__legend--disabled {
  color: var(
    --utrecht-form-fieldset-legend-disabled-color,
    var(
      --utrecht-form-fieldset-legend-color,
      var(--utrecht-document-color, inherit)
    )
  );
}
.utrecht-form-fieldset__legend--distanced {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--invalid {
  border-inline-start-color: var(
    --utrecht-form-fieldset-invalid-border-inline-start-color,
    var(--utrecht-form-field-invalid-border-inline-start-color)
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-fieldset-invalid-border-inline-start-width,
    var(--utrecht-form-field-invalid-border-inline-start-width)
  );
  padding-inline-start: var(
    --utrecht-form-fieldset-invalid-padding-inline-start,
    var(--utrecht-form-field-invalid-padding-inline-start)
  );
}
.utrecht-form-label {
  color: var(--utrecht-form-label-color);
  font-size: var(--utrecht-form-label-font-size);
  font-weight: var(--utrecht-form-label-font-weight);
}
.utrecht-form-label--checkbox {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-checkbox-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--checked {
  font-weight: var(
    --utrecht-form-label-checked-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--disabled {
  color: var(
    --utrecht-form-label-disabled-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-form-label--radio {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-radio-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-toggle {
  align-items: center;
  block-size: var(--utrecht-form-toggle-height, 2em);
  border-color: var(--utrecht-form-toggle-border-color, currentColor);
  border-radius: var(--utrecht-form-toggle-border-radius, 999rem);
  border-style: var(--utrecht-form-toggle-border-style, solid);
  border-width: var(--utrecht-form-toggle-border-width, 1px);
  color: var(--utrecht-form-toggle-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: flex;
  inline-size: var(--utrecht-form-toggle-width, 6em);
  padding-block-end: var(--utrecht-form-toggle-padding-block-end);
  padding-block-start: var(--utrecht-form-toggle-padding-block-start);
  padding-inline-end: var(--utrecht-form-toggle-padding-inline-end);
  padding-inline-start: var(--utrecht-form-toggle-padding-inline-start);
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-form-toggle {
    --utrecht-form-toggle-background-color: ButtonFace;
    --utrecht-form-toggle-border-color: buttonborder;
    --utrecht-form-toggle-border-width: 1px;
    --utrecht-form-toggle-border-radius: var(
      --utrecht-form-toggle-track-border-radius
    );
    --utrecht-form-toggle-thumb-background-color: ButtonText;
    --utrecht-form-toggle-thumb-disabled-background-color: GrayText;
    border-color: var(
      --utrecht-form-toggle-track-disabled-border-color,
      var(--utrecht-form-toggle-track-border-color)
    );
    border-width: min(var(--utrecht-form-toggle-border-width, 1px), 1px);
  }
}
.utrecht-form-toggle--focus-visible,
.utrecht-form-toggle--html-div:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--hover {
  background-color: var(
    --utrecht-form-toggle-hover-background-color,
    var(--utrecht-form-toggle-background-color)
  );
  color: var(
    --utrecht-form-toggle-hover-color,
    var(--utrecht-form-toggle-color)
  );
}
.utrecht-form-toggle--disabled,
.utrecht-form-toggle--html-div:disabled {
  border-color: var(
    --utrecht-form-toggle-disabled-border-color,
    var(--utrecht-form-toggle-border-color, currentColor)
  );
  border-style: var(
    --utrecht-form-toggle-disabled-border-style,
    var(--utrecht-form-toggle-border-style, solid)
  );
  border-width: var(
    --utrecht-form-toggle-disabled-border-width,
    var(--utrecht-form-toggle-border-width, 1px)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-background-color,
    currentColor
  );
  border-radius: var(--utrecht-form-toggle-thumb-border-radius, 50%);
  box-shadow: var(--utrecht-form-toggle-thumb-box-shadow);
  margin-inline-end: var(--utrecht-form-toggle-thumb-margin-inline-end, 0);
  margin-inline-start: var(--utrecht-form-toggle-thumb-margin-inline-start, 0);
  min-block-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  min-inline-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  z-index: 20;
}
.utrecht-form-toggle__thumb--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-start: auto;
}
.utrecht-form-toggle__thumb--not-checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:not(:checked)
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-end: auto;
}
.utrecht-form-toggle__thumb--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-disabled-background-color,
    #aaa
  );
  box-shadow: var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0);
}
.utrecht-form-toggle__track {
  align-items: center;
  background-color: var(--utrecht-form-toggle-accent-color);
  block-size: 100%;
  border-radius: var(
    --utrecht-form-toggle-track-border-radius,
    var(--utrecht-form-toggle-border-radius)
  );
  display: flex;
  inline-size: 100%;
}
.utrecht-form-toggle__track--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-checked-accent-color,
    var(--utrecht-form-toggle-accent-color)
  );
}
.utrecht-form-toggle__track--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-background-disabled-background-color,
    #ddd
  );
  color: var(--utrecht-form-toggle-disabled-color, black);
}
.utrecht-form-toggle__track--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox {
  block-size: 1px !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  inline-size: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
}
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:focus-visible
  ~ .utrecht-form-toggle__track {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-heading-1 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-1-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-1-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-1-font-size, revert);
  font-weight: var(
    --utrecht-heading-1-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-1-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-1--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-2 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-2-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-2-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-2-font-size, revert);
  font-weight: var(
    --utrecht-heading-2-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-2-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-2--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-3 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-3-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-3-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-3-font-size, revert);
  font-weight: var(
    --utrecht-heading-3-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-3-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-3--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-4 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-4-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-4-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-4-font-size, revert);
  font-weight: var(
    --utrecht-heading-4-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-4-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-4--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-5 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-5-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-5-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-5-font-size, revert);
  font-weight: var(
    --utrecht-heading-5-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-5-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-5--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-heading-6 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-6-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-6-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-6-font-size, revert);
  font-weight: var(
    --utrecht-heading-6-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-6-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-6--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 */
.utrecht-heading-group {
  --utrecht-pre-heading-order: -1;
  display: flex;
  flex-direction: column;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-start, 0)
  );
}
.utrecht-heading-group > * {
  --utrecht-space-around: 0;
}
.utrecht-iban-data {
  font-variant-numeric: lining-nums slashed-zero tabular-nums;
  white-space: nowrap;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Gemeente Utrecht
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-icon {
  block-size: var(--utrecht-icon-size);
  color: var(--utrecht-icon-color);
  display: inline-block;
  font-size: var(--utrecht-icon-size);
  inline-size: var(--utrecht-icon-size);
  inset-block-start: var(--utrecht-icon-inset-block-start, 0);
  position: relative;
}
.utrecht-icon svg {
  height: 100%;
  pointer-events: none;
  width: 100%;
}
.utrecht-img {
  height: auto;
  width: auto;
}
.utrecht-img--scale-down,
.utrecht-img--photo {
  max-height: 100%;
  max-width: 100%;
}
.utrecht-link-list,
.utrecht-link-list--html-ul {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
}
.utrecht-link-list > li,
.utrecht-link-list--html-ul > li {
  list-style: none;
}
.utrecht-link-list {
  --utrecht-link-text-decoration: none;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: underline;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-start, 0)
  );
}
.utrecht-link-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-link-list__item {
  --utrecht-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-link-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-icon-inset-block-start: var(
    --utrecht-link-list-icon-inset-block-start
  );
  display: block;
  font-weight: var(--utrecht-link-list-item-font-weight);
}
.utrecht-link-list__item + .utrecht-link-list__item {
  margin-block-start: var(--utrecht-link-list-item-margin-block-start);
}
.utrecht-link-list__link {
  align-items: baseline;
  column-gap: var(--utrecht-link-list-item-column-gap);
  display: inline-flex;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-link-button {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family)
  );
  font-weight: var(--utrecht-button-font-weight);
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: inherit;
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-link-button--hover,
.utrecht-link-button--html-button:not(:disabled):hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--disabled {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link-button--focus,
.utrecht-link-button--html-button:not(:disabled):focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--focus-visible,
.utrecht-link-button--html-button:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link-button--active,
.utrecht-link-button--html-button:not(:disabled):active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--inline {
  --utrecht-icon-inset-block-start: var(
    --utrecht-icon-baseline-inset-block-start
  );
  min-block-size: auto;
  min-inline-size: auto;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-link-button--pressed {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--html-button {
  background-color: transparent;
  border-width: 0;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 * Copyright (c) 2022 Gemeente Utrecht
 */
.utrecht-link-social {
  --utrecht-icon-size: var(--utrecht-link-social-icon-size);
  --utrecht-icon-color: currentColor;
  align-items: center;
  background-color: var(--utrecht-link-social-background-color);
  block-size: var(--utrecht-link-social-size);
  border-color: var(--utrecht-link-social-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-link-social-border-width);
  color: var(--utrecht-link-social-color);
  display: inline-flex;
  inline-size: var(--utrecht-link-social-size);
  justify-content: center;
}
.utrecht-link-social:hover,
.utrecht-link-social--hover {
  background-color: var(
    --utrecht-link-social-hover-background-color,
    var(--utrecht-link-social-background-color)
  );
  color: var(
    --utrecht-link-social-hover-color,
    var(--utrecht-link-social-color)
  );
  transform: var(--utrecht-link-social-hover-transform-scale);
}
.utrecht-link-social:focus-visible,
.utrecht-link-social--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-link-social--distanced {
  margin-inline-start: var(--utrecht-link-social-margin-inline-start);
}
.utrecht-list-social {
  display: flex;
  margin-block-end: var(--utrecht-list-social-margin-block-end);
  margin-block-start: var(--utrecht-list-social-margin-block-start);
  padding-inline-end: var(--utrecht-list-social-padding-inline-end);
  padding-inline-start: var(--utrecht-list-social-padding-inline-start);
}
.utrecht-list-social__item {
  list-style-type: none;
  margin-inline-end: var(--utrecht-list-social-item-margin-inline-end);
}
.utrecht-list-social__item:last-child {
  margin-inline-end: 0;
}
.utrecht-link {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
}
.utrecht-link:any-link {
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
}
.utrecht-link--icon-left {
  background-image: var(--utrecht-link-icon-left-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-link-color, LinkText);
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration-line: none;
}
.utrecht-link--visited {
  --_utrecht-link-forced-colors-color: visitedtext;
  --_utrecht-link-state-color: var(--utrecht-link-visited-color);
}
.utrecht-link--html-a:any-link:hover,
.utrecht-link--hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus,
.utrecht-link--html-a:any-link:focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus:not(:focus-visible),
.utrecht-link--html-a:any-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-link--html-span:active,
.utrecht-link--html-a:any-link:active,
.utrecht-link--active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link--telephone {
  white-space: nowrap;
}
.utrecht-link--current {
  cursor: var(--utrecht-action-inert-cursor, normal);
  font-weight: var(--utrecht-link-current-font-weight);
}
.utrecht-link--box-content:any-link {
  color: unset;
  display: inline-block;
  text-decoration-line: unset;
  text-decoration-skip-ink: unset;
  text-decoration-thickness: unset;
  text-underline-offset: unset;
}
.utrecht-link--placeholder {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link--forced-colors {
  --utrecht-focus-outline-color: Highlight;
  --utrecht-focus-inverse-outline-color: HighlightText;
  --utrecht-link-color: linktext;
  --utrecht-link-hover-color: linktext;
  --utrecht-link-focus-color: linktext;
  --utrecht-link-active-color: activetext;
  --utrecht-link-visited-color: visitedtext;
  --utrecht-link-placeholder-color: GrayText;
}
.utrecht-logo-button {
  --utrecht-icon-size: var(--utrecht-logo-button-icon, 50px);
  --utrecht-button-min-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-logo-button-block-size, 50px);
  align-items: flex-start;
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-logo {
  display: block;
  max-block-size: var(--utrecht-logo-max-block-size, 192px);
  max-inline-size: var(--utrecht-logo-max-inline-size, 96px);
  min-block-size: var(--utrecht-logo-min-block-size);
  min-inline-size: var(--utrecht-logo-min-inline-size);
}
.utrecht-logo > * {
  block-size: 100%;
  display: inline-block;
  inline-size: auto;
}
.utrecht-mapcontrolbutton {
  --utrecht-icon-size: var(--utrecht-mapcontrolbutton-min-block-size);
  --utrecht-icon-color: var(--utrecht-mapcontrolbutton-color);
  align-items: center;
  background-color: var(--utrecht-mapcontrolbutton-background-color);
  border-color: var(--utrecht-mapcontrolbutton-border-color);
  border-radius: var(--utrecht-mapcontrolbutton-border-radius);
  border-style: var(--utrecht-mapcontrolbutton-border-style);
  border-width: var(--utrecht-mapcontrolbutton-border-width);
  color: var(--utrecht-mapcontrolbutton-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  min-block-size: var(--utrecht-mapcontrolbutton-min-block-size);
  min-inline-size: var(--utrecht-mapcontrolbutton-min-inline-size);
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-mapcontrolbutton:disabled,
.utrecht-mapcontrolbutton--disabled {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-disabled-color,
    var(--utrecht-mapcontrolbutton-color)
  );
  background-color: var(--utrecht-mapcontrolbutton-disabled-background-color);
  border-color: var(--utrecht-mapcontrolbutton-disabled-border-color);
  color: var(--utrecht-mapcontrolbutton-disabled-color);
}
.utrecht-mapcontrolbutton--focus-visible,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-mapcontrolbutton--focus,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-focus-color,
    var(--utrecht-mapcontrolbutton-color)
  );
}
.utrecht-mapcontrolbutton:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-mapcontrolbutton--hover:not(:disabled),
.utrecht-mapcontrolbutton:hover:not(
    :disabled,
    .utrecht-mapcontrolbutton--disabled
  ) {
  background-color: var(--utrecht-mapcontrolbutton-hover-background-color);
  color: var(--utrecht-mapcontrolbutton-color);
}
.utrecht-mapcontrolbutton__label {
  display: block;
  padding-inline-end: var(--utrecht-mapcontrolbutton-label-margin-inline-end);
  padding-inline-start: var(
    --utrecht-mapcontrolbutton-label-margin-inline-start
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-map-marker {
  --utrecht-icon-size: var(--utrecht-map-marker-icon-size);
  align-items: center;
  background-color: var(--utrecht-map-marker-background-color);
  block-size: var(--utrecht-map-marker-size);
  border-color: var(--utrecht-map-marker-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-map-marker-border-width);
  box-shadow: 13px 3px 3px -2px var(--utrecht-map-marker-box-shadow-color);
  color: var(--utrecht-map-marker-color);
  display: flex;
  inline-size: var(--utrecht-map-marker-size);
  justify-content: center;
}
.utrecht-mark {
  background-color: var(--utrecht-mark-background-color, revert);
  color: var(--utrecht-mark-color, revert);
}
@media print {
  .utrecht-mark {
    outline-color: currentColor;
    outline-style: dotted;
    outline-width: 0.1em;
  }
}
@media screen and (-ms-high-contrast: active) {
  .utrecht-mark {
    background-color: Highlight;
    color: HighlightText;
  }
}
.utrecht-mark--print {
  outline-color: currentColor;
  outline-style: dotted;
  outline-width: 0.1em;
}
.utrecht-mark--windows-high-contrast {
  background-color: Highlight;
  color: HighlightText;
}
.utrecht-menulijst {
  border-block-end: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  border-block-start: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  font-family: var(--utrecht-document-font-family);
  padding-block-end: var(--utrecht-space-block-sm);
  padding-block-start: var(--utrecht-space-block-sm);
  padding-inline-start: 0;
}
.utrecht-menulijst__item {
  list-style: none;
  margin-block-end: var(--utrecht-space-block-sm);
  margin-block-start: var(--utrecht-space-block-sm);
}
.utrecht-menulijst__item a {
  background-image: var(--utrecht-menulijst-item-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-menulijst-item-color, var(--utrecht-link-color, blue));
  display: block;
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration: none;
}
.utrecht-menulijst__item a:hover {
  color: var(
    --utrecht-menulijst-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-menulijst__link--focus-visible,
.utrecht-menulijst__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-menulijst__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-multiline-data {
  white-space: pre-line;
  white-space-collapse: preserve-breaks;
}
.utrecht-multiline-data--html-pre {
  font-family: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-sidenav {
  --utrecht-sidenav-connection-color: var(--utrecht-sidenav-item-marker-color);
  --utrecht-sidenav-connection-inline-size: 2px;
  --utrecht-sidenav-marker-current-color: var(
    --utrecht-sidenav-link-hover-color
  );
  --utrecht-sidenav-marker-offset: 26px;
  --utrecht-sidenav-connection-block-size: 100%;
  --utrecht-sidenav-marker-height: 8px;
  --utrecht-sidenav-marker-outline-width: 2px;
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  border-block-start: 1px solid var(--utrecht-color-grey-80);
  inline-size: 19rem;
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: 0;
  padding-block-start: 0;
}
.utrecht-sidenav__list {
  margin-block-end: 0;
  margin-block-start: 0.2rem;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
}
.utrecht-sidenav__list--child {
  margin-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 1.4rem;
}
.utrecht-sidenav__item {
  list-style: none;
  margin-inline-start: 0;
  position: relative;
}
.utrecht-sidenav__item--current {
  color: var(
    --utrecht-sidenav-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-sidenav__item--last {
  border-block-end: none;
}
.utrecht-sidenav__item-separator:not(
  .utrecht-sidenav__item--last .utrecht-sidenav__item-separator
) {
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  display: block;
  margin-inline-start: var(--utrecht-space-inline-lg);
}
.utrecht-sidenav__link {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  display: block;
  margin-inline-start: 0;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-block-start: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link:hover {
  color: var(
    --utrecht-sidenav-link-hover-color,
    var(--utrecht-link-hover-color, red)
  );
  text-decoration: underline;
}
.utrecht-sidenav__link--focus-visible,
.utrecht-sidenav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-sidenav__link--parent {
  padding-block-end: 0;
}
.utrecht-sidenav__connection,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:not(
    .utrecht-sidenav__link--sibling,
    .utrecht-sidenav__link--parent,
    .utrecht-sidenav__link--child
  ):after {
  background: var(--utrecht-sidenav-connection-color);
  block-size: calc(
    var(--utrecht-sidenav-connection-block-size) -
      var(--utrecht-sidenav-marker-height) - 2 *
      var(--utrecht-sidenav-marker-outline-width)
  );
  content: '';
  display: block;
  inline-size: var(--utrecht-sidenav-connection-inline-size);
  inset-block-end: 0;
  inset-block-start: calc(var(--utrecht-sidenav-marker-offset));
  inset-inline-start: 3px;
  overflow: hidden;
  position: absolute;
  z-index: 5;
}
.utrecht-sidenav__connection--last,
.utrecht-sidenav__connection--parent,
.utrecht-sidenav__connection--sibling {
  display: none;
}
.utrecht-sidenav__marker,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-item-marker-color);
  block-size: var(--utrecht-sidenav-marker-height);
  border-radius: 100%;
  content: '';
  inline-size: 8px;
  inset-block-start: 20px;
  inset-inline-start: var(--utrecht-sidenav-marker-offset);
  overflow: hidden;
  position: absolute;
  transform: translateY(-50%)
    translate(calc(-1 * var(--utrecht-sidenav-marker-offset)));
  z-index: 10;
}
.utrecht-sidenav__marker--child,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:before {
  background-color: transparent;
  block-size: 4px;
  border: 2px solid var(--utrecht-sidenav-link-color);
  inline-size: 4px;
  inset-block-start: 16px;
  inset-inline-start: 1.2rem;
  transform: translateY(-50%) translate(-19.5px);
}
.utrecht-sidenav__marker--current,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current:before,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child:before {
  background-color: var(--utrecht-sidenav-marker-current-color);
}
.utrecht-sidenav__link--child,
.utrecht-sidenav__link--current-child {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: var(--utrecht-space-block-2xs);
  padding-block-start: var(--utrecht-space-block-2xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link--current,
.utrecht-sidenav__link--current-child {
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
}
.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover .utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
  border: 2px solid var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:after {
  display: none;
}
.utrecht-sidenav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-navhtml {
  font-family: var(--utrecht-document-font-family);
}
.utrecht-topnav__list {
  background-color: var(--utrecht-topnav-list-background-color);
  display: flex;
  justify-content: space-between;
  list-style: none;
  list-style-image: none;
  margin-block-end: 0;
  margin-block-start: 0;
  overflow: visible;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-topnav__item {
  border-inline-end: 1px solid var(--utrecht-topnav-list-border-color);
  flex: 1 0 auto;
  margin-inline-start: 0;
  text-align: center;
}
.utrecht-topnav__item li:first-child {
  border-inline-start: 1px solid var(--utrecht-topnav-list-border-color);
  padding-inline-start: 0;
}
.utrecht-topnav__link {
  color: var(--utrecht-topnav-link-color);
  display: block;
  padding-block-end: 1rem;
  padding-block-start: 1rem;
  text-decoration: none;
}
.utrecht-topnav__link--hover,
.utrecht-topnav__link:hover {
  background-color: var(--utrecht-topnav-link-hover-background-color);
  color: var(--utrecht-topnav-link-color);
  text-decoration: underline;
}
.utrecht-topnav__link--current {
  background-color: var(--utrecht-topnav-list-background-active);
  text-decoration: underline;
}
.utrecht-topnav__link--focus,
.utrecht-topnav__link:focus {
  background-color: var(
    --utrecht-topnav-link-focus-background-color,
    var(--utrecht-topnav-link-background-color)
  );
  color: var(
    --utrecht-topnav-link-focus-color,
    var(--utrecht-topnav-link-color)
  );
}
.utrecht-topnav__link--focus-visible,
.utrecht-topnav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-topnav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-number-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-number-data--positive {
  color: var(--utrecht-number-data-positive-color);
}
.utrecht-number-data--negative {
  color: var(--utrecht-number-data-negative-color);
}
.utrecht-ordered-list,
.utrecht-ordered-list--html-content ol {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-font-size,
      var(--utrecht-document-font-size, inherit)
    )
  );
  line-height: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-line-height,
      var(--utrecht-document-line-height, inherit)
    )
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-end,
        var(--utrecht-unordered-list-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-start,
        var(--utrecht-unordered-list-margin-block-start, 0)
      )
  );
  padding-inline-start: var(
    --utrecht-ordered-list-padding-inline-start,
    var(--utrecht-unordered-list-padding-inline-start, 2ch)
  );
  text-align: start;
}
.utrecht-ordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-ordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-ordered-list--arabic {
  list-style: arabic-indic;
}
.utrecht-ordered-list--html-content > li,
.utrecht-ordered-list--html-content ol > li,
.utrecht-ordered-list__item {
  margin-block-end: var(
    --utrecht-ordered-list-item-margin-block-end,
    var(--utrecht-unordered-list-item-margin-block-end)
  );
  margin-block-start: var(
    --utrecht-ordered-list-item-margin-block-start,
    var(--utrecht-unordered-list-item-margin-block-start)
  );
  padding-inline-start: var(
    --utrecht-ordered-list-item-padding-inline-start,
    var(--utrecht-unordered-list-item-padding-inline-start, 1ch)
  );
}
.utrecht-page-content {
  padding-block-end: var(--utrecht-page-content-padding-block-end);
  padding-block-start: var(--utrecht-page-content-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-content__main {
  grid-area: main;
}
.utrecht-page-content__aside {
  grid-area: aside;
}
.utrecht-page-footer {
  --utrecht-document-color: currentColor;
  --utrecht-heading-color: currentColor;
  --utrecht-link-color: currentColor;
  --utrecht-link-focus-color: currentColor;
  --utrecht-link-hover-color: currentColor;
  --utrecht-link-active-color: currentColor;
  --utrecht-link-visited-color: currentColor;
  background-color: var(--utrecht-page-footer-background-color);
  background-image: var(--utrecht-page-footer-background-image);
  color: var(--utrecht-page-footer-color);
  font-family: var(--utrecht-document-font-family);
  font-size: var(--utrecht-document-font-size);
  padding-block-end: var(--utrecht-page-footer-padding-block-end);
  padding-block-start: var(--utrecht-page-footer-padding-block-start);
  padding-inline-end: var(--utrecht-page-footer-padding-inline-end);
  padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
}
.utrecht-page-footer__address--reset-address {
  font-style: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-page-header {
  background-color: var(--utrecht-page-header-background-color);
  color: var(--utrecht-page-header-color);
  grid-area: 'utrecht-header';
  padding-block-end: var(--utrecht-page-header-padding-block-end);
  padding-block-start: var(--utrecht-page-header-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-header__content {
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-page {
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: calc(
    var(--utrecht-page-max-inline-size) -
      var(--utrecht-page-margin-inline-start, 0px) -
      var(--utrecht-page-margin-inline-end, 0px)
  );
  padding-inline-end: var(--utrecht-page-margin-inline-end);
  padding-inline-start: var(--utrecht-page-margin-inline-start);
}
.utrecht-page__content {
  background-color: var(--utrecht-page-background-color);
  color: var(--utrecht-page-color);
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-pagination {
  font-family: var(
    --utrecht-pagination-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-pagination-font-size,
    var(--utrecht-document-font-family)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-start, 0)
  );
}
.utrecht-pagination--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pagination__relative-link {
  background-color: var(--utrecht-pagination-relative-link-background-color);
  border-color: var(--utrecht-pagination-relative-link-border-color);
  border-radius: var(--utrecht-pagination-relative-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-relative-link-border-width, 0);
  color: var(--utrecht-pagination-relative-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-relative-link-font-weight);
  padding-block-end: var(--utrecht-pagination-relative-link-padding-block-end);
  padding-block-start: var(
    --utrecht-pagination-relative-link-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-pagination-relative-link-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-pagination-relative-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-relative-link-text-decoration);
  text-transform: var(--utrecht-pagination-relative-link-text-transform);
}
.utrecht-pagination__relative-link--next {
  margin-inline-start: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__relative-link--prev {
  margin-inline-end: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-end
  );
}
.utrecht-pagination__relative-link--disabled {
  background-color: var(
    --utrecht-pagination-relative-link-disabled-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  color: var(
    --utrecht-pagination-relative-link-disabled-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__relative-link--hover,
.utrecht-pagination__relative-link:hover {
  background-color: var(
    --utrecht-pagination-relative-link-hover-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-relative-link-hover-border-color,
    var(--utrecht-pagination-relative-link-border-color)
  );
  color: var(
    --utrecht-pagination-relative-link-hover-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__page-link {
  background-color: var(--utrecht-pagination-page-link-background-color);
  border-color: var(--utrecht-pagination-page-link-border-color, 0);
  border-radius: var(--utrecht-pagination-page-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-page-link-border-width);
  color: var(--utrecht-pagination-page-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-page-link-font-weight);
  padding-block-end: var(--utrecht-pagination-page-link-padding-block-end);
  padding-block-start: var(--utrecht-pagination-page-link-padding-block-start);
  padding-inline-end: var(--utrecht-pagination-page-link-padding-inline-end);
  padding-inline-start: var(
    --utrecht-pagination-page-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-page-link-text-decoration);
}
.utrecht-pagination__page-link--current {
  --utrecht-pagination-page-link-background-color: var(
    --utrecht-pagination-page-link-current-background-color
  );
  --utrecht-pagination-page-link-border-color: var(
    --utrecht-pagination-page-link-current-border-color
  );
  --utrecht-pagination-page-link-color: var(
    --utrecht-pagination-page-link-current-color
  );
}
.utrecht-pagination__page-link ~ .utrecht-pagination__page-link {
  margin-inline-start: var(
    --utrecht-pagination-page-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__page-link--hover,
.utrecht-pagination__page-link:hover {
  background-color: var(
    --utrecht-pagination-page-link-hover-background-color,
    var(--utrecht-pagination-page-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-page-link-hover-border-color,
    var(--utrecht-pagination-page-link-border-color)
  );
  color: var(
    --utrecht-pagination-page-link-hover-color,
    var(--utrecht-pagination-page-link-color)
  );
}
.utrecht-pagination__page-link:focus,
.utrecht-pagination__relative-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-pagination__page-link:focus:not(:focus-visible),
.utrecht-pagination__relative-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-data-placeholder {
  background-color: var(
    --utrecht-data-placeholder-background-color,
    currentColor
  );
  block-size: 1em;
  display: inline-block;
  inline-size: min(100%, var(--utrecht-data-placeholder-max-inline-size));
  max-inline-size: var(--utrecht-data-placeholder-max-inline-size);
  min-inline-size: var(--utrecht-data-placeholder-min-inline-size, 10ch);
  vertical-align: -0.1em;
}
@media print {
  .utrecht-data-placeholder {
    outline-color: currentColor;
    outline-style: dashed;
    outline-width: 0.1em;
  }
}
@media screen and (prefers-contrast: more) {
  .utrecht-data-placeholder {
    background-color: var(
      --utrecht-data-placeholder-high-contrast-background-color,
      var(--utrecht-data-placeholder-background-color, currentColor)
    );
  }
}
@media screen and (forced-colors: active) {
  .utrecht-data-placeholder {
    background-color: GrayText;
  }
}
.utrecht-data-placeholder--loading {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-data-placeholder--print {
  outline-color: currentColor;
  outline-style: dashed;
  outline-width: 0.1em;
}
.utrecht-data-placeholder--forced-colors {
  background-color: GrayText;
}
.utrecht-data-placeholder--high-contrast {
  cursor: var(--utrecht-action-busy-cursor, busy);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-paragraph {
  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
  font-family: var(
    --utrecht-paragraph-font-family,
    var(--utrecht-document-font-family, inherit)
  );
  font-size: var(
    --utrecht-paragraph-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  font-weight: var(--utrecht-paragraph-font-weight, inherit);
  line-height: var(
    --utrecht-paragraph-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-start, 0)
  );
}
.utrecht-paragraph--lead {
  color: var(
    --utrecht-paragraph-lead-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-lead-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-lead-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-lead-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph--small {
  color: var(
    --utrecht-paragraph-small-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-small-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-small-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-small-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph__small {
  font-size: inherit;
}
.utrecht-paragraph__b {
  font-weight: inherit;
}
.utrecht-paragraph--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pre-heading {
  color: var(
    --utrecht-pre-heading-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-pre-heading-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-pre-heading-font-size);
  font-weight: var(
    --utrecht-pre-heading-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-pre-heading-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-start, 0)
  );
  order: var(--utrecht-pre-heading-order, 0);
}
.utrecht-pre-heading--distanced {
  --utrecht-space-around: 1;
}
.utrecht-radio-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  --_utrecht-radio-button-background-color: var(
    --_utrecht-radio-button-interactive-background-color,
    var(
      --_utrecht-radio-button-state-background-color,
      var(--utrecht-radio-button-background-color)
    )
  );
  --_utrecht-radio-button-border-color: var(
    --_utrecht-radio-button-interactive-border-color,
    var(
      --_utrecht-radio-button-state-border-color,
      var(--utrecht-radio-button-border-color, currentColor)
    )
  );
  --_utrecht-radio-button-border-width: var(
    --_utrecht-radio-button-interactive-border-width,
    var(
      --_utrecht-radio-button-state-border-width,
      var(--utrecht-radio-button-border-width)
    )
  );
  --_utrecht-radio-button-color: var(
    --_utrecht-radio-button-interactive-color,
    var(
      --_utrecht-radio-button-state-color,
      var(--utrecht-radio-button-color, currentColor)
    )
  );
  --_utrecht-radio-button-icon-size: 0;
  background-color: var(--_utrecht-radio-button-background-color);
  background-image: radial-gradient(
    circle,
    var(--_utrecht-radio-button-color, transparent)
      calc(var(--_utrecht-radio-button-icon-size, 50%) - 5%),
    var(--_utrecht-radio-button-background-color, currentColor)
      var(--_utrecht-radio-button-icon-size, 50%)
  );
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-radio-button-size, 1em);
  border-color: var(--_utrecht-radio-button-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--_utrecht-radio-button-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-radio-button-size, 1em);
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
}
.utrecht-radio-button--checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--hover {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--focus {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--active {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
}
.utrecht-radio-button--disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--invalid {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--html-input:disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--html-input:invalid,
.utrecht-radio-button--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:focus:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--html-input:hover:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--html-input:active:not(
    [aria-disabled='true'],
    :disabled
  ) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-search-bar {
  --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
  --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-transform);
  --utrecht-button-font-size: var(--utrecht-search-bar-button-font-size);
  --utrecht-button-font-weight: var(--utrecht-search-bar-button-font-weight);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-search-bar-button-background-color
  );
  --utrecht-button-primary-action-color: var(--utrecht-search-bar-button-color);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-search-bar-button-hover-background-color
  );
  --utrecht-textbox-border-color: var(--utrecht-search-bar-input-border-color);
  --utrecht-textbox-padding-inline-start: var(
    --utrecht-search-bar-input-padding-inline-start
  );
  --utrecht-textbox-border-bottom-width: var(
    --utrecht-search-bar-input-border-bottom-width
  );
  --utrecht-textbox-max-inline-size: var(
    --utrecht-search-bar-input-max-inline-size
  );
  display: flex;
}
.utrecht-search-bar__input {
  background-image: var(--utrecht-search-bar-input-background-image, none);
  background-position-x: var(--utrecht-search-bar-input-background-position-x);
  background-position-y: var(--utrecht-search-bar-input-background-position-y);
  background-repeat: no-repeat;
  background-size: var(--utrecht-search-bar-input-background-size);
}
.utrecht-search-bar__dropdown {
  border-color: var(--utrecht-search-bar-dropdown-border-color);
  border-style: solid;
  border-width: var(--utrecht-search-bar-dropdown-border-width);
  inline-size: var(
    --utrecht-search-bar-dropdown-inline-size,
    var(--utrecht-form-input-max-inline-size)
  );
  max-block-size: var(--utrecht-search-bar-dropdown-max-block-size);
  overflow: auto;
  padding-block-end: var(--utrecht-search-bar-dropdown-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-dropdown-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-dropdown-padding-inline-end);
  padding-inline-start: var(--utrecht-search-bar-dropdown-padding-inline-start);
  position: absolute;
  z-index: var(--utrecht-search-bar-dropdown-z-index);
}
.utrecht-search-bar__section-title {
  color: var(--utrecht-search-bar-section-title-color);
  font-size: var(--utrecht-search-bar-section-title-font-size);
  font-weight: var(--utrecht-search-bar-section-title-font-weight);
  line-height: var(--utrecht-search-bar-section-title-line-height);
  margin-inline-start: var(
    --utrecht-search-bar-section-title-margin-inline-start
  );
}
.utrecht-search-bar__list-item {
  padding-block-end: var(--utrecht-search-bar-list-item-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-list-item-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-list-item-padding-inline-end);
  padding-inline-start: var(
    --utrecht-search-bar-list-item-padding-inline-start
  );
}
.utrecht-search-bar__list-item--is-active {
  background-color: var(
    --utrecht-search-bar-list-item-is-active-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-active-color);
  font-weight: var(--utrecht-search-bar-list-item-is-active-font-weight);
}
.utrecht-search-bar__list-item--is-selected {
  background-color: var(
    --utrecht-search-bar-list-item-is-selected-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-selected-color);
}
.utrecht-select {
  background-color: var(
    --utrecht-select-background-color,
    var(--utrecht-form-control-background-color)
  );
  border-block-end-width: var(
    --utrecht-select-border-block-end-width,
    var(--utrecht-select-border-width, var(--utrecht-form-control-border-width))
  );
  border-block-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-color: var(
    --utrecht-select-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-inline-end-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-inline-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-radius: var(
    --utrecht-select-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  color: var(--utrecht-select-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-select-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-select-font-size,
    var(--utrecht-form-control-font-size)
  );
  inline-size: 100%;
  max-inline-size: var(
    --utrecht-select-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  padding-block-end: var(
    --utrecht-select-padding-block-end,
    var(--utrecht-form-control-padding-block-end)
  );
  padding-block-start: var(
    --utrecht-select-padding-block-start,
    var(--utrecht-form-control-padding-block-start)
  );
  padding-inline-end: var(
    --utrecht-select-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end)
  );
  padding-inline-start: var(
    --utrecht-select-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start)
  );
}
.utrecht-select--disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-select--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-select--invalid {
  --_utrecht-select-border-width: var(
    --utrecht-select-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-select-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-select-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-select-border-width);
  border-block-end-width: var(
    --utrecht-select-invalid-border-block-end-width,
    var(
      --utrecht-form-control-invalid-border-block-end-width,
      var(
        --utrecht-select-border-block-end-width,
        var(
          --utrecht-form-control-border-block-end-width,
          var(--_utrecht-select-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-select-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
}
.utrecht-select--html-select:focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--html-select:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-select--html-select:disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--html-select:not([multiple]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: var(--utrecht-select-background-image);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 1.4em;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-separator {
  border-color: var(--utrecht-separator-color);
  border-style: solid;
  border-width: 0 0 var(--utrecht-separator-block-size) 0;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-start, 0)
  );
}
.utrecht-separator--distanced {
  --utrecht-space-around: 1;
}
.utrecht-skip-link {
  align-items: center;
  background-color: var(--utrecht-skip-link-background-color, ButtonFace);
  box-sizing: border-box;
  color: var(--utrecht-skip-link-color, ButtonText);
  display: inline-flex;
  justify-content: center;
  min-block-size: var(--utrecht-skip-link-min-block-size, 44px);
  min-inline-size: var(--utrecht-skip-link-min-inline-size, 44px);
  padding-block-end: var(--utrecht-skip-link-padding-block-end);
  padding-block-start: var(--utrecht-skip-link-padding-block-start);
  padding-inline-end: var(--utrecht-skip-link-padding-inline-end);
  padding-inline-start: var(--utrecht-skip-link-padding-inline-start);
  text-decoration: var(--utrecht-skip-link-text-decoration);
}
.utrecht-skip-link--hidden,
.utrecht-skip-link--visible-on-focus {
  inset-block-start: -200%;
  position: fixed;
}
.utrecht-skip-link--visible-on-focus:focus {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--visible {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--focus,
.utrecht-skip-link:focus,
.utrecht-skip-link:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  text-decoration: var(--utrecht-skip-link-focus-text-decoration);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2020-2022 Gemeente Utrecht
 * Copyright (c) 2020-2022 Frameless B.V.
 */
.utrecht-spotlight-section {
  background-color: var(
    --_utrecht-spotlight-section-background-color,
    var(--utrecht-spotlight-section-background-color)
  );
  border-color: var(
    --_utrecht-spotlight-section-border-color,
    var(--utrecht-spotlight-section-border-color)
  );
  border-style: solid;
  border-width: var(
    --_utrecht-spotlight-section-border-width,
    var(--utrecht-spotlight-section-border-width, 0)
  );
  color: var(
    --_utrecht-spotlight-section-color,
    var(--utrecht-spotlight-section-color)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-start, 0)
  );
  padding-block-end: var(--utrecht-spotlight-section-padding-block-end);
  padding-block-start: var(--utrecht-spotlight-section-padding-block-start);
  padding-inline-end: var(--utrecht-spotlight-section-padding-inline-end);
  padding-inline-start: var(--utrecht-spotlight-section-padding-inline-start);
}
.utrecht-spotlight-section--info {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-info-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-info-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-info-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-info-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-info-color
  );
}
.utrecht-spotlight-section--warning {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-warning-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-warning-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-warning-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-warning-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-warning-color
  );
}
.utrecht-surface {
  background-color: var(--utrecht-surface-background-color, inherit);
  color: var(--utrecht-surface-color, inherit);
}
.utrecht-surface--html-body {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.utrecht-table {
  border-collapse: separate;
  border-color: var(--utrecht-table-border-color, 0);
  border-spacing: 0;
  border-style: solid;
  border-width: var(--utrecht-table-border-width, 0);
  font-family: var(
    --utrecht-table-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-table-font-size, inherit);
  inline-size: 100%;
  line-height: var(--utrecht-table-line-height, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-start, 0)
  );
}
.utrecht-table--distanced {
  --utrecht-space-around: 1;
}
.utrecht-table--html-table > caption,
.utrecht-table__caption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > figcaption,
.utrecht-table__figcaption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > thead,
.utrecht-table__header {
  --_utrecht-table-header-cell-vertical-align: bottom;
  --_utrecht-table-header-cell-z-index: 8;
  background-color: var(--utrecht-table-header-background-color);
  break-inside: avoid;
  color: var(--utrecht-table-header-color);
  font-weight: var(--utrecht-table-header-font-weight);
  page-break-inside: avoid;
  text-transform: var(--utrecht-table-header-text-transform);
}
.utrecht-table__header--sticky th {
  background-color: var(--utrecht-table-header-sticky-background-color);
  color: var(--utrecht-table-header-sticky-color);
  inset-block-start: 0;
  position: sticky;
}
.utrecht-table__header--sticky tr:last-child > th {
  border-block-end-color: var(
    --utrecht-table-header-sticky-border-block-end-color,
    var(--utrecht-table-header-border-block-end-color, transparent)
  );
  border-block-end-style: solid;
  border-block-end-width: var(
    --utrecht-table-header-sticky-border-block-end-width,
    var(--utrecht-table-header-border-block-end-width, 0)
  );
}
.utrecht-table__footer {
  --_utrecht-table-header-cell-z-index: 5;
  z-index: 3;
}
.utrecht-table__footer--sticky {
  background-color: var(
    --utrecht-table-footer-sticky-background-color,
    var(--utrecht-table-footer-background-color)
  );
  color: var(
    --utrecht-table-footer-sticky-color,
    var(--utrecht-table-footer-color)
  );
  inset-block-end: 0;
  position: sticky;
}
.utrecht-table__footer--sticky tr:first-child > th,
.utrecht-table__footer--sticky tr:first-child > td {
  border-block-start-color: var(
    --utrecht-table-header-sticky-border-block-start-color,
    var(--utrecht-table-header-border-block-start-color, transparent)
  );
  border-block-start-style: solid;
  border-block-start-width: var(
    --utrecht-table-header-sticky-border-block-start-width,
    var(--utrecht-table-header-border-block-start-width, 0)
  );
}
.utrecht-table--html-table > tbody,
.utrecht-table__body {
  --_utrecht-table-header-cell-z-index: 2;
}
.utrecht-table--fixed {
  inline-size: fit-content;
  table-layout: fixed;
}
.utrecht-table--fixed th,
.utrecht-table--oneline th,
.utrecht-table--oneline td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table--html-table > tr,
.utrecht-table--html-table > thead > tr,
.utrecht-table--html-table > tbody > tr,
.utrecht-table--html-table > tfoot > tr,
.utrecht-table__row {
  break-inside: avoid;
  page-break-inside: avoid;
}
.utrecht-table__row--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table--html-table > tr > th,
.utrecht-table--html-table > thead > tr > th,
.utrecht-table--html-table > tbody > tr > th,
.utrecht-table--html-table > tfoot > tr > th,
.utrecht-table__header-cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  color: var(--utrecht-table-header-cell-color);
  font-size: var(--utrecht-table-header-cell-font-size);
  font-weight: var(--utrecht-table-header-cell-font-weight, bold);
  text-transform: var(--utrecht-table-header-cell-text-transform);
  vertical-align: var(--_utrecht-table-header-cell-vertical-align, top);
  z-index: var(--_utrecht-table-header-cell-z-index);
}
.utrecht-table__header-cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--sticky-block {
  background-color: #eee;
  color: #000;
  inset-block-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 2);
}
.utrecht-table__header-cell--sticky-inline {
  background-color: #eee;
  color: #000;
  inset-inline-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 1);
}
.utrecht-table--html-table > tr > td,
.utrecht-table--html-table > thead > tr > td,
.utrecht-table--html-table > tbody > tr > td,
.utrecht-table--html-table > tfoot > tr > td,
.utrecht-table__cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  border-block-end-color: var(
    --utrecht-table-row-border-block-end-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-table-row-border-block-end-width, 0);
  vertical-align: top;
}
.utrecht-table--html-table > tr > td:first-child,
.utrecht-table--html-table > thead > tr > td:first-child,
.utrecht-table--html-table > tbody > tr > td:first-child,
.utrecht-table--html-table > tfoot > tr > td:first-child,
.utrecht-table__cell--first {
  padding-inline-start: var(
    --utrecht-table-row-padding-inline-start,
    var(--utrecht-table-cell-padding-inline-start, 0)
  );
}
.utrecht-table--html-table > tr > td:last-child,
.utrecht-table--html-table > thead > tr > td:last-child,
.utrecht-table--html-table > tbody > tr > td:last-child,
.utrecht-table--html-table > tfoot > tr > td:last-child,
.utrecht-table__cell--last {
  padding-inline-end: var(
    --utrecht-table-row-padding-inline-end,
    var(--utrecht-table-cell-padding-inline-end, 0)
  );
}
.utrecht-table__cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--numeric-column,
.utrecht-table__cell--numeric-column {
  --_utrecht-table-cell-text-align: right;
  text-align: var(--_utrecht-table-cell-text-align);
}
.utrecht-table__cell--numeric-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-table__row--alternate-odd {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table__row--alternate-even {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table__header-cell {
  --utrecht-button-font-size: inherit;
  --utrecht-button-font-weight: inherit;
  --utrecht-button-padding-inline-start: var(
    --utrecht-table-cell-padding-inline-start
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-table-cell-padding-inline-end
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-table-cell-padding-block-start
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-table-cell-padding-block-end
  );
  --utrecht-button-hover-scale: 1;
  --utrecht-button-focus-scale: 1;
  --utrecht-button-min-block-size: 100%;
  --utrecht-button-min-inline-size: 100%;
  --utrecht-button-border-color: transparent;
  --utrecht-button-border-size: 1px;
}
.utrecht-table__header-cell:has(.utrecht-button) {
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-table__header-cell-button {
  justify-content: var(--_utrecht-table-cell-text-align, start);
}
.utrecht-table__data--truncate {
  display: block;
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table__container {
  max-inline-size: 100%;
  overflow-inline: scroll;
}
.utrecht-table__header--hidden {
  block-size: 1px;
  border: 0 solid silver;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  inline-size: 1px;
  outline: 1px solid red;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.utrecht-table--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(odd) {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(2n) {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__header-cell,
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__header-cell,
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-textarea {
  background-color: var(
    --utrecht-textarea-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textarea-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textarea-border-bottom-width,
    var(
      --utrecht-textarea-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textarea-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textarea-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textarea-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textarea-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textarea-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(--utrecht-textarea-line-height, initial);
  max-inline-size: var(
    --utrecht-textarea-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  min-block-size: var(
    --utrecht-textarea-min-block-size,
    var(--utrecht-pointer-target-min-size, 44px)
  );
  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
  padding-block-end: var(
    --utrecht-textarea-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textarea-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textarea-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textarea-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
  resize: vertical;
  resize: block;
}
.utrecht-textarea--invalid {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea__placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textarea--html-textarea:focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--html-textarea:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textarea--html-textarea:invalid,
.utrecht-textarea--html-textarea[aria-invalid='true'] {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--html-textarea::placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-textbox {
  background-color: var(
    --utrecht-textbox-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textbox-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textbox-border-bottom-width,
    var(
      --utrecht-textbox-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textbox-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textbox-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textbox-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textbox-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(
    --utrecht-textbox-line-height,
    var(--utrecht-form-control-line-height, initial)
  );
  min-block-size: var(--utrecht-pointer-target-min-size, 44px);
  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
  max-inline-size: var(
    --utrecht-textbox-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  padding-block-end: var(
    --utrecht-textbox-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textbox-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textbox-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textbox-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
}
.utrecht-textbox--invalid {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox__placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--numeric {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-textbox--password {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--placeholder-ltr::placeholder,
.utrecht-textbox--placeholder-ltr:placeholder-shown {
  direction: ltr;
}
.utrecht-textbox--placeholder-rtl::placeholder,
.utrecht-textbox--placeholder-rtl:placeholder-shown {
  direction: rtl;
}
.utrecht-textbox--url {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input:focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textbox--html-input:invalid,
.utrecht-textbox--html-input[aria-invalid='true'] {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--html-input::placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--html-input[type='password' i] {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--html-input[type='url' i],
.utrecht-textbox--html-input[type='email' i],
.utrecht-textbox--html-input[inputMode='email' i],
.utrecht-textbox--html-input[inputMode='url' i] {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input[pattern='\\d*'],
.utrecht-textbox--html-input[pattern='[0-9]*'],
.utrecht-textbox--html-input[type='number' i],
.utrecht-textbox--html-input[type='tel' i],
.utrecht-textbox--html-input[inputMode='numeric' i],
.utrecht-textbox--html-input[inputMode='decimal' i],
.utrecht-textbox--html-input[inputMode='tel' i] {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-toptask-link {
  --utrecht-icon-color: currentColor;
  --utrecht-icon-size: var(--utrecht-toptask-link-icon-size);
  background-color: var(--utrecht-toptask-link-background-color);
  color: var(--utrecht-toptask-link-color);
  display: flex;
  flex-direction: column;
  font-size: var(--utrecht-toptask-link-font-size);
  line-height: var(--utrecht-toptask-link-line-height);
  max-inline-size: var(--utrecht-toptask-link-max-inline-size);
  min-block-size: var(--utrecht-toptask-link-min-block-size);
  min-inline-size: var(--utrecht-toptask-link-min-inline-size);
  padding-block-end: var(--utrecht-toptask-link-padding-block-end);
  padding-block-start: var(--utrecht-toptask-link-padding-block-start);
  padding-inline-end: var(--utrecht-toptask-link-padding-inline-end);
  padding-inline-start: var(--utrecht-toptask-link-padding-inline-start);
  text-decoration: none;
}
.utrecht-toptask-link--hover,
.utrecht-toptask-link:hover {
  background-color: var(
    --utrecht-toptask-link-hover-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-hover-color,
    var(--utrecht-toptask-link-color)
  );
  transform: var(--utrecht-toptask-link-hover-transform-scale, 1);
}
.utrecht-toptask-link--focus-visible,
.utrecht-toptask-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-toptask-link--focus,
.utrecht-toptask-link:focus {
  background-color: var(
    --utrecht-toptask-link-focus-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-focus-color,
    var(--utrecht-toptask-link-color)
  );
}
.utrecht-toptask-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-toptask-link__title {
  display: block;
}
.utrecht-toptask-link__icon {
  display: block;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-md);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-toptask-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--utrecht-toptask-nav-gap);
}
.utrecht-toptask-nav--grid {
  --utrecht-toptask-link-max-inline-size: var(
    --utrecht-toptask-nav-link-grid-max-inline-size
  );
  flex-direction: row;
}
.utrecht-unordered-list,
.utrecht-unordered-list--html-content ul {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-unordered-list-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  line-height: var(
    --utrecht-unordered-list-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
  text-align: start;
}
.utrecht-unordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-unordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-unordered-list--nested,
.utrecht-unordered-list--html-content ul {
  margin-block-end: 0;
  margin-inline-start: 2ch;
}
.utrecht-unordered-list--html-content > li,
.utrecht-unordered-list--html-content ul > li,
.utrecht-unordered-list__item {
  margin-block-end: var(--utrecht-unordered-list-item-margin-block-end);
  margin-block-start: var(--utrecht-unordered-list-item-margin-block-start);
  padding-inline-start: var(
    --utrecht-unordered-list-item-padding-inline-start,
    1ch
  );
}
.utrecht-unordered-list--html-content > li::marker,
.utrecht-unordered-list--html-content ul > li::marker,
.utrecht-unordered-list__item::marker,
.utrecht-unordered-list__marker {
  color: var(--utrecht-unordered-list-marker-color);
  content: '●';
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-url-data {
  break-inside: avoid;
  font-variant-ligatures: none;
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: anywhere;
  page-break-inside: avoid;
}
:root,
::backdrop {
  --denhaag-process-steps-sub-step-marker-size: 12px;
  --denhaag-process-steps-step-marker-size: 28px;
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
  --utrecht-stack-focus-z-index: 1;
  --utrecht-border-style-dotted: dotted;
  --utrecht-border-style-solid: solid;
  --utrecht-border-radius-none: 0;
  --utrecht-border-radius-round: 999px;
  --utrecht-border-radius-lg: 8px;
  --utrecht-border-radius-md: 4px;
  --utrecht-border-radius-sm: 2px;
  --utrecht-border-width-md: 2px;
  --utrecht-border-width-sm: 1px;
  --utrecht-typography-line-height-lg: 2;
  --utrecht-typography-line-height-md: 1.5;
  --utrecht-typography-line-height-sm: 1.25;
  --utrecht-typography-line-height-xs: 1;
  --utrecht-typography-font-style-inherit: inherit;
  --utrecht-typography-font-style-normal: normal;
  --utrecht-typography-weight-scale-normal-font-weight: 400;
  --utrecht-typography-weight-scale-bold-font-weight: 700;
  --utrecht-typography-scale-4xl-font-size: 2rem;
  --utrecht-typography-scale-3xl-font-size: 1.5rem;
  --utrecht-typography-scale-2xl-font-size: 1.375rem;
  --utrecht-typography-scale-xl-font-size: 1.25rem;
  --utrecht-typography-scale-lg-font-size: 1.125rem;
  --utrecht-typography-scale-md-font-size: 1rem;
  --utrecht-typography-scale-sm-font-size: 0.875rem;
  --utrecht-typography-scale-xs-font-size: 0.75rem;
  --utrecht-typography-scale-2xs-font-size: 0.5rem;
  --utrecht-typography-sans-serif-font-family:
    'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Arial', sans-serif;
  --utrecht-icon-scale-4xl: 48px;
  --utrecht-icon-scale-3xl: 36px;
  --utrecht-icon-scale-2xl: 30px;
  --utrecht-icon-scale-xl: 26px;
  --utrecht-icon-scale-lg: 24px;
  --utrecht-icon-scale-md: 16px;
  --utrecht-icon-scale-sm: 12px;
  --utrecht-icon-scale-xs: 8px;
  --utrecht-icon-scale-2xs: 4px;
  --utrecht-icon-scale-3xs: 1px;
  --utrecht-color-black: hsl(0 0% 0%);
  --utrecht-color-white: hsl(0 0% 100%);
  --utrecht-color-invalid: #990000;
  --utrecht-color-secondary-grey: #757575;
  --utrecht-color-secondary-brown: #ad643b;
  --utrecht-color-secondary-navy: #1c4181;
  --utrecht-color-secondary-blue: #006dff;
  --utrecht-color-secondary-cyan: #009ed4;
  --utrecht-color-secondary-green: #32ab27;
  --utrecht-color-secondary-lime: #99d000;
  --utrecht-color-secondary-yellow: #ffcc00;
  --utrecht-color-secondary-orange: #ff6e00;
  --utrecht-color-secondary-red: #cc0000;
  --utrecht-color-secondary-magenta: #f02198;
  --utrecht-color-secondary-purple: #762cd1;
  --utrecht-color-green-90: hsl(90 30% 90%);
  --utrecht-color-green-80: hsl(90 30% 80%);
  --utrecht-color-green-50: hsl(90 30% 50%);
  --utrecht-color-green-40: hsl(90 30% 38%);
  --utrecht-color-green-30: hsl(90 30% 30%);
  --utrecht-color-yellow-80: hsl(48 100% 80%);
  --utrecht-color-yellow-60: hsl(48 100% 60%);
  --utrecht-color-yellow-50: hsl(48 100% 50%);
  --utrecht-color-yellow-40: hsl(48 100% 40%);
  --utrecht-color-yellow-20: hsl(48 100% 20%);
  --utrecht-color-grey-95: hsl(0 0% 95%);
  --utrecht-color-grey-90: hsl(0 0% 90%);
  --utrecht-color-grey-80: hsl(0 0% 80%);
  --utrecht-color-grey-40: hsl(0 0% 40%);
  --utrecht-color-grey-30: hsl(0 0% 30%);
  --utrecht-color-grey-20: hsl(0 0% 20%);
  --utrecht-color-grey-15: hsl(0 0% 15%);
  --utrecht-color-grey-10: hsl(0 0% 10%);
  --utrecht-color-blue-90: hsl(211 60% 90%);
  --utrecht-color-blue-80: hsl(211 60% 80%);
  --utrecht-color-blue-60: hsl(211 60% 60%);
  --utrecht-color-blue-50: hsl(211 60% 50%);
  --utrecht-color-blue-40: hsl(211 60% 40%);
  --utrecht-color-blue-35: hsl(211 60% 35%);
  --utrecht-color-blue-30: hsl(211 60% 30%);
  --utrecht-color-blue-20: hsl(211 60% 20%);
  --utrecht-color-red-95: hsl(0 100% 95%);
  --utrecht-color-red-40: hsl(0 100% 40%);
  --utrecht-color-red-30: hsl(0 100% 30%);
  --utrecht-color-red-20: hsl(0 100% 20%);
  --utrecht-unordered-list-item-margin-block-end: 0.5rem;
  --utrecht-unordered-list-item-margin-block-start: 0.5rem;
  --utrecht-unordered-list-margin-block-end: 0;
  --utrecht-toptask-link-icon-size: 2.25rem;
  --utrecht-toptask-link-hover-transform-scale: 1.02;
  --utrecht-toptask-link-min-inline-size: 15rem;
  --utrecht-toptask-link-min-block-size: 8.25rem;
  --utrecht-toptask-link-line-height: 1.2;
  --utrecht-toptask-link-font-size: 1rem;
  --utrecht-textbox-border-bottom-width: 3px;
  --utrecht-textarea-border-bottom-width: 3px;
  --utrecht-table-footer-sticky-border-block-start-width: 2px;
  --utrecht-table-cell-icon-size: 1em;
  --utrecht-table-cell-padding-inline-start: 0.4em;
  --utrecht-table-cell-padding-inline-end: 0.4em;
  --utrecht-table-cell-padding-block-start: 0.5em;
  --utrecht-table-cell-padding-block-end: 0.5em;
  --utrecht-table-cell-line-height: 24px;
  --utrecht-table-header-sticky-border-block-end-width: 2px;
  --utrecht-table-caption-margin-block-end: 1em;
  --utrecht-table-caption-text-align: start;
  --utrecht-table-caption-font-size: 1.125em;
  --utrecht-table-margin-block-end: 0;
  --utrecht-separator-block-size: 8px;
  --utrecht-select-border-block-end-width: 3px;
  --utrecht-search-bar-dropdown-max-block-size: 300px;
  --utrecht-search-bar-dropdown-border-width: 1px;
  --utrecht-search-bar-input-background-size: 1em;
  --utrecht-search-bar-input-background-position-y: 50%;
  --utrecht-search-bar-input-background-position-x: 0.5em;
  --utrecht-search-bar-button-hover-scale: 1;
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
  --utrecht-radio-button-margin-inline-end: 12px;
  --utrecht-radio-button-border-radius: 0;
  --utrecht-radio-button-invalid-border-width: 2px;
  --utrecht-radio-button-icon-size: 42%;
  --utrecht-radio-button-size: 24px;
  --utrecht-radio-button-border-width: 2px;
  --utrecht-paragraph-margin-block-end: 0;
  --utrecht-pagination-relative-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-relative-link-distanced-margin-inline-end: 0.5em;
  --utrecht-pagination-relative-link-text-transform: uppercase;
  --utrecht-pagination-relative-link-text-decoration: none;
  --utrecht-pagination-relative-link-padding-block-start: 0.5em;
  --utrecht-pagination-relative-link-padding-block-end: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-start: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-end: 0.5em;
  --utrecht-pagination-relative-link-border-width: 2px;
  --utrecht-pagination-page-link-border-color: transparent;
  --utrecht-pagination-page-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-page-link-text-decoration: none;
  --utrecht-pagination-page-link-padding-block-start: 0.5em;
  --utrecht-pagination-page-link-padding-block-end: 0.5em;
  --utrecht-pagination-page-link-padding-inline-start: 0.5em;
  --utrecht-pagination-page-link-padding-inline-end: 0.5em;
  --utrecht-pagination-page-link-border-width: 2px;
  --utrecht-pagination-page-link-background-color: transparent;
  --utrecht-pagination-margin-block-end: 1em;
  --utrecht-pagination-margin-block-start: 0;
  --utrecht-pagination-font-size: 14px;
  --utrecht-page-padding-inline-start: 2em;
  --utrecht-page-padding-block-end: 1em;
  --utrecht-page-padding-inline-end: 2em;
  --utrecht-page-padding-block-start: 1.8em;
  --utrecht-page-max-inline-size: 1184px;
  --utrecht-page-margin-inline-end: 2em;
  --utrecht-page-margin-inline-start: 2em;
  --utrecht-page-header-padding-block-start: 1.8em;
  --utrecht-page-header-padding-inline-start: 2em;
  --utrecht-page-header-padding-inline-end: 2.4em;
  --utrecht-page-header-padding-block-end: 1em;
  --utrecht-page-content-padding-block-end: 2em;
  --utrecht-page-content-padding-block-start: 2em;
  --utrecht-ordered-list-item-padding-inline-start: 0;
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
  --utrecht-ordered-list-padding-inline-start: 28.8px;
  --utrecht-ordered-list-margin-block-end: 1em;
  --utrecht-ordered-list-margin-block-start: 0;
  --utrecht-number-data-negative-color: red;
  --utrecht-number-data-positive-color: green;
  --utrecht-topnav-link-focus-text-decoration: none;
  --utrecht-topnav-link-focus-border-type: dotted;
  --utrecht-mapcontrolbutton-focus-text-decoration: none;
  --utrecht-mapcontrolbutton-border-radius: 2px;
  --utrecht-mapcontrolbutton-margin-inline-end: 0;
  --utrecht-mapcontrolbutton-margin-inline-start: 0;
  --utrecht-map-marker-icon-size: 30px;
  --utrecht-map-marker-box-shadow-color: rgb(0 0 0 / 20%);
  --utrecht-map-marker-border-width: 3px;
  --utrecht-map-marker-size: 48px;
  --utrecht-logo-min-inline-size: 110.57px;
  --utrecht-logo-min-block-size: 58.97px;
  --utrecht-logo-max-inline-size: 192px;
  --utrecht-logo-max-block-size: 103px;
  --utrecht-listbox-option-min-block-size: 44px;
  --utrecht-listbox-max-block-size: 300px;
  --utrecht-listbox-inline-size: 448px;
  --utrecht-list-social-item-margin-inline-end: 10px;
  --utrecht-link-icon-size: 1.2em;
  --utrecht-link-hover-text-decoration-thickness: 3px;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: none;
  --utrecht-link-text-underline-offset: 3px;
  --utrecht-link-text-decoration: underline;
  --utrecht-link-social-icon-size: 26px;
  --utrecht-link-social-hover-transform-scale: 1.1;
  --utrecht-link-social-size: 40px;
  --utrecht-link-social-border-width: 2px;
  --utrecht-link-list-icon-size: 14px;
  --utrecht-icon-baseline-inset-block-start: 0.125em;
  --utrecht-icon-size: 48px;
  --utrecht-heading-5-margin-block-start: 1rem;
  --utrecht-heading-5-margin-block-end: 0.2rem;
  --utrecht-heading-4-margin-block-start: 1.2rem;
  --utrecht-heading-4-margin-block-end: 0.3rem;
  --utrecht-heading-3-margin-block-start: 1rem;
  --utrecht-heading-3-margin-block-end: 0.2rem;
  --utrecht-heading-2-margin-block-start: 1.5rem;
  --utrecht-heading-2-margin-block-end: 0.3rem;
  --utrecht-heading-1-margin-block-start: 0.67rem;
  --utrecht-heading-1-margin-block-end: 0.67rem;
  --utrecht-form-toggle-width: 48px;
  --utrecht-form-toggle-padding-inline-start: 0;
  --utrecht-form-toggle-padding-inline-end: 0;
  --utrecht-form-toggle-padding-block-start: 0;
  --utrecht-form-toggle-padding-block-end: 0;
  --utrecht-form-toggle-height: 24px;
  --utrecht-form-toggle-border-style: solid;
  --utrecht-form-toggle-focus-border-width: 2px;
  --utrecht-form-toggle-focus-border-style: dotted;
  --utrecht-form-toggle-thumb-disabled-box-shadow: 0;
  --utrecht-form-toggle-thumb-min-inline-size: 18px;
  --utrecht-form-toggle-thumb-margin-inline-end: 0.25em;
  --utrecht-form-toggle-thumb-margin-inline-start: 0.25em;
  --utrecht-form-toggle-border-width: 2px;
  --utrecht-form-toggle-border-radius: 10em;
  --utrecht-form-toggle-border-color: transparent;
  --utrecht-form-toggle-accent-color: hsla(0, 0%, 48%, 1);
  --utrecht-form-label-font-size: 1em;
  --utrecht-form-fieldset-legend-line-height: 1.4;
  --utrecht-form-fieldset-legend-font-size: 1rem;
  --utrecht-form-field-invalid-border-inline-start-width: 3px;
  --utrecht-form-control-read-only-border-color: transparent;
  --utrecht-form-control-block-size: 42px;
  --utrecht-form-control-padding-inline-start: 12px;
  --utrecht-form-control-padding-inline-end: 12px;
  --utrecht-form-control-padding-block-start: 8px;
  --utrecht-form-control-padding-block-end: 8px;
  --utrecht-form-control-max-inline-size: 28em;
  --utrecht-form-control-border-radius: 0;
  --utrecht-figure-caption-line-height: 20px;
  --utrecht-figure-caption-font-size: 14px;
  --utrecht-figure-caption-color: #727272;
  --utrecht-drawer-max-inline-size: 320px;
  --utrecht-drawer-max-block-size: 240px;
  --utrecht-drawer-border-width: 1px;
  --utrecht-document-line-height: 1.4;
  --utrecht-data-list-rows-column-min-inline-size: 25ch;
  --utrecht-data-list-rows-column-inline-size: 80%;
  --utrecht-space-column-5xl: 64px;
  --utrecht-space-column-4xl: 48px;
  --utrecht-space-column-3xl: 32px;
  --utrecht-space-column-2xl: 28px;
  --utrecht-space-column-xl: 24px;
  --utrecht-space-column-lg: 20px;
  --utrecht-space-column-md: 16px;
  --utrecht-space-column-sm: 12px;
  --utrecht-space-column-xs: 8px;
  --utrecht-space-column-2xs: 4px;
  --utrecht-space-column-3xs: 2px;
  --utrecht-space-column-4xs: 1px;
  --utrecht-space-row-5xl: 64px;
  --utrecht-space-row-4xl: 48px;
  --utrecht-space-row-3xl: 32px;
  --utrecht-space-row-2xl: 28px;
  --utrecht-space-row-xl: 24px;
  --utrecht-space-row-lg: 20px;
  --utrecht-space-row-md: 16px;
  --utrecht-space-row-sm: 12px;
  --utrecht-space-row-xs: 8px;
  --utrecht-space-row-2xs: 4px;
  --utrecht-space-row-3xs: 2px;
  --utrecht-space-row-4xs: 1px;
  --utrecht-space-text-3xl: 3ch;
  --utrecht-space-text-2xl: 2ch;
  --utrecht-space-text-xl: 1.75ch;
  --utrecht-space-text-lg: 1.5ch;
  --utrecht-space-text-md: 1ch;
  --utrecht-space-text-sm: 0.75ch;
  --utrecht-space-text-xs: 0.5ch;
  --utrecht-space-text-2xs: 0.25ch;
  --utrecht-space-text-3xs: 0.125ch;
  --utrecht-space-inline-4xl: 48px;
  --utrecht-space-inline-3xl: 32px;
  --utrecht-space-inline-2xl: 28px;
  --utrecht-space-inline-xl: 24px;
  --utrecht-space-inline-lg: 20px;
  --utrecht-space-inline-md: 16px;
  --utrecht-space-inline-sm: 12px;
  --utrecht-space-inline-xs: 8px;
  --utrecht-space-inline-2xs: 4px;
  --utrecht-space-inline-3xs: 2px;
  --utrecht-space-block-4xs: 1px;
  --utrecht-space-block-4xl: 64px;
  --utrecht-space-block-3xl: 48px;
  --utrecht-space-block-2xl: 32px;
  --utrecht-space-block-xl: 24px;
  --utrecht-space-block-lg: 20px;
  --utrecht-space-block-md: 16px;
  --utrecht-space-block-sm: 12px;
  --utrecht-space-block-xs: 8px;
  --utrecht-space-block-2xs: 4px;
  --utrecht-space-block-3xs: 2px;
  --utrecht-pointer-target-min-size: 44px;
  --utrecht-focus-outline-style: dotted;
  --utrecht-action-inert-cursor: default;
  --utrecht-action-activate-cursor: pointer;
  --utrecht-action-submit-cursor: pointer;
  --utrecht-action-navigate-cursor: pointer;
  --utrecht-action-disabled-cursor: not-allowed;
  --utrecht-action-busy-cursor: wait;
  --utrecht-column-layout-column-width: 350px;
  --utrecht-column-layout-column-rule-width: 2px;
  --utrecht-code-block-padding-inline-end: 20px;
  --utrecht-code-block-padding-inline-start: 20px;
  --utrecht-code-block-padding-block-end: 20px;
  --utrecht-code-block-padding-block-start: 20px;
  --utrecht-code-block-line-height: 24px;
  --utrecht-code-block-font-size: 16px;
  --utrecht-checkbox-margin-block-start: 0;
  --utrecht-checkbox-focus-border-width: 2px;
  --utrecht-checkbox-size: 24px;
  --utrecht-checkbox-border-width: 2px;
  --utrecht-checkbox-border-radius: 0;
  --utrecht-calendar-icon-size: 24px;
  --utrecht-calendar-navigation-label-min-inline-size: 200px;
  --utrecht-calendar-navigation-padding-block-end: 2px;
  --utrecht-calendar-navigation-padding-block-start: 2px;
  --utrecht-calendar-table-days-item-day-disabled-border-color: transparent;
  --utrecht-calendar-table-days-item-day-selected-border-color: transparent;
  --utrecht-calendar-table-days-item-day-emphasis-border-color: transparent;
  --utrecht-calendar-table-days-item-day-is-today-font-weight: 700;
  --utrecht-calendar-table-days-item-day-out-of-the-month-border-color: transparent;
  --utrecht-calendar-table-days-item-day-active-border-color: transparent;
  --utrecht-calendar-table-days-item-day-focus-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-width: 2px;
  --utrecht-calendar-table-days-item-day-size: 44px;
  --utrecht-calendar-table-weeks-item-line-height: 24px;
  --utrecht-calendar-table-weeks-item-padding-block-end: 10px;
  --utrecht-calendar-table-weeks-item-padding-block-start: 4px;
  --utrecht-calendar-table-weeks-item-width: 44px;
  --utrecht-button-subtle-disabled-background-color: transparent;
  --utrecht-button-subtle-font-weight: 700;
  --utrecht-button-subtle-border-color: transparent;
  --utrecht-button-subtle-background-color: transparent;
  --utrecht-button-primary-action-danger-hover-border-color: transparent;
  --utrecht-button-primary-action-danger-border-color: transparent;
  --utrecht-button-primary-action-warning-hover-border-color: transparent;
  --utrecht-button-primary-action-warning-border-color: transparent;
  --utrecht-button-primary-action-ready-hover-border-color: transparent;
  --utrecht-button-primary-action-ready-border-color: transparent;
  --utrecht-button-primary-action-hover-border-color: transparent;
  --utrecht-button-primary-action-border-color: transparent;
  --utrecht-button-hover-scale: 1.02;
  --utrecht-button-focus-scale: 1.02;
  --utrecht-button-margin-inline-end: 0;
  --utrecht-button-margin-inline-start: 0;
  --utrecht-button-border-width: 1px;
  --utrecht-button-border-radius: 0;
  --utrecht-breadcrumb-nav-divider-inline-size: 1px;
  --utrecht-breadcrumb-nav-link-text-decoration: none;
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
  --utrecht-breadcrumb-nav-min-block-size: 34px;
  --utrecht-blockquote-margin-block-end: 1.6em;
  --utrecht-blockquote-margin-block-start: 1.6em;
  --utrecht-blockquote-content-font-size: 1.125rem;
  --utrecht-blockquote-attribution-font-size: 0.75rem;
  --utrecht-blockquote-margin-inline-end: 1.6em;
  --utrecht-blockquote-margin-inline-start: 1.6em;
  --utrecht-badge-border-radius: 0;
  --utrecht-badge-counter-padding-inline: 1ex;
  --utrecht-badge-counter-padding-block: 1ex;
  --utrecht-badge-counter-font-size: 16px;
  --utrecht-backdrop-reduced-transparency-opacity: 0.98;
  --utrecht-backdrop-fade-in-animation-duration: 0.4s;
  --utrecht-backdrop-opacity: 0.8;
  --utrecht-article-max-inline-size: 780px;
  --utrecht-alert-dialog-min-inline-size: 320px;
  --utrecht-alert-dialog-min-block-size: 100px;
  --utrecht-alert-dialog-max-block-size: 80vh;
  --utrecht-accordion-panel-border-width: 2px;
  --utrecht-accordion-button-icon-size: 24px;
  --utrecht-accordion-button-hover-background-color: inherit;
  --utrecht-accordion-button-border-width: 0;
  --denhaag-process-steps-sub-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --denhaag-process-steps-sub-step-heading-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-sub-step-heading-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-description-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --denhaag-process-steps-step-description-color: var(--utrecht-color-black);
  --denhaag-process-steps-step-metadata-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-metadata-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-line-warning-color: var(--utrecht-color-invalid);
  --denhaag-process-steps-step-line-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-line-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-line-stroke-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-sub-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-sub-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-warning-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-warning-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-warning-border-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-checked-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-checked-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-color: var(--utrecht-color-white);
  --denhaag-process-steps-step-marker-current-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-current-background-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-marker-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-marker-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-marker-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-heading-warning-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-not-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-heading-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-current-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-heading-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --denhaag-process-steps-step-heading-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --denhaag-process-steps-step-heading-color: var(--utrecht-color-black);
  --denhaag-process-steps-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
  --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
  --utrecht-unordered-list-marker-color: var(--utrecht-color-red-40);
  --utrecht-unordered-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-toptask-link-padding-inline-start: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-inline-end: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-block-start: var(--utrecht-space-block-xl);
  --utrecht-toptask-link-padding-block-end: var(--utrecht-space-block-xl);
  --utrecht-textarea-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-table-footer-sticky-border-block-start-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-footer-sticky-color: var(--utrecht-color-black);
  --utrecht-table-footer-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-row-alternate-even-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-even-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-table-row-alternate-odd-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-odd-background-color: var(
    --utrecht-color-white
  );
  --utrecht-table-row-border-block-end-width: var(--utrecht-border-width-sm);
  --utrecht-table-row-border-block-end-color: var(--utrecht-color-grey-90);
  --utrecht-table-cell-selected-color: var(--utrecht-color-black);
  --utrecht-table-cell-selected-background-color: var(--utrecht-color-blue-90);
  --utrecht-table-header-sticky-border-block-end-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-header-sticky-color: var(--utrecht-color-black);
  --utrecht-table-header-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-header-border-block-end-width: var(--utrecht-border-width-md);
  --utrecht-table-header-border-block-end-color: var(--utrecht-color-red-40);
  --utrecht-table-header-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-caption-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-surface-color: var(--utrecht-color-grey-10);
  --utrecht-surface-background-color: var(--utrecht-color-grey-95);
  --utrecht-spotlight-section-warning-background-color: var(
    --utrecht-color-yellow-80
  );
  --utrecht-spotlight-section-info-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-spotlight-section-padding-inline-end: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-inline-start: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-block-end: var(--utrecht-space-block-sm);
  --utrecht-spotlight-section-padding-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-spotlight-section-color: var(--utrecht-color-black);
  --utrecht-spotlight-section-background-color: var(--utrecht-color-grey-80);
  --utrecht-skip-link-focus-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --utrecht-skip-link-text-decoration: var(--utrecht-link-text-decoration);
  --utrecht-separator-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-separator-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-separator-color: var(--utrecht-color-grey-90);
  --utrecht-search-bar-list-item-is-selected-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-selected-color: var(--utrecht-color-black);
  --utrecht-search-bar-list-item-is-active-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-list-item-is-active-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-active-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-search-bar-section-title-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-section-title-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-search-bar-section-margin-block-end: var(--utrecht-space-inline-xs);
  --utrecht-search-bar-dropdown-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-input-padding-inline-start: var(
    --utrecht-space-inline-3xl
  );
  --utrecht-search-bar-input-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-search-bar-button-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-button-color: var(--utrecht-color-white);
  --utrecht-search-bar-button-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-background-color: var(--utrecht-color-red-40);
  --utrecht-radio-button-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-radio-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-radio-button-focus-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-hover-background-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-focus-border-color: var(
    --utrecht-color-blue-20
  );
  --utrecht-radio-button-checked-hover-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-active-color: var(--utrecht-color-blue-80);
  --utrecht-radio-button-checked-active-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-active-background-color: var(--utrecht-color-blue-80);
  --utrecht-pre-heading-margin-block-start: var(--utrecht-space-row-2xl);
  --utrecht-pre-heading-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-small-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-paragraph-lead-line-height: var(
    --utrecht-typography-line-height-md
  );
  --utrecht-paragraph-lead-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-lead-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-paragraph-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-paragraph-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-pagination-relative-link-border-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-relative-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-relative-link-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-background-color: var(
    --utrecht-color-white
  );
  --utrecht-pagination-page-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-current-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-page-link-color: var(--utrecht-color-blue-35);
  --utrecht-page-color: var(--utrecht-color-black);
  --utrecht-page-background-color: var(--utrecht-color-white);
  --utrecht-page-footer-padding-block-start: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-block-end: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-inline-start: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-padding-inline-end: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-background-image: linear-gradient(
    45deg,
    var(--utrecht-color-red-40),
    var(--utrecht-color-red-40) 50%,
    #d63433 50%
  );
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
  --utrecht-page-footer-color: var(--utrecht-color-white);
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-box-shadow-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-color: var(--utrecht-color-black);
  --utrecht-topnav-link-background-color: var(--utrecht-color-blue-40);
  --utrecht-topnav-link-color: var(--utrecht-color-white);
  --utrecht-topnav-list-border-color: var(--utrecht-color-grey-40);
  --utrecht-topnav-list-background-color: var(--utrecht-color-grey-15);
  --utrecht-sidenav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-link-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-marker-hover-color: var(--utrecht-color-blue-50);
  --utrecht-sidenav-item-marker-color: var(--utrecht-color-grey-80);
  --utrecht-sidenav-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-margin-inline-end: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-inline-start: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-block-end: var(--utrecht-space-block-xs);
  --utrecht-sidenav-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-content-max-inline-size: var(
    --utrecht-page-max-inline-size
  );
  --utrecht-nav-bar-color: var(--utrecht-color-black);
  --utrecht-nav-bar-background-color: var(--utrecht-color-white);
  --utrecht-mark-color: var(--utrecht-color-black);
  --utrecht-mark-background-color: var(--utrecht-color-yellow-60);
  --utrecht-mapcontrolbutton-hover-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-hover-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-focus-color: var(--utrecht-color-black);
  --utrecht-mapcontrolbutton-label-margin-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-label-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-border-style: var(--utrecht-border-style-solid);
  --utrecht-mapcontrolbutton-border-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-background-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-mapcontrolbutton-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-mapcontrolbutton-padding-inline-end: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-inline-start: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-block-end: var(--utrecht-space-block-2xs);
  --utrecht-mapcontrolbutton-padding-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-mapcontrolbutton-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-min-inline-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-min-block-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-border-width: var(--utrecht-border-width-sm);
  --utrecht-map-marker-border-color: var(--utrecht-color-white);
  --utrecht-map-marker-color: var(--utrecht-color-white);
  --utrecht-map-marker-background-color: var(--utrecht-color-blue-30);
  --utrecht-listbox-option-group-title-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-listbox-option-group-title-color: var(--utrecht-color-black);
  --utrecht-listbox-option-group-title-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-listbox-option-group-title-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-listbox-option-group-margin-block-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-listbox-option-hover-background-color: var(--utrecht-color-blue-90);
  --utrecht-listbox-option-hover-color: var(--utrecht-color-black);
  --utrecht-listbox-option-selected-color: var(--utrecht-color-black);
  --utrecht-listbox-option-selected-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-listbox-option-active-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-listbox-option-active-color: var(--utrecht-color-black);
  --utrecht-listbox-option-active-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-listbox-option-padding-inline-start: var(--utrecht-space-inline-xs);
  --utrecht-listbox-option-padding-inline-end: var(--utrecht-space-inline-xs);
  --utrecht-listbox-option-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-listbox-option-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-listbox-background-color: var(--utrecht-color-white);
  --utrecht-link-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-link-color: var(--utrecht-color-blue-35);
  --utrecht-link-social-color: var(--utrecht-color-white);
  --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
  --utrecht-link-social-border-color: var(--utrecht-color-white);
  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
  --utrecht-link-list-item-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-link-list-item-column-gap: var(--utrecht-space-block-xs);
  --utrecht-link-list-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-index-char-nav-link-current-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-index-char-nav-gap: var(--utrecht-space-column-sm);
  --utrecht-index-char-nav-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-index-char-nav-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-6-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-6-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-6-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-6-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-5-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-5-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-5-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-5-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-4-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-4-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-4-font-size: var(--utrecht-typography-scale-lg-font-size);
  --utrecht-heading-4-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-3-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-3-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-3-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-3-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-2-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-2-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-2-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-2-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-1-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-1-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
  --utrecht-heading-1-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
  --utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
  --utrecht-form-toggle-thumb-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-form-toggle-thumb-background-color: var(--utrecht-color-white);
  --utrecht-form-toggle-track-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-toggle-track-border-radius: var(
    --utrecht-form-toggle-border-radius
  );
  --utrecht-form-toggle-color: var(--utrecht-color-black);
  --utrecht-form-toggle-background-color: var(--utrecht-color-white);
  --utrecht-form-label-radio-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-checkbox-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-legend-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-form-fieldset-legend-margin-block-start: var(
    --utrecht-space-block-xl
  );
  --utrecht-form-fieldset-legend-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-fieldset-legend-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-section-color: var(--utrecht-color-black);
  --utrecht-form-fieldset-section-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-form-fieldset-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-fieldset-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-description-margin-block-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-label-margin-block-end: var(--utrecht-space-block-sm);
  --utrecht-form-field-invalid-padding-inline-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-control-read-only-color: var(--utrecht-color-grey-20);
  --utrecht-form-control-read-only-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-control-focus-border-color: var(--utrecht-color-grey-80);
  --utrecht-form-control-placeholder-font-style: var(
    --utrecht-typography-font-style-normal
  );
  --utrecht-form-control-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-form-control-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-form-control-color: var(--utrecht-color-black);
  --utrecht-form-control-border-width: var(--utrecht-border-width-sm);
  --utrecht-form-control-border-color: var(--utrecht-color-grey-30);
  --utrecht-form-control-background-color: var(--utrecht-color-white);
  --utrecht-emphasis-strong-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-drawer-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-block-start: var(--utrecht-space-block-md);
  --utrecht-drawer-padding-block-end: var(--utrecht-space-block-md);
  --utrecht-drawer-border-color: var(--utrecht-color-grey-90);
  --utrecht-document-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-document-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-document-color: var(--utrecht-color-black);
  --utrecht-document-background-color: var(--utrecht-color-white);
  --utrecht-data-placeholder-background-color: var(--utrecht-color-grey-40);
  --utrecht-data-list-rows-item-value-margin-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-data-list-rows-item-margin-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-data-list-item-key-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-data-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-data-list-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-focus-inverse-outline-color: var(--utrecht-color-white);
  --utrecht-focus-outline-width: var(--utrecht-border-width-md);
  --utrecht-focus-outline-color: var(--utrecht-color-black);
  --utrecht-focus-background-color: var(--utrecht-color-yellow-60);
  --utrecht-feedback-active-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-inactive-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-success-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-error-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-valid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-border-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-background-color: var(--utrecht-color-invalid);
  --utrecht-feedback-safe-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-safe-color: var(--utrecht-color-green-50);
  --utrecht-feedback-warning-fill-color: var(--utrecht-color-black);
  --utrecht-feedback-warning-color: var(--utrecht-color-yellow-50);
  --utrecht-feedback-danger-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-danger-color: var(--utrecht-color-red-40);
  --utrecht-column-layout-gap: var(--utrecht-space-column-md);
  --utrecht-column-layout-column-rule-color: var(--utrecht-color-grey-80);
  --utrecht-code-block-margin-block-end: var(--utrecht-space-block-lg);
  --utrecht-code-block-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-code-block-color: var(--utrecht-color-black);
  --utrecht-code-block-background-color: var(--utrecht-color-grey-95);
  --utrecht-checkbox-indeterminate-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-checkbox-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
  --utrecht-checkbox-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-calendar-navigation-label-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-calendar-navigation-label-color: var(--utrecht-color-black);
  --utrecht-calendar-navigation-color: var(--utrecht-color-blue-30);
  --utrecht-calendar-table-days-item-day-disabled-color: var(
    --utrecht-color-grey-40
  );
  --utrecht-calendar-table-days-item-day-selected-color: var(
    --utrecht-color-white
  );
  --utrecht-calendar-table-days-item-day-selected-background-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-calendar-table-days-item-day-is-today-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-calendar-table-days-item-day-out-of-the-month-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-calendar-table-days-item-day-hover-border-color: var(
    --utrecht-color-black
  );
  --utrecht-calendar-table-days-item-day-hover-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-calendar-table-days-item-day-color: var(--utrecht-color-black);
  --utrecht-button-subtle-ready-focus-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-hover-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-color: var(--utrecht-color-green-50);
  --utrecht-button-subtle-danger-focus-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-hover-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-subtle-focus-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-hover-border-color: var(--utrecht-color-blue-40);
  --utrecht-button-subtle-hover-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-subtle-active-color: var(--utrecht-color-white);
  --utrecht-button-subtle-active-background-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-border-width: var(--utrecht-border-width-md);
  --utrecht-button-secondary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-ready-border-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-secondary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-warning-border-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-secondary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-secondary-action-danger-border-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-secondary-action-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-hover-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-secondary-action-hover-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-disabled-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-active-color: var(--utrecht-color-white);
  --utrecht-button-secondary-action-active-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-secondary-action-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-secondary-action-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-focus-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-hover-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-hover-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-danger-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-danger-background-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-primary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-focus-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-hover-color: var(
    --utrecht-color-black
  );
  --utrecht-button-primary-action-warning-hover-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-warning-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-warning-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-primary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-focus-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-ready-hover-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-ready-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-ready-background-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-primary-action-focus-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-primary-action-focus-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-focus-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-primary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-primary-action-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-active-color: var(--utrecht-color-blue-35);
  --utrecht-button-primary-action-active-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-primary-action-active-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-border-width: var(--utrecht-border-width-md);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-background-color: var(--utrecht-color-grey-90);
  --utrecht-button-icon-gap: var(--utrecht-space-text-xs);
  --utrecht-button-active-color: var(--utrecht-color-white);
  --utrecht-button-active-background-color: var(--utrecht-color-grey-40);
  --utrecht-button-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-button-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-button-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-button-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-button-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-button-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-button-color: var(--utrecht-color-grey-40);
  --utrecht-button-border-color: var(--utrecht-color-grey-40);
  --utrecht-button-background-color: var(--utrecht-color-white);
  --utrecht-breadcrumb-nav-arrows-link-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-focus-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-breadcrumb-nav-separator-icon-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-breadcrumb-nav-separator-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-link-icon-size: var(--utrecht-icon-scale-md);
  --utrecht-breadcrumb-nav-link-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-breadcrumb-nav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-item-padding-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-blockquote-content-color: var(--utrecht-color-red-40);
  --utrecht-badge-font-style: var(--utrecht-typography-font-style-normal);
  --utrecht-badge-padding-inline: var(--utrecht-space-inline-sm);
  --utrecht-badge-padding-block: var(--utrecht-space-block-xs);
  --utrecht-badge-color: var(--utrecht-color-white);
  --utrecht-badge-background-color: var(--utrecht-color-grey-30);
  --utrecht-badge-list-item-margin-inline: var(--utrecht-space-block-sm);
  --utrecht-badge-list-item-margin-block: var(--utrecht-space-block-xs);
  --utrecht-badge-counter-font-style: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-badge-counter-color: var(--utrecht-color-white);
  --utrecht-badge-counter-border-radius: var(--utrecht-badge-counter-font-size);
  --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
  --utrecht-backdrop-color: var(--utrecht-color-black);
  --utrecht-backdrop-background-color: var(--utrecht-color-white);
  --utrecht-alert-info-color: var(--utrecht-color-black);
  --utrecht-alert-info-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-icon-info-color: var(--utrecht-color-blue-35);
  --utrecht-alert-icon-ok-color: var(--utrecht-color-green-40);
  --utrecht-alert-icon-warning-color: var(--utrecht-color-yellow-40);
  --utrecht-alert-icon-error-color: var(--utrecht-color-red-40);
  --utrecht-alert-icon-gap: var(--utrecht-space-column-md);
  --utrecht-alert-icon-color: var(--utrecht-color-blue-35);
  --utrecht-alert-ok-color: var(--utrecht-color-black);
  --utrecht-alert-ok-background-color: var(--utrecht-color-green-90);
  --utrecht-alert-error-color: var(--utrecht-color-black);
  --utrecht-alert-error-background-color: var(--utrecht-color-red-95);
  --utrecht-alert-warning-color: var(--utrecht-color-black);
  --utrecht-alert-warning-background-color: var(--utrecht-color-yellow-80);
  --utrecht-alert-padding-inline-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-inline-start: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-start: var(--utrecht-space-block-lg);
  --utrecht-alert-color: var(--utrecht-color-black);
  --utrecht-alert-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-dialog-max-inline-size: var(
    --utrecht-article-max-inline-size
  );
  --utrecht-accordion-section-margin-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-accordion-panel-padding-inline-end: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-inline-start: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-icon-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-accordion-button-focus-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-focus-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-focus-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-active-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-active-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-active-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-hover-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-hover-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-background-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-inline-start: var(
    --utrecht-space-block-md
  );
  --utrecht-accordion-button-padding-inline-end: var(--utrecht-space-block-md);
  --of-layout-background: var(--utrecht-document-background-color);
  --denhaag-process-steps-sub-step-line-color: var(
    --denhaag-process-steps-step-line-color
  );
  --utrecht-toptask-link-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --utrecht-toptask-link-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --utrecht-toptask-link-color: var(--utrecht-button-primary-action-color);
  --utrecht-toptask-link-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --utrecht-skip-link-focus-background-color: var(
    --utrecht-topnav-link-focus-background-color
  );
  --utrecht-skip-link-focus-color: var(--utrecht-topnav-link-focus-color);
  --utrecht-skip-link-padding-inline-end: var(
    --utrecht-button-padding-inline-end
  );
  --utrecht-skip-link-padding-inline-start: var(
    --utrecht-button-padding-inline-start
  );
  --utrecht-skip-link-padding-block-end: var(
    --utrecht-button-padding-block-end
  );
  --utrecht-skip-link-padding-block-start: var(
    --utrecht-button-padding-block-start
  );
  --utrecht-skip-link-color: var(--utrecht-topnav-link-color);
  --utrecht-skip-link-background-color: var(
    --utrecht-topnav-list-background-color
  );
  --utrecht-radio-button-border-color: var(--utrecht-form-control-border-color);
  --utrecht-radio-button-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-paragraph-lead-color: var(--utrecht-document-color);
  --utrecht-listbox-border-width: var(--utrecht-form-control-border-width);
  --utrecht-listbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-link-visited-color: var(--utrecht-link-color);
  --utrecht-link-hover-color: var(--utrecht-link-focus-color);
  --utrecht-link-active-color: var(--utrecht-link-color);
  --utrecht-form-field-error-message-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-field-description-warning-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-form-field-description-invalid-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-control-invalid-border-color: var(
    --utrecht-feedback-invalid-border-color
  );
  --utrecht-form-control-font-family: var(--utrecht-document-font-family);
  --utrecht-drawer-color: var(--utrecht-document-color);
  --utrecht-drawer-background-color: var(--utrecht-document-background-color);
  --utrecht-feedback-active-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-inactive-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-success-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-error-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-valid-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-invalid-fill-background-color: var(
    --utrecht-feedback-invalid-background-color
  );
  --utrecht-feedback-safe-border-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-safe-background-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-warning-border-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-warning-background-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-danger-border-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-danger-background-color: var(
    --utrecht-feedback-danger-color
  );
  --utrecht-checkbox-color: var(--utrecht-form-control-color);
  --utrecht-checkbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-checkbox-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-button-subtle-pressed-color: var(
    --utrecht-button-subtle-active-color
  );
  --utrecht-button-subtle-pressed-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --utrecht-button-secondary-action-pressed-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --utrecht-button-secondary-action-pressed-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --utrecht-button-primary-action-pressed-color: var(
    --utrecht-button-primary-action-active-color
  );
  --utrecht-button-primary-action-pressed-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --utrecht-button-primary-action-pressed-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --utrecht-button-pressed-color: var(--utrecht-button-active-color);
  --utrecht-button-pressed-background-color: var(
    --utrecht-button-active-background-color
  );
  --utrecht-breadcrumb-nav-arrows-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --utrecht-breadcrumb-nav-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --of-layout-bg: var(--of-layout-background);
  --utrecht-radio-button-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-invalid-border-inline-start-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-description-valid-color: var(
    --utrecht-feedback-valid-color
  );
  --utrecht-feedback-active-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-active-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-inactive-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-inactive-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-success-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-success-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-error-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-error-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-valid-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-valid-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-safe-fill-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-warning-fill-background-color: var(
    --utrecht-feedback-warning-background-color
  );
  --utrecht-feedback-danger-fill-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-checkbox-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-feedback-active-fill-background-color: var(
    --utrecht-feedback-active-background-color
  );
  --utrecht-feedback-inactive-fill-background-color: var(
    --utrecht-feedback-inactive-background-color
  );
  --utrecht-feedback-success-fill-background-color: var(
    --utrecht-feedback-success-background-color
  );
  --utrecht-feedback-error-fill-background-color: var(
    --utrecht-feedback-error-background-color
  );
  --utrecht-feedback-valid-fill-background-color: var(
    --utrecht-feedback-valid-background-color
  );
}
#navbar .container {
  height: 100%;
}
#navbar .container #main-menu {
  height: 100%;
  display: inline-flex;
  align-items: center;
}
#navbar .container #main-menu .level-1 {
  padding: 10px;
  text-decoration: none;
  color: var(--nlds-main-menu-item-color, #000);
  border-bottom: solid 2px transparent;
  white-space: nowrap;
}
#navbar .container #main-menu .level-1:hover,
#navbar .container #main-menu .level-1:focus-visible {
  color: var(
    --nlds-main-menu-item-color--hover,
    var(--utrecht-link-hover-color)
  );
  border-color: var(
    --nlds-main-menu-item-border-color--hover,
    var(--utrecht-link-hover-color)
  );
}
#navbar .container #main-menu.mobile-nav {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  flex-direction: column;
  text-align: left;
  background: #fff;
  padding: 1.5rem;
  z-index: 9999;
}
#navbar .container #main-menu.mobile-nav .level-1,
#navbar .container #main-menu.mobile-nav button {
  align-self: flex-start;
}
#navbar .container #main-menu.mobile-nav button {
  margin: 10px 0;
}
.main-header-container > .row {
  justify-content: space-between;
  align-items: center;
}
.main-header-container > .row > * {
  width: revert;
  max-width: revert;
}
#navbar.--compact {
  padding: 0;
  margin: 0;
  background: none;
}
#navbar.--compact .container {
  padding: 0;
  margin: 0;
}
#navbar .container #main-menu .item-container {
  position: relative;
}
#navbar .container #main-menu .item-container:has(.toggle-submenu) {
  display: flex;
  align-items: center;
}
#navbar .container #main-menu .toggle-submenu {
  border: none;
  background: none;
  padding: 10px;
  font-size: var(--utrecht-link-icon-size);
  align-self: stretch;
  margin-left: -20px;
  pointer-events: none;
}
#navbar .container #main-menu .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 250px;
  margin-block-start: 10px;
  background-color: #fff;
  box-shadow: 0 1px 4px #0003;
  z-index: 999;
}
#navbar .container #main-menu .submenu .level-2 {
  width: 100%;
  display: block;
  text-decoration: none;
  padding: 1rem;
  box-sizing: border-box;
  color: var(--nlds-main-menu-item-color, #000);
}
#navbar .container #main-menu .submenu .level-2:hover {
  background-color: #f2f2f2;
}
#navbar .container #main-menu .submenu .level-2 + .level-2 {
  border-top: solid 1px #f2f2f2;
}

@charset "UTF-8";
.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
  );
  justify-content: start !important;
  position: relative;
}
.utrecht-accordion__button[aria-expanded]:after {
  background-color: var(--utrecht-accordion-button-icon-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[aria-expanded='false']:after {
  background-image: var(
    --utrecht-accordion-icon-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[aria-expanded='true']:after {
  background-image: var(
    --utrecht-accordion-icon-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__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;
}
.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);
}
.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);
  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);
}
.utrecht-index-char-nav {
  --utrecht-button-padding-inline-start: 1ch;
  --utrecht-button-padding-inline-end: 1ch;
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-index-char-nav-gap);
  margin-block-end: var(--utrecht-index-char-nav-margin-block-end);
  margin-block-start: var(--utrecht-index-char-nav-margin-block-start);
}
.utrecht-index-char-nav__link--current {
  --utrecht-button-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
  --utrecht-button-link-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
}
.utrecht-index-char-nav__link--disabled {
  pointer-events: none;
}
.utrecht-alternate-lang-nav__heading {
  display: none;
}
.utrecht-article {
  max-inline-size: var(--utrecht-article-max-inline-size);
}
.utrecht-badge-counter {
  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-document-font-family, sans-serif);
  font-size: var(--utrecht-badge-counter-font-size);
  font-style: var(--utrecht-badge-counter-font-style, normal);
  font-weight: var(
    --utrecht-badge-counter-font-weight,
    var(--utrecht-badge-font-weight, bold)
  );
  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;
  white-space: nowrap;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-badge-counter {
    border-color: currentColor;
    border-style: solid;
    border-width: 1px;
  }
}
.utrecht-badge-data {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    border-width: 1px;
  }
}
.utrecht-badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-badge-list-item-margin-block)
    var(--utrecht-badge-list-item-margin-inline);
}
.utrecht-badge-status {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    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)
  );
}
.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;
}
.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;
}
.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--disabled {
  --utrecht-link-placeholder-color: var(
    --utrecht-breadcrumb-nav-link-disabled-color,
    var(--utrecht-breadcrumb-nav-link-color)
  );
  background-color: var(
    --utrecht-breadcrumb-nav-link-disabled-background-color,
    var(--utrecht-breadcrumb-nav-link-background-color)
  );
  color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-breadcrumb-nav__link--current {
  --utrecht-link-current-font-weight: var(
    --utrecht-breadcrumb-nav-link-current-font-weight,
    inherit
  );
  cursor: var(--utrecht-action-inert-cursor, default);
  font-weight: var(--utrecht-breadcrumb-nav-link-current-font-weight, inherit);
}
.utrecht-breadcrumb-nav__separator,
.utrecht-breadcrumb-nav__separator--html-li {
  --_utrecht-breadcrumb-nav-separator-display: inline-flex;
  --utrecht-icon-size: var(--utrecht-breadcrumb-nav-separator-icon-size);
  align-items: center;
  color: var(--utrecht-breadcrumb-nav-separator-color);
  cursor: var(--utrecht-action-inert-cursor, default);
  display: var(--_utrecht-breadcrumb-nav-separator-display);
  inline-size: fit-content;
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-breadcrumb-nav--arrows {
  --utrecht-breadcrumb-nav-arrow-size: 24px;
  min-block-size: var(--utrecht-breadcrumb-nav-min-block-size);
  overflow: hidden;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link {
  background-color: var(--utrecht-breadcrumb-nav-arrows-link-background-color);
  padding-inline-end: 0;
  position: relative;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  block-size: 0;
  border-block-end-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-block-start-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-color: transparent;
  border-style: solid;
  content: ' ';
  display: block;
  inline-size: 0;
  inset-block-start: 50%;
  inset-inline-start: 100%;
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  position: absolute;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-background-color
  );
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  z-index: 2;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  border-inline-start-color: var(--utrecht-document-background-color);
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  margin-inline-start: 1px;
  z-index: 1;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus {
  --utrecht-link-focus-background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
  background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__link
  ~ .utrecht-breadcrumb-nav__link,
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__item
  ~ .utrecht-breadcrumb-nav__item
  .utrecht-breadcrumb-nav__link {
  padding-inline-start: calc(
    var(--utrecht-breadcrumb-nav-item-padding-inline-start) +
      var(--utrecht-breadcrumb-nav-arrow-size)
  );
}
.utrecht-breadcrumb-nav__item ~ .utrecht-breadcrumb-nav__item {
  margin-inline-start: var(--utrecht-breadcrumb-nav-item-divider-inline-size);
}
.utrecht-button {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button--distanced {
  margin-block-end: var(--utrecht-button-margin-block-end);
  margin-block-start: var(--utrecht-button-margin-block-start);
  margin-inline-end: var(--utrecht-button-margin-inline-end);
  margin-inline-start: var(--utrecht-button-margin-inline-start);
}
.utrecht-button--submit {
  cursor: var(--utrecht-action-submit-cursor, revert);
}
.utrecht-button--busy {
  cursor: var(--utrecht-action-busy-cursor, wait);
}
.utrecht-button--pressed {
  background-color: var(--_utrecht-button-pressed-background-color);
  border-color: var(--_utrecht-button-pressed-border-color);
  color: var(--_utrecht-button-pressed-color);
}
.utrecht-button:disabled,
.utrecht-button--disabled {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button--focus:not(.utrecht-button--disabled) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-button--hover:not(:disabled, .utrecht-button--disabled),
.utrecht-button:hover:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button:active:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ),
.utrecht-button--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-danger-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-ready-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-warning-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-danger-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-ready-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-warning-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-danger-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-danger-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-danger-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-ready-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-ready-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-ready-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-warning-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-warning-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-warning-pressed-color
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Frameless B.V.
 */
.utrecht-button-group {
  align-items: baseline;
  background-color: var(--utrecht-button-group-background-color);
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-button-group-inline-gap, 1em);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-start, 0)
  );
  min-block-size: var(--utrecht-button-block-size);
  padding-block-end: var(--utrecht-button-group-padding-block-end);
  padding-block-start: var(--utrecht-button-group-padding-block-start);
}
.utrecht-button-group--distanced {
  --utrecht-space-around: 1;
}
.utrecht-button-group__link-button--row,
.utrecht-button-group--row .utrecht-link-button,
.utrecht-button-group:not(.utrecht-button-group--column) .utrecht-link-button {
  --utrecht-button-padding-inline-end: 0;
  --utrecht-button-padding-inline-start: 0;
}
.utrecht-button-group--column {
  flex-direction: column;
  gap: var(--utrecht-button-group-block-gap, 1em);
}
.utrecht-calendar {
  background-color: var(--utrecht-calendar-background-color);
  inline-size: fit-content;
}
.utrecht-calendar__table {
  margin-inline: auto;
  padding-block-end: var(--utrecht-calendar-table-padding-block-end);
  padding-block-start: var(--utrecht-calendar-table-padding-block-start);
}
.utrecht-calendar__table-weeks-item {
  inline-size: var(--utrecht-calendar-table-weeks-item-width);
  line-height: var(--utrecht-calendar-table-weeks-item-line-height, inherit);
  padding-block-end: var(--utrecht-calendar-table-weeks-item-padding-block-end);
  padding-block-start: var(
    --utrecht-calendar-table-weeks-item-padding-block-start
  );
}
.utrecht-calendar__table-days-item-day {
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-border-color
  );
  --utrecht-calendar-button-border-width: var(
    --utrecht-calendar-table-days-item-day-border-width
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-color
  );
  block-size: var(--utrecht-calendar-table-days-item-day-size);
  inline-size: var(--utrecht-calendar-table-days-item-day-size);
}
.utrecht-calendar__table-days-item-day:hover {
  --utrecht-calendar-button-hover-background-color: var(
    --utrecht-calendar-table-days-item-day-hover-background-color
  );
  --utrecht-calendar-button-hover-border-color: var(
    --utrecht-calendar-table-days-item-day-hover-border-color
  );
  --utrecht-calendar-button-hover-color: var(
    --utrecht-calendar-table-days-item-day-hover-color
  );
}
.utrecht-calendar__table-days-item-day:focus {
  --utrecht-calendar-button-focus-background-color: var(
    --utrecht-calendar-table-days-item-day-focus-background-color
  );
  --utrecht-calendar-button-focus-border-color: var(
    --utrecht-calendar-table-days-item-day-focus-border-color
  );
  --utrecht-calendar-button-focus-color: var(
    --utrecht-calendar-table-days-item-day-focus-color
  );
}
.utrecht-calendar__table-days-item-day:active {
  --utrecht-calendar-button-active-background-color: var(
    --utrecht-calendar-table-days-item-day-active-background-color
  );
  --utrecht-calendar-button-active-border-color: var(
    --utrecht-calendar-table-days-item-day-active-border-color
  );
  --utrecht-calendar-button-active-color: var(
    --utrecht-calendar-table-days-item-day-active-color
  );
}
.utrecht-calendar__table-days-item-day:disabled {
  --utrecht-calendar-button-disabled-background-color: var(
    --utrecht-calendar-table-days-item-day-disabled-background-color
  );
  --utrecht-calendar-button-disabled-border-color: var(
    --utrecht-calendar-table-days-item-day-disabled-border-color
  );
  --utrecht-calendar-button-disabled-color: var(
    --utrecht-calendar-table-days-item-day-disabled-color
  );
}
.utrecht-calendar__table-days-item-day--out-of-the-month {
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-color
  );
}
.utrecht-calendar__table-days-item-day--is-today {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-is-today-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-is-today-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-is-today-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-is-today-color
  );
}
.utrecht-calendar__table-days-item-day--emphasis {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-emphasis-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-color
  );
}
.utrecht-calendar__table-days-item-day--selected {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-selected-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-selected-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-selected-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-selected-color
  );
}
.utrecht-calendar__navigation {
  background-color: var(--utrecht-calendar-navigation-background-color);
  color: var(--utrecht-calendar-navigation-color);
  padding-block-end: var(--utrecht-calendar-navigation-padding-block-end);
  padding-block-start: var(--utrecht-calendar-navigation-padding-block-start);
}
.utrecht-calendar__navigation-label {
  color: var(--utrecht-calendar-navigation-label-color);
  font-size: var(--utrecht-calendar-navigation-label-font-size);
  text-align: center;
}
.utrecht-calendar__navigation-buttons {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.utrecht-calendar__button {
  --utrecht-button-subtle-color: var(
    --utrecht-calendar-button-color,
    currentColor
  );
  --utrecht-button-subtle-background-color: var(
    --utrecht-calendar-button-background-color,
    transparent
  );
  --utrecht-button-subtle-border-color: var(
    --utrecht-calendar-button-border-color,
    transparent
  );
  --utrecht-button-subtle-border-width: var(
    --utrecht-calendar-button-border-width
  );
  --utrecht-button-font-weight: var(--utrecht-calendar-button-font-weight);
  --utrecht-button-subtle-focus-background-color: var(
    --utrecht-calendar-button-focus-background-color
  );
  --utrecht-button-subtle-focus-border-color: var(
    --utrecht-calendar-button-focus-border-color
  );
  --utrecht-button-subtle-focus-color: var(
    --utrecht-calendar-button-focus-color
  );
  --utrecht-button-subtle-active-background-color: var(
    --utrecht-calendar-button-active-background-color
  );
  --utrecht-button-subtle-active-border-color: var(
    --utrecht-calendar-button-active-border-color
  );
  --utrecht-button-subtle-active-color: var(
    --utrecht-calendar-button-active-color
  );
  --utrecht-button-subtle-hover-background-color: var(
    --utrecht-calendar-button-hover-background-color
  );
  --utrecht-button-subtle-hover-border-color: var(
    --utrecht-calendar-button-hover-border-color,
    transparent
  );
  --utrecht-button-subtle-hover-color: var(
    --utrecht-calendar-button-hover-color
  );
  --utrecht-button-subtle-disabled-background-color: var(
    --utrecht-calendar-button-disabled-background-color
  );
  --utrecht-button-subtle-disabled-border-color: var(
    --utrecht-calendar-button-disabled-border-color
  );
  --utrecht-button-subtle-disabled-color: var(
    --utrecht-calendar-button-disabled-color
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-calendar-button-padding-block-end,
    0
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-calendar-button-padding-block-start,
    0
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-calendar-button-padding-inline-end,
    0
  );
  --utrecht-button-padding-inline-start: var(
    --utrecht-calendar-button-padding-inline-start,
    0
  );
  cursor: pointer;
}
.utrecht-calendar__icon {
  block-size: var(--utrecht-calendar-icon-size);
  inline-size: var(--utrecht-calendar-icon-size);
}
.utrecht-code {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
}
.utrecht-code-block {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
  --utrecht-code-color: var(--utrecht-code-block-color, inherit);
  --utrecht-code-background-color: var(
    --utrecht-code-block-background-color,
    inherit
  );
  --utrecht-code-font-weight: var(--utrecht-code-block-font-weight, inherit);
  --utrecht-code-font-size: var(--utrecht-code-block-font-size, inherit);
  --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
  background-color: var(--utrecht-code-block-background-color);
  display: block;
  font-size: var(--utrecht-code-block-font-size, var(--utrecht-code-font-size));
  line-height: var(
    --utrecht-code-block-line-height,
    var(--utrecht-code-line-height)
  );
  margin-block-end: var(--utrecht-code-block-margin-block-end);
  margin-block-start: var(--utrecht-code-block-margin-block-start);
  margin-inline-end: var(--utrecht-code-block-margin-inline-end);
  margin-inline-start: var(--utrecht-code-block-margin-inline-start);
  padding-block-end: var(--utrecht-code-block-padding-block-end);
  padding-block-start: var(--utrecht-code-block-padding-block-start);
  padding-inline-end: var(--utrecht-code-block-padding-inline-end);
  padding-inline-start: var(--utrecht-code-block-padding-inline-start);
  white-space: pre;
}
.utrecht-code-block__content {
  font-family: inherit;
  font-size: inherit;
}
.utrecht-color-sample {
  background-color: var(--utrecht-color-sample-background-color, currentColor);
  block-size: var(--utrecht-color-sample-block-size, 2em);
  border-color: var(
    --utrecht-color-sample-border-color,
    var(--utrecht-color-sample-default-border-color)
  );
  border-radius: var(--utrecht-color-sample-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-color-sample-border-width, 0);
  box-sizing: border-box;
  display: inline-block;
  inline-size: var(--utrecht-color-sample-inline-size, 2em);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
@media (forced-colors: active) {
  .utrecht-color-sample {
    forced-color-adjust: none;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-dark-border-color,
      #000
    );
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-light-border-color,
      #fff
    );
  }
}
.utrecht-button-link {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
  cursor: var(--utrecht-action-navigate-cursor, pointer);
  text-decoration: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button-link {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button-link--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--placeholder {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button-link--html-a:focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--html-a:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--html-a:hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--html-a:active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button-link--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button-link--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-checkbox {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  cursor: var(--utrecht-action-activate-cursor, revert);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-checkbox--disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--html-input:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-column-layout {
  column-gap: var(--utrecht-column-layout-gap, 2em);
  column-width: var(--utrecht-column-layout-column-width, 40ch);
  display: block;
}
.utrecht-column-layout--rule {
  column-rule-color: var(--utrecht-column-layout-column-rule-color);
  column-rule-style: solid;
  column-rule-width: var(--utrecht-column-layout-column-rule-width, 0);
}
.utrecht-checkbox--custom,
.utrecht-custom-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-checkbox-size, 1em);
  border-color: var(--utrecht-checkbox-border-color);
  border-radius: var(--utrecht-checkbox-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-checkbox-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-checkbox-size, 1em);
  margin-block-start: var(--utrecht-checkbox-margin-block-start);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  vertical-align: top;
}
.utrecht-checkbox--custom.utrecht-checkbox--checked,
.utrecht-custom-checkbox--checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled,
.utrecht-custom-checkbox--disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,
.utrecht-custom-checkbox--disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,
.utrecht-custom-checkbox--disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,
.utrecht-custom-checkbox--indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--invalid,
.utrecht-custom-checkbox--invalid {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--active,
.utrecht-custom-checkbox--active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--hover,
.utrecht-custom-checkbox--hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus,
.utrecht-custom-checkbox--focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,
.utrecht-custom-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,
.utrecht-custom-checkbox--html-input:disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,
.utrecht-custom-checkbox--html-input:disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,
.utrecht-custom-checkbox--html-input:disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,
.utrecht-custom-checkbox--html-input:hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,
.utrecht-custom-checkbox--html-input:focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,
.utrecht-custom-checkbox--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,
.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid='true'],
.utrecht-custom-checkbox--html-input:invalid,
.utrecht-custom-checkbox--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,
.utrecht-custom-checkbox--html-input:active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,
.utrecht-custom-checkbox--html-input:checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,
.utrecht-custom-checkbox--html-input:indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-data-list {
  display: block;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-start, 0)
  );
}
.utrecht-data-list__item-key {
  color: var(--utrecht-data-list-item-key-color);
  font-size: var(--utrecht-data-list-item-key-font-size);
  font-weight: var(--utrecht-data-list-item-key-font-weight);
  line-height: var(--utrecht-data-list-item-key-line-height);
}
.utrecht-data-list__item-value {
  color: var(--utrecht-data-list-item-value-color);
  font-size: var(--utrecht-data-list-item-value-font-size);
  font-weight: var(--utrecht-data-list-item-value-font-weight);
  line-height: var(--utrecht-data-list-item-value-line-height);
  min-block-size: calc(var(--utrecht-data-list-item-value-line-height) * 1rem);
}
.utrecht-data-list__actions--html-dd,
.utrecht-data-list__item-value--html-dd {
  margin-inline-start: 0;
}
.utrecht-data-list__item-value--multiline {
  white-space: pre-line;
}
.utrecht-data-list--rows .utrecht-data-list__actions {
  align-items: baseline;
  display: flex;
  grid-column: -1;
  grid-row: 1;
  justify-content: flex-end;
}
.utrecht-data-list--rows .utrecht-data-list__item {
  --_utrecht-minmax: max(
    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),
    var(--utrecht-data-list-rows-column-inline-size, 80%)
  );
  --_utrecht-auto-col: minmax(var(--_utrecht-minmax), max-content);
  border-block-end-color: var(
    --utrecht-data-list-rows-border-bottom-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-data-list-rows-border-bottom-width, 0);
  column-gap: var(--utrecht-data-list-rows-gap);
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: repeat(auto-fit, var(--_utrecht-auto-col));
  margin-block-start: var(--utrecht-data-list-rows-item-margin-block-start);
  padding-block-end: var(--utrecht-data-list-rows-item-padding-block-end);
  padding-block-start: var(--utrecht-data-list-rows-item-padding-block-start);
  row-gap: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item:first-of-type {
  margin-block-start: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item-value {
  margin-block-start: var(
    --utrecht-data-list-rows-item-value-margin-block-start
  );
}
.utrecht-digid-button {
  --utrecht-button-min-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-digid-button-block-size, 50px);
  block-size: var(--utrecht-digid-button-block-size, 50px);
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-document {
  color: var(--utrecht-document-color, inherit);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-document-font-size, inherit);
  font-weight: var(--utrecht-document-font-weight, inherit);
  line-height: var(--utrecht-document-line-height, inherit);
  text-rendering: optimizeLegibility;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
.utrecht-document :lang(ar) {
  letter-spacing: 0 !important;
}
.utrecht-document--surface {
  background-color: var(--utrecht-document-background-color, inherit);
}
.utrecht-drawer {
  --_utrecht-drawer-backdrop-min-size: max(
    var(--utrecht-drawer-backdrop-min-size),
    44px
  );
  background-color: var(--utrecht-drawer-background-color, Canvas);
  border-color: var(--utrecht-drawer-border-color, currentColor);
  border-width: var(--utrecht-drawer-border-width, 0);
  box-sizing: border-box;
  color: var(--utrecht-drawer-color, CanvasText);
  overflow: auto;
  padding-block-end: var(--utrecht-drawer-padding-block-end);
  padding-block-start: var(--utrecht-drawer-padding-block-start);
  padding-inline-end: var(--utrecht-drawer-padding-inline-end);
  padding-inline-start: var(--utrecht-drawer-padding-inline-start);
  position: fixed;
  z-index: var(--utrecht-drawer-z-index, 1);
}
.utrecht-drawer::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;
}
@keyframes utrecht-backdrop-fade-in {
  0% {
    opacity: 0%;
  }
  to {
    opacity: var(--_utrecht-backdrop-opacity);
  }
}
@media (prefers-reduced-motion: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-fade-in-animation-duration: 0;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-opacity: var(
      --utrecht-backdrop-reduced-transparency-opacity,
      100%
    );
  }
}
.utrecht-drawer--inline-start {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-inline-start-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: auto;
  inset-inline-start: 0;
}
.utrecht-drawer--inline-end {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  border-inline-end-width: 0;
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: 0;
  inset-inline-start: auto;
}
.utrecht-drawer--block-start {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-start-width: 0;
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: auto;
  inset-block-start: 0;
}
.utrecht-drawer--block-end {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-end-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: 0;
  inset-block-start: auto;
}
.utrecht-emphasis--stressed {
  font-style: var(--utrecht-emphasis-stressed-font-style, italic);
}
.utrecht-emphasis--strong {
  font-weight: var(--utrecht-emphasis-strong-font-weight, bold);
}
.utrecht-figure {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-start, 0)
  );
}
.utrecht-figure__caption {
  color: var(--utrecht-figure-caption-color);
  font-size: var(--utrecht-figure-caption-font-size);
  line-height: var(--utrecht-figure-caption-line-height);
}
.utrecht-form {
  display: block;
  max-inline-size: var(--utrecht-form-max-inline-size);
}
.utrecht-form-field-description {
  --utrecht-document-color: currentColor;
  color: var(--utrecht-form-field-description-color);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-description-font-size, inherit);
  font-style: var(--utrecht-form-field-description-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
}
.utrecht-form-field-description > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--invalid {
  color: var(
    --utrecht-form-field-description-invalid-color,
    var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color))
  );
}
.utrecht-form-field-description--valid {
  color: var(
    --utrecht-form-field-description-valid-color,
    var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color))
  );
}
.utrecht-form-field-description--warning {
  color: var(
    --utrecht-form-field-description-warning-color,
    var(--utrecht-feedback-warning-color)
  );
}
.utrecht-form-field-error-message {
  --utrecht-document-color: currentColor;
  background-color: var(--utrecht-form-field-error-message-background-color);
  color: var(--utrecht-form-field-error-message-color);
  display: block;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-error-message-font-size, inherit);
  font-style: var(--utrecht-form-field-error-message-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-block-end: var(--utrecht-form-field-error-message-padding-block-end);
  padding-block-start: var(
    --utrecht-form-field-error-message-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-form-field-error-message-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-form-field-error-message-padding-inline-start
  );
}
.utrecht-form-field-error-message > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field {
  break-inside: avoid;
  font-family: var(--utrecht-document-font-family, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-start, 0)
  );
  max-inline-size: var(--utrecht-form-field-max-inline-size);
  page-break-inside: avoid;
}
.utrecht-form-field--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field--invalid {
  border-inline-start-color: var(
    --utrecht-form-field-invalid-border-inline-start-color
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-field-invalid-border-inline-start-width,
    0
  );
  padding-inline-start: var(--utrecht-form-field-invalid-padding-inline-start);
}
.utrecht-form-field--checkbox {
  display: grid;
  gap: 0 var(--utrecht-checkbox-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-checkbox-size) 100fr;
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-checkbox-size) +
          var(--utrecht-checkbox-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-checkbox-margin-inline-end, 12px);
}
.utrecht-form-field--radio {
  display: grid;
  gap: 0 var(--utrecht-radio-button-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-radio-button-size) 100fr;
}
.utrecht-form-field--radio
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-radio-button-size) +
          var(--utrecht-radio-button-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--radio
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end, 12px);
}
.utrecht-form-field__input {
  margin-block-end: 0;
  margin-block-start: 0;
  grid-area: input;
  order: 5;
}
.utrecht-form-field__label {
  grid-area: label;
  margin-block-end: var(--utrecht-form-field-label-margin-block-end);
  margin-block-start: 0;
  order: 1;
}
.utrecht-form-field .utrecht-form-field-description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field .utrecht-form-field-description--invalid {
  grid-area: description-invalid;
  order: 3;
}
.utrecht-form-field__description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field__description--before {
  grid-area: description-before;
  order: 4;
}
.utrecht-form-fieldset {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--html-fieldset,
.utrecht-form-fieldset__fieldset--html-fieldset {
  all: revert;
  border: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  min-inline-size: 0;
  padding-block-end: 0;
  padding-block-start: 0.01em;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset__legend--html-legend {
  display: table;
  inline-size: 100%;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-fieldset--section {
  background-color: var(--utrecht-form-fieldset-section-background-color);
  color: var(--utrecht-form-fieldset-section-color);
}
.utrecht-form-fieldset__legend {
  break-inside: avoid;
  color: var(
    --utrecht-form-fieldset-legend-color,
    var(--utrecht-document-color, inherit)
  );
  font-family: var(
    --utrecht-form-fieldset-legend-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-form-fieldset-legend-font-size);
  font-weight: var(--utrecht-form-fieldset-legend-font-weight);
  line-height: var(--utrecht-form-fieldset-legend-line-height);
  page-break-after: avoid;
  page-break-inside: avoid;
}
.utrecht-form-fieldset__legend--disabled {
  color: var(
    --utrecht-form-fieldset-legend-disabled-color,
    var(
      --utrecht-form-fieldset-legend-color,
      var(--utrecht-document-color, inherit)
    )
  );
}
.utrecht-form-fieldset__legend--distanced {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--invalid {
  border-inline-start-color: var(
    --utrecht-form-fieldset-invalid-border-inline-start-color,
    var(--utrecht-form-field-invalid-border-inline-start-color)
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-fieldset-invalid-border-inline-start-width,
    var(--utrecht-form-field-invalid-border-inline-start-width)
  );
  padding-inline-start: var(
    --utrecht-form-fieldset-invalid-padding-inline-start,
    var(--utrecht-form-field-invalid-padding-inline-start)
  );
}
.utrecht-form-label {
  color: var(--utrecht-form-label-color);
  font-size: var(--utrecht-form-label-font-size);
  font-weight: var(--utrecht-form-label-font-weight);
}
.utrecht-form-label--checkbox {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-checkbox-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--checked {
  font-weight: var(
    --utrecht-form-label-checked-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
  font-weight: var(
    --utrecht-form-label-disabled-color,
    var(--utrecht-form-label-color)
  );
}
.utrecht-form-label--radio {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-radio-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-toggle {
  align-items: center;
  block-size: var(--utrecht-form-toggle-height, 2em);
  border-color: var(--utrecht-form-toggle-border-color, currentColor);
  border-radius: var(--utrecht-form-toggle-border-radius, 999rem);
  border-style: var(--utrecht-form-toggle-border-style, solid);
  border-width: var(--utrecht-form-toggle-border-width, 1px);
  color: var(--utrecht-form-toggle-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: flex;
  inline-size: var(--utrecht-form-toggle-width, 6em);
  padding-block-end: var(--utrecht-form-toggle-padding-block-end);
  padding-block-start: var(--utrecht-form-toggle-padding-block-start);
  padding-inline-end: var(--utrecht-form-toggle-padding-inline-end);
  padding-inline-start: var(--utrecht-form-toggle-padding-inline-start);
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-form-toggle {
    --utrecht-form-toggle-background-color: ButtonFace;
    --utrecht-form-toggle-border-color: buttonborder;
    --utrecht-form-toggle-border-width: 1px;
    --utrecht-form-toggle-border-radius: var(
      --utrecht-form-toggle-track-border-radius
    );
    --utrecht-form-toggle-thumb-background-color: ButtonText;
    --utrecht-form-toggle-thumb-disabled-background-color: GrayText;
    border-color: var(
      --utrecht-form-toggle-track-disabled-border-color,
      var(--utrecht-form-toggle-track-border-color)
    );
    border-width: min(var(--utrecht-form-toggle-border-width, 1px), 1px);
  }
}
.utrecht-form-toggle--focus-visible,
.utrecht-form-toggle--html-div:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--hover {
  background-color: var(
    --utrecht-form-toggle-hover-background-color,
    var(--utrecht-form-toggle-background-color)
  );
  color: var(
    --utrecht-form-toggle-hover-color,
    var(--utrecht-form-toggle-color)
  );
}
.utrecht-form-toggle--disabled,
.utrecht-form-toggle--html-div:disabled {
  border-color: var(
    --utrecht-form-toggle-disabled-border-color,
    var(--utrecht-form-toggle-border-color, currentColor)
  );
  border-style: var(
    --utrecht-form-toggle-disabled-border-style,
    var(--utrecht-form-toggle-border-style, solid)
  );
  border-width: var(
    --utrecht-form-toggle-disabled-border-width,
    var(--utrecht-form-toggle-border-width, 1px)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-background-color,
    currentColor
  );
  border-radius: var(--utrecht-form-toggle-thumb-border-radius, 50%);
  box-shadow: var(--utrecht-form-toggle-thumb-box-shadow);
  margin-inline-end: var(--utrecht-form-toggle-thumb-margin-inline-end, 0);
  margin-inline-start: var(--utrecht-form-toggle-thumb-margin-inline-start, 0);
  min-block-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  min-inline-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  z-index: 20;
}
.utrecht-form-toggle__thumb--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-start: auto;
}
.utrecht-form-toggle__thumb--not-checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:not(:checked)
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-end: auto;
}
.utrecht-form-toggle__thumb--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-disabled-background-color,
    #aaa
  );
  box-shadow: var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0);
}
.utrecht-form-toggle__track {
  align-items: center;
  background-color: var(--utrecht-form-toggle-accent-color);
  block-size: 100%;
  border-radius: var(
    --utrecht-form-toggle-track-border-radius,
    var(--utrecht-form-toggle-border-radius)
  );
  display: flex;
  inline-size: 100%;
}
.utrecht-form-toggle__track--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-checked-accent-color,
    var(--utrecht-form-toggle-accent-color)
  );
}
.utrecht-form-toggle__track--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-background-disabled-background-color,
    #ddd
  );
  color: var(--utrecht-form-toggle-disabled-color, black);
}
.utrecht-form-toggle__track--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox {
  block-size: 1px !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  inline-size: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
}
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:focus-visible
  ~ .utrecht-form-toggle__track {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-heading-1 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-1-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-1-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-1-font-size, revert);
  font-weight: var(
    --utrecht-heading-1-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-1-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-1--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-2 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-2-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-2-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-2-font-size, revert);
  font-weight: var(
    --utrecht-heading-2-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-2-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-2--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-3 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-3-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-3-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-3-font-size, revert);
  font-weight: var(
    --utrecht-heading-3-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-3-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-3--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-4 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-4-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-4-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-4-font-size, revert);
  font-weight: var(
    --utrecht-heading-4-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-4-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-4--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-5 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-5-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-5-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-5-font-size, revert);
  font-weight: var(
    --utrecht-heading-5-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-5-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-5--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-heading-6 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-6-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-6-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-6-font-size, revert);
  font-weight: var(
    --utrecht-heading-6-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-6-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-6--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 */
.utrecht-heading-group {
  --utrecht-pre-heading-order: -1;
  display: flex;
  flex-direction: column;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-start, 0)
  );
}
.utrecht-heading-group > * {
  --utrecht-space-around: 0;
}
.utrecht-iban-data {
  font-variant-numeric: lining-nums slashed-zero tabular-nums;
  white-space: nowrap;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Gemeente Utrecht
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-icon {
  block-size: var(--utrecht-icon-size);
  color: var(--utrecht-icon-color);
  display: inline-block;
  font-size: var(--utrecht-icon-size);
  inline-size: var(--utrecht-icon-size);
  inset-block-start: var(--utrecht-icon-inset-block-start, 0);
  position: relative;
}
.utrecht-icon svg {
  height: 100%;
  pointer-events: none;
  width: 100%;
}
.utrecht-img {
  height: auto;
  width: auto;
}
.utrecht-img--scale-down,
.utrecht-img--photo {
  max-height: 100%;
  max-width: 100%;
}
.utrecht-link-list,
.utrecht-link-list--html-ul {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
}
.utrecht-link-list > li,
.utrecht-link-list--html-ul > li {
  list-style: none;
}
.utrecht-link-list {
  --utrecht-link-text-decoration: none;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: underline;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-start, 0)
  );
}
.utrecht-link-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-link-list__item {
  --utrecht-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-link-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-icon-inset-block-start: var(
    --utrecht-link-list-icon-inset-block-start
  );
  display: block;
  font-weight: var(--utrecht-link-list-item-font-weight);
}
.utrecht-link-list__item + .utrecht-link-list__item {
  margin-block-start: var(--utrecht-link-list-item-margin-block-start);
}
.utrecht-link-list__link {
  align-items: baseline;
  column-gap: var(--utrecht-link-list-item-column-gap);
  display: inline-flex;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-link-button {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family)
  );
  font-weight: var(--utrecht-button-font-weight);
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: inherit;
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-link-button--hover,
.utrecht-link-button--html-button:not(:disabled):hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--disabled {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link-button--focus,
.utrecht-link-button--html-button:not(:disabled):focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--focus-visible,
.utrecht-link-button--html-button:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link-button--active,
.utrecht-link-button--html-button:not(:disabled):active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--inline {
  --utrecht-icon-inset-block-start: var(
    --utrecht-icon-baseline-inset-block-start
  );
  min-block-size: auto;
  min-inline-size: auto;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-link-button--pressed {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--html-button {
  background-color: transparent;
  border-width: 0;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 * Copyright (c) 2022 Gemeente Utrecht
 */
.utrecht-link-social {
  --utrecht-icon-size: var(--utrecht-link-social-icon-size);
  --utrecht-icon-color: currentColor;
  align-items: center;
  background-color: var(--utrecht-link-social-background-color);
  block-size: var(--utrecht-link-social-size);
  border-color: var(--utrecht-link-social-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-link-social-border-width);
  color: var(--utrecht-link-social-color);
  display: inline-flex;
  inline-size: var(--utrecht-link-social-size);
  justify-content: center;
}
.utrecht-link-social:hover,
.utrecht-link-social--hover {
  background-color: var(
    --utrecht-link-social-hover-background-color,
    var(--utrecht-link-social-background-color)
  );
  color: var(
    --utrecht-link-social-hover-color,
    var(--utrecht-link-social-color)
  );
  transform: var(--utrecht-link-social-hover-transform-scale);
}
.utrecht-link-social:focus-visible,
.utrecht-link-social--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-link-social--distanced {
  margin-inline-start: var(--utrecht-link-social-margin-inline-start);
}
.utrecht-list-social {
  display: flex;
  margin-block-end: var(--utrecht-list-social-margin-block-end);
  margin-block-start: var(--utrecht-list-social-margin-block-start);
  padding-inline-end: var(--utrecht-list-social-padding-inline-end);
  padding-inline-start: var(--utrecht-list-social-padding-inline-start);
}
.utrecht-list-social__item {
  list-style-type: none;
  margin-inline-end: var(--utrecht-list-social-item-margin-inline-end);
}
.utrecht-list-social__item:last-child {
  margin-inline-end: 0;
}
.utrecht-link {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
}
.utrecht-link:any-link {
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
}
.utrecht-link--icon-left {
  background-image: var(--utrecht-link-icon-left-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-link-color, LinkText);
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration-line: none;
}
.utrecht-link--visited {
  --_utrecht-link-forced-colors-color: visitedtext;
  --_utrecht-link-state-color: var(--utrecht-link-visited-color);
}
.utrecht-link--html-a:any-link:hover,
.utrecht-link--hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus,
.utrecht-link--html-a:any-link:focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus:not(:focus-visible),
.utrecht-link--html-a:any-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-link--html-span:active,
.utrecht-link--html-a:any-link:active,
.utrecht-link--active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link--telephone {
  white-space: nowrap;
}
.utrecht-link--current {
  cursor: var(--utrecht-action-inert-cursor, normal);
  font-weight: var(--utrecht-link-current-font-weight);
}
.utrecht-link--box-content:any-link {
  color: unset;
  display: inline-block;
  text-decoration-line: unset;
  text-decoration-skip-ink: unset;
  text-decoration-thickness: unset;
  text-underline-offset: unset;
}
.utrecht-link--placeholder {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link--forced-colors {
  --utrecht-focus-outline-color: Highlight;
  --utrecht-focus-inverse-outline-color: HighlightText;
  --utrecht-link-color: linktext;
  --utrecht-link-hover-color: linktext;
  --utrecht-link-focus-color: linktext;
  --utrecht-link-active-color: activetext;
  --utrecht-link-visited-color: visitedtext;
  --utrecht-link-placeholder-color: GrayText;
}
.utrecht-logo-button {
  --utrecht-icon-size: var(--utrecht-logo-button-icon, 50px);
  --utrecht-button-min-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-logo-button-block-size, 50px);
  align-items: flex-start;
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-logo {
  display: block;
  max-block-size: var(--utrecht-logo-max-block-size, 192px);
  max-inline-size: var(--utrecht-logo-max-inline-size, 96px);
  min-block-size: var(--utrecht-logo-min-block-size);
  min-inline-size: var(--utrecht-logo-min-inline-size);
}
.utrecht-logo > * {
  block-size: 100%;
  display: inline-block;
  inline-size: auto;
}
.utrecht-mapcontrolbutton {
  --utrecht-icon-size: var(--utrecht-mapcontrolbutton-min-block-size);
  --utrecht-icon-color: var(--utrecht-mapcontrolbutton-color);
  align-items: center;
  background-color: var(--utrecht-mapcontrolbutton-background-color);
  border-color: var(--utrecht-mapcontrolbutton-border-color);
  border-radius: var(--utrecht-mapcontrolbutton-border-radius);
  border-style: var(--utrecht-mapcontrolbutton-border-style);
  border-width: var(--utrecht-mapcontrolbutton-border-width);
  color: var(--utrecht-mapcontrolbutton-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  min-block-size: var(--utrecht-mapcontrolbutton-min-block-size);
  min-inline-size: var(--utrecht-mapcontrolbutton-min-inline-size);
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-mapcontrolbutton:disabled,
.utrecht-mapcontrolbutton--disabled {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-disabled-color,
    var(--utrecht-mapcontrolbutton-color)
  );
  background-color: var(--utrecht-mapcontrolbutton-disabled-background-color);
  border-color: var(--utrecht-mapcontrolbutton-disabled-border-color);
  color: var(--utrecht-mapcontrolbutton-disabled-color);
}
.utrecht-mapcontrolbutton--focus-visible,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-mapcontrolbutton--focus,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-focus-color,
    var(--utrecht-mapcontrolbutton-color)
  );
}
.utrecht-mapcontrolbutton:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-mapcontrolbutton--hover:not(:disabled),
.utrecht-mapcontrolbutton:hover:not(
    :disabled,
    .utrecht-mapcontrolbutton--disabled
  ) {
  background-color: var(--utrecht-mapcontrolbutton-hover-background-color);
  color: var(--utrecht-mapcontrolbutton-color);
}
.utrecht-mapcontrolbutton__label {
  display: block;
  padding-inline-end: var(--utrecht-mapcontrolbutton-label-margin-inline-end);
  padding-inline-start: var(
    --utrecht-mapcontrolbutton-label-margin-inline-start
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-map-marker {
  --utrecht-icon-size: var(--utrecht-map-marker-icon-size);
  align-items: center;
  background-color: var(--utrecht-map-marker-background-color);
  block-size: var(--utrecht-map-marker-size);
  border-color: var(--utrecht-map-marker-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-map-marker-border-width);
  box-shadow: 13px 3px 3px -2px var(--utrecht-map-marker-box-shadow-color);
  color: var(--utrecht-map-marker-color);
  display: flex;
  inline-size: var(--utrecht-map-marker-size);
  justify-content: center;
}
.utrecht-mark {
  background-color: var(--utrecht-mark-background-color, revert);
  color: var(--utrecht-mark-color, revert);
}
@media print {
  .utrecht-mark {
    outline-color: currentColor;
    outline-style: dotted;
    outline-width: 0.1em;
  }
}
@media screen and (-ms-high-contrast: active) {
  .utrecht-mark {
    background-color: Highlight;
    color: HighlightText;
  }
}
.utrecht-mark--print {
  outline-color: currentColor;
  outline-style: dotted;
  outline-width: 0.1em;
}
.utrecht-mark--windows-high-contrast {
  background-color: Highlight;
  color: HighlightText;
}
.utrecht-menulijst {
  border-block-end: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  border-block-start: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  font-family: var(--utrecht-document-font-family);
  padding-block-end: var(--utrecht-space-block-sm);
  padding-block-start: var(--utrecht-space-block-sm);
  padding-inline-start: 0;
}
.utrecht-menulijst__item {
  list-style: none;
  margin-block-end: var(--utrecht-space-block-sm);
  margin-block-start: var(--utrecht-space-block-sm);
}
.utrecht-menulijst__item a {
  background-image: var(--utrecht-menulijst-item-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-menulijst-item-color, var(--utrecht-link-color, blue));
  display: block;
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration: none;
}
.utrecht-menulijst__item a:hover {
  color: var(
    --utrecht-menulijst-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-menulijst__link--focus-visible,
.utrecht-menulijst__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-menulijst__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-multiline-data {
  white-space: pre-line;
  white-space-collapse: preserve-breaks;
}
.utrecht-multiline-data--html-pre {
  font-family: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-sidenav {
  --utrecht-sidenav-connection-color: var(--utrecht-sidenav-item-marker-color);
  --utrecht-sidenav-connection-inline-size: 2px;
  --utrecht-sidenav-marker-current-color: var(
    --utrecht-sidenav-link-hover-color
  );
  --utrecht-sidenav-marker-offset: 26px;
  --utrecht-sidenav-connection-block-size: 100%;
  --utrecht-sidenav-marker-height: 8px;
  --utrecht-sidenav-marker-outline-width: 2px;
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  border-block-start: 1px solid var(--utrecht-color-grey-80);
  inline-size: 19rem;
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: 0;
  padding-block-start: 0;
}
.utrecht-sidenav__list {
  margin-block-end: 0;
  margin-block-start: 0.2rem;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
}
.utrecht-sidenav__list--child {
  margin-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 1.4rem;
}
.utrecht-sidenav__item {
  list-style: none;
  margin-inline-start: 0;
  position: relative;
}
.utrecht-sidenav__item--current {
  color: var(
    --utrecht-sidenav-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-sidenav__item--last {
  border-block-end: none;
}
.utrecht-sidenav__item-separator:not(
  .utrecht-sidenav__item--last .utrecht-sidenav__item-separator
) {
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  display: block;
  margin-inline-start: var(--utrecht-space-inline-lg);
}
.utrecht-sidenav__link {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  display: block;
  margin-inline-start: 0;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-block-start: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link:hover {
  color: var(
    --utrecht-sidenav-link-hover-color,
    var(--utrecht-link-hover-color, red)
  );
  text-decoration: underline;
}
.utrecht-sidenav__link--focus-visible,
.utrecht-sidenav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-sidenav__link--parent {
  padding-block-end: 0;
}
.utrecht-sidenav__connection,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:not(
    .utrecht-sidenav__link--sibling,
    .utrecht-sidenav__link--parent,
    .utrecht-sidenav__link--child
  ):after {
  background: var(--utrecht-sidenav-connection-color);
  block-size: calc(
    var(--utrecht-sidenav-connection-block-size) -
      var(--utrecht-sidenav-marker-height) - 2 *
      var(--utrecht-sidenav-marker-outline-width)
  );
  content: '';
  display: block;
  inline-size: var(--utrecht-sidenav-connection-inline-size);
  inset-block-end: 0;
  inset-block-start: calc(var(--utrecht-sidenav-marker-offset));
  inset-inline-start: 3px;
  overflow: hidden;
  position: absolute;
  z-index: 5;
}
.utrecht-sidenav__connection--last,
.utrecht-sidenav__connection--parent,
.utrecht-sidenav__connection--sibling {
  display: none;
}
.utrecht-sidenav__marker,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-item-marker-color);
  block-size: var(--utrecht-sidenav-marker-height);
  border-radius: 100%;
  content: '';
  inline-size: 8px;
  inset-block-start: 20px;
  inset-inline-start: var(--utrecht-sidenav-marker-offset);
  overflow: hidden;
  position: absolute;
  transform: translateY(-50%)
    translate(calc(-1 * var(--utrecht-sidenav-marker-offset)));
  z-index: 10;
}
.utrecht-sidenav__marker--child,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:before {
  background-color: transparent;
  block-size: 4px;
  border: 2px solid var(--utrecht-sidenav-link-color);
  inline-size: 4px;
  inset-block-start: 16px;
  inset-inline-start: 1.2rem;
  transform: translateY(-50%) translate(-19.5px);
}
.utrecht-sidenav__marker--current,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current:before,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child:before {
  background-color: var(--utrecht-sidenav-marker-current-color);
}
.utrecht-sidenav__link--child,
.utrecht-sidenav__link--current-child {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: var(--utrecht-space-block-2xs);
  padding-block-start: var(--utrecht-space-block-2xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link--current,
.utrecht-sidenav__link--current-child {
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
}
.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover .utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
  border: 2px solid var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:after {
  display: none;
}
.utrecht-sidenav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-navhtml {
  font-family: var(--utrecht-document-font-family);
}
.utrecht-topnav__list {
  background-color: var(--utrecht-topnav-list-background-color);
  display: flex;
  justify-content: space-between;
  list-style: none;
  list-style-image: none;
  margin-block-end: 0;
  margin-block-start: 0;
  overflow: visible;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-topnav__item {
  border-inline-end: 1px solid var(--utrecht-topnav-list-border-color);
  flex: 1 0 auto;
  margin-inline-start: 0;
  text-align: center;
}
.utrecht-topnav__item li:first-child {
  border-inline-start: 1px solid var(--utrecht-topnav-list-border-color);
  padding-inline-start: 0;
}
.utrecht-topnav__link {
  color: var(--utrecht-topnav-link-color);
  display: block;
  padding-block-end: 1rem;
  padding-block-start: 1rem;
  text-decoration: none;
}
.utrecht-topnav__link--hover,
.utrecht-topnav__link:hover {
  background-color: var(--utrecht-topnav-link-hover-background-color);
  color: var(--utrecht-topnav-link-color);
  text-decoration: underline;
}
.utrecht-topnav__link--current {
  background-color: var(--utrecht-topnav-list-background-active);
  text-decoration: underline;
}
.utrecht-topnav__link--focus,
.utrecht-topnav__link:focus {
  background-color: var(
    --utrecht-topnav-link-focus-background-color,
    var(--utrecht-topnav-link-background-color)
  );
  color: var(
    --utrecht-topnav-link-focus-color,
    var(--utrecht-topnav-link-color)
  );
}
.utrecht-topnav__link--focus-visible,
.utrecht-topnav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-topnav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-number-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-number-data--positive {
  color: var(--utrecht-number-data-positive-color);
}
.utrecht-number-data--negative {
  color: var(--utrecht-number-data-negative-color);
}
.utrecht-ordered-list,
.utrecht-ordered-list--html-content ol {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-font-size,
      var(--utrecht-document-font-size, inherit)
    )
  );
  line-height: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-line-height,
      var(--utrecht-document-line-height, inherit)
    )
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-end,
        var(--utrecht-unordered-list-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-start,
        var(--utrecht-unordered-list-margin-block-start, 0)
      )
  );
  padding-inline-start: var(
    --utrecht-ordered-list-padding-inline-start,
    var(--utrecht-unordered-list-padding-inline-start, 2ch)
  );
  text-align: start;
}
.utrecht-ordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-ordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-ordered-list--arabic {
  list-style: arabic-indic;
}
.utrecht-ordered-list--html-content > li,
.utrecht-ordered-list--html-content ol > li,
.utrecht-ordered-list__item {
  margin-block-end: var(
    --utrecht-ordered-list-item-margin-block-end,
    var(--utrecht-unordered-list-item-margin-block-end)
  );
  margin-block-start: var(
    --utrecht-ordered-list-item-margin-block-start,
    var(--utrecht-unordered-list-item-margin-block-start)
  );
  padding-inline-start: var(
    --utrecht-ordered-list-item-padding-inline-start,
    var(--utrecht-unordered-list-item-padding-inline-start, 1ch)
  );
}
.utrecht-page-content {
  padding-block-end: var(--utrecht-page-content-padding-block-end);
  padding-block-start: var(--utrecht-page-content-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-content__main {
  grid-area: main;
}
.utrecht-page-content__aside {
  grid-area: aside;
}
.utrecht-page-footer {
  --utrecht-document-color: currentColor;
  --utrecht-heading-color: currentColor;
  --utrecht-link-color: currentColor;
  --utrecht-link-focus-color: currentColor;
  --utrecht-link-hover-color: currentColor;
  --utrecht-link-active-color: currentColor;
  --utrecht-link-visited-color: currentColor;
  background-color: var(--utrecht-page-footer-background-color);
  background-image: var(--utrecht-page-footer-background-image);
  color: var(--utrecht-page-footer-color);
  font-family: var(--utrecht-document-font-family);
  font-size: var(--utrecht-document-font-size);
  padding-block-end: var(--utrecht-page-footer-padding-block-end);
  padding-block-start: var(--utrecht-page-footer-padding-block-start);
  padding-inline-end: var(--utrecht-page-footer-padding-inline-end);
  padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
}
.utrecht-page-footer__address--reset-address {
  font-style: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-page-header {
  background-color: var(--utrecht-page-header-background-color);
  color: var(--utrecht-page-header-color);
  grid-area: 'utrecht-header';
  padding-block-end: var(--utrecht-page-header-padding-block-end);
  padding-block-start: var(--utrecht-page-header-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-header__content {
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-page {
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: calc(
    var(--utrecht-page-max-inline-size) -
      var(--utrecht-page-margin-inline-start, 0px) -
      var(--utrecht-page-margin-inline-end, 0px)
  );
  padding-inline-end: var(--utrecht-page-margin-inline-end);
  padding-inline-start: var(--utrecht-page-margin-inline-start);
}
.utrecht-page__content {
  background-color: var(--utrecht-page-background-color);
  color: var(--utrecht-page-color);
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-pagination {
  font-family: var(
    --utrecht-pagination-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-pagination-font-size,
    var(--utrecht-document-font-family)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-start, 0)
  );
}
.utrecht-pagination--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pagination__relative-link {
  background-color: var(--utrecht-pagination-relative-link-background-color);
  border-color: var(--utrecht-pagination-relative-link-border-color);
  border-radius: var(--utrecht-pagination-relative-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-relative-link-border-width, 0);
  color: var(--utrecht-pagination-relative-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-relative-link-font-weight);
  padding-block-end: var(--utrecht-pagination-relative-link-padding-block-end);
  padding-block-start: var(
    --utrecht-pagination-relative-link-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-pagination-relative-link-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-pagination-relative-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-relative-link-text-decoration);
  text-transform: var(--utrecht-pagination-relative-link-text-transform);
}
.utrecht-pagination__relative-link--next {
  margin-inline-start: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__relative-link--prev {
  margin-inline-end: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-end
  );
}
.utrecht-pagination__relative-link--disabled {
  background-color: var(
    --utrecht-pagination-relative-link-disabled-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  color: var(
    --utrecht-pagination-relative-link-disabled-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__relative-link--hover,
.utrecht-pagination__relative-link:hover {
  background-color: var(
    --utrecht-pagination-relative-link-hover-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-relative-link-hover-border-color,
    var(--utrecht-pagination-relative-link-border-color)
  );
  color: var(
    --utrecht-pagination-relative-link-hover-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__page-link {
  background-color: var(--utrecht-pagination-page-link-background-color);
  border-color: var(--utrecht-pagination-page-link-border-color, 0);
  border-radius: var(--utrecht-pagination-page-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-page-link-border-width);
  color: var(--utrecht-pagination-page-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-page-link-font-weight);
  padding-block-end: var(--utrecht-pagination-page-link-padding-block-end);
  padding-block-start: var(--utrecht-pagination-page-link-padding-block-start);
  padding-inline-end: var(--utrecht-pagination-page-link-padding-inline-end);
  padding-inline-start: var(
    --utrecht-pagination-page-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-page-link-text-decoration);
}
.utrecht-pagination__page-link--current {
  --utrecht-pagination-page-link-background-color: var(
    --utrecht-pagination-page-link-current-background-color
  );
  --utrecht-pagination-page-link-border-color: var(
    --utrecht-pagination-page-link-current-border-color
  );
  --utrecht-pagination-page-link-color: var(
    --utrecht-pagination-page-link-current-color
  );
}
.utrecht-pagination__page-link ~ .utrecht-pagination__page-link {
  margin-inline-start: var(
    --utrecht-pagination-page-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__page-link--hover,
.utrecht-pagination__page-link:hover {
  background-color: var(
    --utrecht-pagination-page-link-hover-background-color,
    var(--utrecht-pagination-page-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-page-link-hover-border-color,
    var(--utrecht-pagination-page-link-border-color)
  );
  color: var(
    --utrecht-pagination-page-link-hover-color,
    var(--utrecht-pagination-page-link-color)
  );
}
.utrecht-pagination__page-link:focus,
.utrecht-pagination__relative-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-pagination__page-link:focus:not(:focus-visible),
.utrecht-pagination__relative-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-data-placeholder {
  background-color: var(
    --utrecht-data-placeholder-background-color,
    currentColor
  );
  block-size: 1em;
  display: inline-block;
  inline-size: min(100%, var(--utrecht-data-placeholder-max-inline-size));
  max-inline-size: var(--utrecht-data-placeholder-max-inline-size);
  min-inline-size: var(--utrecht-data-placeholder-min-inline-size, 10ch);
  vertical-align: -0.1em;
}
@media print {
  .utrecht-data-placeholder {
    outline-color: currentColor;
    outline-style: dashed;
    outline-width: 0.1em;
  }
}
@media screen and (prefers-contrast: more) {
  .utrecht-data-placeholder {
    background-color: var(
      --utrecht-data-placeholder-high-contrast-background-color,
      var(--utrecht-data-placeholder-background-color, currentColor)
    );
  }
}
@media screen and (forced-colors: active) {
  .utrecht-data-placeholder {
    background-color: GrayText;
  }
}
.utrecht-data-placeholder--loading {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-data-placeholder--print {
  outline-color: currentColor;
  outline-style: dashed;
  outline-width: 0.1em;
}
.utrecht-data-placeholder--forced-colors {
  background-color: GrayText;
}
.utrecht-data-placeholder--high-contrast {
  cursor: var(--utrecht-action-busy-cursor, busy);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-paragraph {
  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
  font-family: var(
    --utrecht-paragraph-font-family,
    var(--utrecht-document-font-family, inherit)
  );
  font-size: var(
    --utrecht-paragraph-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  font-weight: var(--utrecht-paragraph-font-weight, inherit);
  line-height: var(
    --utrecht-paragraph-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-start, 0)
  );
}
.utrecht-paragraph--lead {
  color: var(
    --utrecht-paragraph-lead-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-lead-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-lead-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-lead-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph--small {
  color: var(
    --utrecht-paragraph-small-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-small-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-small-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-small-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph__small {
  font-size: inherit;
}
.utrecht-paragraph__b {
  font-weight: inherit;
}
.utrecht-paragraph--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pre-heading {
  color: var(
    --utrecht-pre-heading-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-pre-heading-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-pre-heading-font-size);
  font-weight: var(
    --utrecht-pre-heading-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-pre-heading-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-start, 0)
  );
  order: var(--utrecht-pre-heading-order, 0);
}
.utrecht-pre-heading--distanced {
  --utrecht-space-around: 1;
}
.utrecht-radio-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  --_utrecht-radio-button-background-color: var(
    --_utrecht-radio-button-interactive-background-color,
    var(
      --_utrecht-radio-button-state-background-color,
      var(--utrecht-radio-button-background-color)
    )
  );
  --_utrecht-radio-button-border-color: var(
    --_utrecht-radio-button-interactive-border-color,
    var(
      --_utrecht-radio-button-state-border-color,
      var(--utrecht-radio-button-border-color, currentColor)
    )
  );
  --_utrecht-radio-button-border-width: var(
    --_utrecht-radio-button-interactive-border-width,
    var(
      --_utrecht-radio-button-state-border-width,
      var(--utrecht-radio-button-border-width)
    )
  );
  --_utrecht-radio-button-color: var(
    --_utrecht-radio-button-interactive-color,
    var(
      --_utrecht-radio-button-state-color,
      var(--utrecht-radio-button-color, currentColor)
    )
  );
  --_utrecht-radio-button-icon-size: 0;
  background-color: var(--_utrecht-radio-button-background-color);
  background-image: radial-gradient(
    circle,
    var(--_utrecht-radio-button-color, transparent)
      calc(var(--_utrecht-radio-button-icon-size, 50%) - 5%),
    var(--_utrecht-radio-button-background-color, currentColor)
      var(--_utrecht-radio-button-icon-size, 50%)
  );
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-radio-button-size, 1em);
  border-color: var(--_utrecht-radio-button-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--_utrecht-radio-button-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-radio-button-size, 1em);
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
}
.utrecht-radio-button--checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--hover {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--focus {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--active {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
}
.utrecht-radio-button--disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--invalid {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--html-input:disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--html-input:invalid,
.utrecht-radio-button--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:focus:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--html-input:hover:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--html-input:active:not(
    [aria-disabled='true'],
    :disabled
  ) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-search-bar {
  --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
  --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-transform);
  --utrecht-button-font-size: var(--utrecht-search-bar-button-font-size);
  --utrecht-button-font-weight: var(--utrecht-search-bar-button-font-weight);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-search-bar-button-background-color
  );
  --utrecht-button-primary-action-color: var(--utrecht-search-bar-button-color);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-search-bar-button-hover-background-color
  );
  --utrecht-textbox-border-color: var(--utrecht-search-bar-input-border-color);
  --utrecht-textbox-padding-inline-start: var(
    --utrecht-search-bar-input-padding-inline-start
  );
  --utrecht-textbox-border-bottom-width: var(
    --utrecht-search-bar-input-border-bottom-width
  );
  --utrecht-textbox-max-inline-size: var(
    --utrecht-search-bar-input-max-inline-size
  );
  display: flex;
}
.utrecht-search-bar__input {
  background-image: var(--utrecht-search-bar-input-background-image, none);
  background-position-x: var(--utrecht-search-bar-input-background-position-x);
  background-position-y: var(--utrecht-search-bar-input-background-position-y);
  background-repeat: no-repeat;
  background-size: var(--utrecht-search-bar-input-background-size);
}
.utrecht-search-bar__dropdown {
  border-color: var(--utrecht-search-bar-dropdown-border-color);
  border-style: solid;
  border-width: var(--utrecht-search-bar-dropdown-border-width);
  inline-size: var(
    --utrecht-search-bar-dropdown-inline-size,
    var(--utrecht-form-input-max-inline-size)
  );
  max-block-size: var(--utrecht-search-bar-dropdown-max-block-size);
  overflow: auto;
  padding-block-end: var(--utrecht-search-bar-dropdown-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-dropdown-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-dropdown-padding-inline-end);
  padding-inline-start: var(--utrecht-search-bar-dropdown-padding-inline-start);
  position: absolute;
  z-index: var(--utrecht-search-bar-dropdown-z-index);
}
.utrecht-search-bar__section-title {
  color: var(--utrecht-search-bar-section-title-color);
  font-size: var(--utrecht-search-bar-section-title-font-size);
  font-weight: var(--utrecht-search-bar-section-title-font-weight);
  line-height: var(--utrecht-search-bar-section-title-line-height);
  margin-inline-start: var(
    --utrecht-search-bar-section-title-margin-inline-start
  );
}
.utrecht-search-bar__list-item {
  padding-block-end: var(--utrecht-search-bar-list-item-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-list-item-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-list-item-padding-inline-end);
  padding-inline-start: var(
    --utrecht-search-bar-list-item-padding-inline-start
  );
}
.utrecht-search-bar__list-item--is-active {
  background-color: var(
    --utrecht-search-bar-list-item-is-active-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-active-color);
  font-weight: var(--utrecht-search-bar-list-item-is-active-font-weight);
}
.utrecht-search-bar__list-item--is-selected {
  background-color: var(
    --utrecht-search-bar-list-item-is-selected-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-selected-color);
}
.utrecht-select {
  background-color: var(
    --utrecht-select-background-color,
    var(--utrecht-form-control-background-color)
  );
  border-block-end-width: var(
    --utrecht-select-border-block-end-width,
    var(--utrecht-select-border-width, var(--utrecht-form-control-border-width))
  );
  border-block-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-color: var(
    --utrecht-select-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-inline-end-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-inline-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-radius: var(
    --utrecht-select-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  color: var(--utrecht-select-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-select-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-select-font-size,
    var(--utrecht-form-control-font-size)
  );
  inline-size: 100%;
  max-inline-size: var(
    --utrecht-select-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  padding-block-end: var(
    --utrecht-select-padding-block-end,
    var(--utrecht-form-control-padding-block-end)
  );
  padding-block-start: var(
    --utrecht-select-padding-block-start,
    var(--utrecht-form-control-padding-block-start)
  );
  padding-inline-end: var(
    --utrecht-select-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end)
  );
  padding-inline-start: var(
    --utrecht-select-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start)
  );
}
.utrecht-select--disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-select--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-select--invalid {
  --_utrecht-select-border-width: var(
    --utrecht-select-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-select-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-select-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-select-border-width);
  border-block-end-width: var(
    --utrecht-select-invalid-border-block-end-width,
    var(
      --utrecht-form-control-invalid-border-block-end-width,
      var(
        --utrecht-select-border-block-end-width,
        var(
          --utrecht-form-control-border-block-end-width,
          var(--_utrecht-select-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-select-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
}
.utrecht-select--html-select:focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--html-select:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-select--html-select:disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--html-select:not([multiple]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: var(--utrecht-select-background-image);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 1.4em;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-separator {
  border-color: var(--utrecht-separator-color);
  border-style: solid;
  border-width: 0 0 var(--utrecht-separator-block-size) 0;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-start, 0)
  );
}
.utrecht-separator--distanced {
  --utrecht-space-around: 1;
}
.utrecht-skip-link {
  align-items: center;
  background-color: var(--utrecht-skip-link-background-color, ButtonFace);
  box-sizing: border-box;
  color: var(--utrecht-skip-link-color, ButtonText);
  display: inline-flex;
  justify-content: center;
  min-block-size: var(--utrecht-skip-link-min-block-size, 44px);
  min-inline-size: var(--utrecht-skip-link-min-inline-size, 44px);
  padding-block-end: var(--utrecht-skip-link-padding-block-end);
  padding-block-start: var(--utrecht-skip-link-padding-block-start);
  padding-inline-end: var(--utrecht-skip-link-padding-inline-end);
  padding-inline-start: var(--utrecht-skip-link-padding-inline-start);
  text-decoration: var(--utrecht-skip-link-text-decoration);
}
.utrecht-skip-link--hidden,
.utrecht-skip-link--visible-on-focus {
  inset-block-start: -200%;
  position: fixed;
}
.utrecht-skip-link--visible-on-focus:focus {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--visible {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--focus,
.utrecht-skip-link:focus,
.utrecht-skip-link:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  text-decoration: var(--utrecht-skip-link-focus-text-decoration);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2020-2022 Gemeente Utrecht
 * Copyright (c) 2020-2022 Frameless B.V.
 */
.utrecht-spotlight-section {
  background-color: var(
    --_utrecht-spotlight-section-background-color,
    var(--utrecht-spotlight-section-background-color)
  );
  border-color: var(
    --_utrecht-spotlight-section-border-color,
    var(--utrecht-spotlight-section-border-color)
  );
  border-style: solid;
  border-width: var(
    --_utrecht-spotlight-section-border-width,
    var(--utrecht-spotlight-section-border-width, 0)
  );
  color: var(
    --_utrecht-spotlight-section-color,
    var(--utrecht-spotlight-section-color)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-start, 0)
  );
  padding-block-end: var(--utrecht-spotlight-section-padding-block-end);
  padding-block-start: var(--utrecht-spotlight-section-padding-block-start);
  padding-inline-end: var(--utrecht-spotlight-section-padding-inline-end);
  padding-inline-start: var(--utrecht-spotlight-section-padding-inline-start);
}
.utrecht-spotlight-section--info {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-info-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-info-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-info-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-info-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-info-color
  );
}
.utrecht-spotlight-section--warning {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-warning-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-warning-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-warning-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-warning-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-warning-color
  );
}
.utrecht-surface {
  background-color: var(--utrecht-surface-background-color, inherit);
  color: var(--utrecht-surface-color, inherit);
}
.utrecht-surface--html-body {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.utrecht-table {
  border-collapse: separate;
  border-color: var(--utrecht-table-border-color, 0);
  border-spacing: 0;
  border-style: solid;
  border-width: var(--utrecht-table-border-width, 0);
  font-family: var(
    --utrecht-table-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-table-font-size, inherit);
  inline-size: 100%;
  line-height: var(--utrecht-table-line-height, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-start, 0)
  );
}
.utrecht-table--distanced {
  --utrecht-space-around: 1;
}
.utrecht-table--html-table > caption,
.utrecht-table__caption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > figcaption,
.utrecht-table__figcaption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > thead,
.utrecht-table__header {
  --_utrecht-table-header-cell-vertical-align: bottom;
  --_utrecht-table-header-cell-z-index: 8;
  background-color: var(--utrecht-table-header-background-color);
  break-inside: avoid;
  color: var(--utrecht-table-header-color);
  font-weight: var(--utrecht-table-header-font-weight);
  page-break-inside: avoid;
  text-transform: var(--utrecht-table-header-text-transform);
}
.utrecht-table__header--sticky th {
  background-color: var(--utrecht-table-header-sticky-background-color);
  color: var(--utrecht-table-header-sticky-color);
  inset-block-start: 0;
  position: sticky;
}
.utrecht-table__header--sticky tr:last-child > th {
  border-block-end-color: var(
    --utrecht-table-header-sticky-border-block-end-color,
    var(--utrecht-table-header-border-block-end-color, transparent)
  );
  border-block-end-style: solid;
  border-block-end-width: var(
    --utrecht-table-header-sticky-border-block-end-width,
    var(--utrecht-table-header-border-block-end-width, 0)
  );
}
.utrecht-table__footer {
  --_utrecht-table-header-cell-z-index: 5;
  z-index: 3;
}
.utrecht-table__footer--sticky {
  background-color: var(
    --utrecht-table-footer-sticky-background-color,
    var(--utrecht-table-footer-background-color)
  );
  color: var(
    --utrecht-table-footer-sticky-color,
    var(--utrecht-table-footer-color)
  );
  inset-block-end: 0;
  position: sticky;
}
.utrecht-table__footer--sticky tr:first-child > th,
.utrecht-table__footer--sticky tr:first-child > td {
  border-block-start-color: var(
    --utrecht-table-header-sticky-border-block-start-color,
    var(--utrecht-table-header-border-block-start-color, transparent)
  );
  border-block-start-style: solid;
  border-block-start-width: var(
    --utrecht-table-header-sticky-border-block-start-width,
    var(--utrecht-table-header-border-block-start-width, 0)
  );
}
.utrecht-table--html-table > tbody,
.utrecht-table__body {
  --_utrecht-table-header-cell-z-index: 2;
}
.utrecht-table--fixed {
  inline-size: fit-content;
  table-layout: fixed;
}
.utrecht-table--fixed th,
.utrecht-table--oneline th,
.utrecht-table--oneline td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table--html-table > tr,
.utrecht-table--html-table > thead > tr,
.utrecht-table--html-table > tbody > tr,
.utrecht-table--html-table > tfoot > tr,
.utrecht-table__row {
  break-inside: avoid;
  page-break-inside: avoid;
}
.utrecht-table__row--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table--html-table > tr > th,
.utrecht-table--html-table > thead > tr > th,
.utrecht-table--html-table > tbody > tr > th,
.utrecht-table--html-table > tfoot > tr > th,
.utrecht-table__header-cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  color: var(--utrecht-table-header-cell-color);
  font-size: var(--utrecht-table-header-cell-font-size);
  font-weight: var(--utrecht-table-header-cell-font-weight, bold);
  text-transform: var(--utrecht-table-header-cell-text-transform);
  vertical-align: var(--_utrecht-table-header-cell-vertical-align, top);
  z-index: var(--_utrecht-table-header-cell-z-index);
}
.utrecht-table__header-cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--sticky-block {
  background-color: #eee;
  color: #000;
  inset-block-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 2);
}
.utrecht-table__header-cell--sticky-inline {
  background-color: #eee;
  color: #000;
  inset-inline-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 1);
}
.utrecht-table--html-table > tr > td,
.utrecht-table--html-table > thead > tr > td,
.utrecht-table--html-table > tbody > tr > td,
.utrecht-table--html-table > tfoot > tr > td,
.utrecht-table__cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  border-block-end-color: var(
    --utrecht-table-row-border-block-end-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-table-row-border-block-end-width, 0);
  vertical-align: top;
}
.utrecht-table--html-table > tr > td:first-child,
.utrecht-table--html-table > thead > tr > td:first-child,
.utrecht-table--html-table > tbody > tr > td:first-child,
.utrecht-table--html-table > tfoot > tr > td:first-child,
.utrecht-table__cell--first {
  padding-inline-start: var(
    --utrecht-table-row-padding-inline-start,
    var(--utrecht-table-cell-padding-inline-start, 0)
  );
}
.utrecht-table--html-table > tr > td:last-child,
.utrecht-table--html-table > thead > tr > td:last-child,
.utrecht-table--html-table > tbody > tr > td:last-child,
.utrecht-table--html-table > tfoot > tr > td:last-child,
.utrecht-table__cell--last {
  padding-inline-end: var(
    --utrecht-table-row-padding-inline-end,
    var(--utrecht-table-cell-padding-inline-end, 0)
  );
}
.utrecht-table__cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--numeric-column,
.utrecht-table__cell--numeric-column {
  --_utrecht-table-cell-text-align: right;
  text-align: var(--_utrecht-table-cell-text-align);
}
.utrecht-table__cell--numeric-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-table__row--alternate-odd {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table__row--alternate-even {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table__header-cell {
  --utrecht-button-font-size: inherit;
  --utrecht-button-font-weight: inherit;
  --utrecht-button-padding-inline-start: var(
    --utrecht-table-cell-padding-inline-start
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-table-cell-padding-inline-end
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-table-cell-padding-block-start
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-table-cell-padding-block-end
  );
  --utrecht-button-hover-scale: 1;
  --utrecht-button-focus-scale: 1;
  --utrecht-button-min-block-size: 100%;
  --utrecht-button-min-inline-size: 100%;
  --utrecht-button-border-color: transparent;
  --utrecht-button-border-size: 1px;
}
.utrecht-table__header-cell:has(.utrecht-button) {
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-table__header-cell-button {
  justify-content: var(--_utrecht-table-cell-text-align, start);
}
.utrecht-table__data--truncate {
  display: block;
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table__container {
  max-inline-size: 100%;
  overflow-inline: scroll;
}
.utrecht-table__header--hidden {
  block-size: 1px;
  border: 0 solid silver;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  inline-size: 1px;
  outline: 1px solid red;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.utrecht-table--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(odd) {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(2n) {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__header-cell,
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__header-cell,
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-textarea {
  background-color: var(
    --utrecht-textarea-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textarea-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textarea-border-bottom-width,
    var(
      --utrecht-textarea-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textarea-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textarea-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textarea-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textarea-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textarea-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(--utrecht-textarea-line-height, initial);
  max-inline-size: var(
    --utrecht-textarea-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  min-block-size: var(--utrecht-textarea-min-block-size);
  padding-block-end: var(
    --utrecht-textarea-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textarea-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textarea-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textarea-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
  resize: vertical;
  resize: block;
}
.utrecht-textarea--invalid {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea__placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textarea--html-textarea:focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--html-textarea:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textarea--html-textarea:invalid,
.utrecht-textarea--html-textarea[aria-invalid='true'] {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--html-textarea::placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-textbox {
  background-color: var(
    --utrecht-textbox-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textbox-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textbox-border-bottom-width,
    var(
      --utrecht-textbox-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textbox-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textbox-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textbox-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textbox-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(
    --utrecht-textbox-line-height,
    var(--utrecht-form-control-line-height, initial)
  );
  max-inline-size: var(
    --utrecht-textbox-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  padding-block-end: var(
    --utrecht-textbox-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textbox-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textbox-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textbox-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
}
.utrecht-textbox--invalid {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox__placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--numeric {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-textbox--password {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--placeholder-ltr::placeholder,
.utrecht-textbox--placeholder-ltr:placeholder-shown {
  direction: ltr;
}
.utrecht-textbox--placeholder-rtl::placeholder,
.utrecht-textbox--placeholder-rtl:placeholder-shown {
  direction: rtl;
}
.utrecht-textbox--url {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input:focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textbox--html-input:invalid,
.utrecht-textbox--html-input[aria-invalid='true'] {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--html-input::placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--html-input[type='password' i] {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--html-input[type='url' i],
.utrecht-textbox--html-input[type='email' i],
.utrecht-textbox--html-input[inputMode='email' i],
.utrecht-textbox--html-input[inputMode='url' i] {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input[pattern='\\d*'],
.utrecht-textbox--html-input[pattern='[0-9]*'],
.utrecht-textbox--html-input[type='number' i],
.utrecht-textbox--html-input[type='tel' i],
.utrecht-textbox--html-input[inputMode='numeric' i],
.utrecht-textbox--html-input[inputMode='decimal' i],
.utrecht-textbox--html-input[inputMode='tel' i] {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-toptask-link {
  --utrecht-icon-color: currentColor;
  --utrecht-icon-size: var(--utrecht-toptask-link-icon-size);
  background-color: var(--utrecht-toptask-link-background-color);
  color: var(--utrecht-toptask-link-color);
  display: flex;
  flex-direction: column;
  font-size: var(--utrecht-toptask-link-font-size);
  line-height: var(--utrecht-toptask-link-line-height);
  max-inline-size: var(--utrecht-toptask-link-max-inline-size);
  min-block-size: var(--utrecht-toptask-link-min-block-size);
  min-inline-size: var(--utrecht-toptask-link-min-inline-size);
  padding-block-end: var(--utrecht-toptask-link-padding-block-end);
  padding-block-start: var(--utrecht-toptask-link-padding-block-start);
  padding-inline-end: var(--utrecht-toptask-link-padding-inline-end);
  padding-inline-start: var(--utrecht-toptask-link-padding-inline-start);
  text-decoration: none;
}
.utrecht-toptask-link--hover,
.utrecht-toptask-link:hover {
  background-color: var(
    --utrecht-toptask-link-hover-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-hover-color,
    var(--utrecht-toptask-link-color)
  );
  transform: var(--utrecht-toptask-link-hover-transform-scale, 1);
}
.utrecht-toptask-link--focus-visible,
.utrecht-toptask-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-toptask-link--focus,
.utrecht-toptask-link:focus {
  background-color: var(
    --utrecht-toptask-link-focus-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-focus-color,
    var(--utrecht-toptask-link-color)
  );
}
.utrecht-toptask-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-toptask-link__title {
  display: block;
}
.utrecht-toptask-link__icon {
  display: block;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-md);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-toptask-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--utrecht-toptask-nav-gap);
}
.utrecht-toptask-nav--grid {
  --utrecht-toptask-link-max-inline-size: var(
    --utrecht-toptask-nav-link-grid-max-inline-size
  );
  flex-direction: row;
}
.utrecht-unordered-list,
.utrecht-unordered-list--html-content ul {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-unordered-list-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  line-height: var(
    --utrecht-unordered-list-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
  text-align: start;
}
.utrecht-unordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-unordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-unordered-list--nested,
.utrecht-unordered-list--html-content ul {
  margin-block-end: 0;
  margin-inline-start: 2ch;
}
.utrecht-unordered-list--html-content > li,
.utrecht-unordered-list--html-content ul > li,
.utrecht-unordered-list__item {
  margin-block-end: var(--utrecht-unordered-list-item-margin-block-end);
  margin-block-start: var(--utrecht-unordered-list-item-margin-block-start);
  padding-inline-start: var(
    --utrecht-unordered-list-item-padding-inline-start,
    1ch
  );
}
.utrecht-unordered-list--html-content > li::marker,
.utrecht-unordered-list--html-content ul > li::marker,
.utrecht-unordered-list__item::marker,
.utrecht-unordered-list__marker {
  color: var(--utrecht-unordered-list-marker-color);
  content: '●';
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-url-data {
  break-inside: avoid;
  font-variant-ligatures: none;
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: anywhere;
  page-break-inside: avoid;
}
:root,
::backdrop {
  --denhaag-process-steps-sub-step-marker-size: 12px;
  --denhaag-process-steps-step-marker-size: 28px;
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
  --utrecht-stack-focus-z-index: 1;
  --utrecht-border-style-dotted: dotted;
  --utrecht-border-style-solid: solid;
  --utrecht-border-radius-none: 0;
  --utrecht-border-radius-round: 999px;
  --utrecht-border-radius-lg: 8px;
  --utrecht-border-radius-md: 4px;
  --utrecht-border-radius-sm: 2px;
  --utrecht-border-width-md: 2px;
  --utrecht-border-width-sm: 1px;
  --utrecht-typography-line-height-lg: 2;
  --utrecht-typography-line-height-md: 1.5;
  --utrecht-typography-line-height-sm: 1.25;
  --utrecht-typography-line-height-xs: 1;
  --utrecht-typography-font-style-inherit: inherit;
  --utrecht-typography-font-style-normal: normal;
  --utrecht-typography-weight-scale-normal-font-weight: 400;
  --utrecht-typography-weight-scale-bold-font-weight: 700;
  --utrecht-typography-scale-4xl-font-size: 2rem;
  --utrecht-typography-scale-3xl-font-size: 1.5rem;
  --utrecht-typography-scale-2xl-font-size: 1.375rem;
  --utrecht-typography-scale-xl-font-size: 1.25rem;
  --utrecht-typography-scale-lg-font-size: 1.125rem;
  --utrecht-typography-scale-md-font-size: 1rem;
  --utrecht-typography-scale-sm-font-size: 0.875rem;
  --utrecht-typography-scale-xs-font-size: 0.75rem;
  --utrecht-typography-scale-2xs-font-size: 0.5rem;
  --utrecht-typography-sans-serif-font-family:
    'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Arial', sans-serif;
  --utrecht-icon-scale-4xl: 48px;
  --utrecht-icon-scale-3xl: 36px;
  --utrecht-icon-scale-2xl: 30px;
  --utrecht-icon-scale-xl: 26px;
  --utrecht-icon-scale-lg: 24px;
  --utrecht-icon-scale-md: 16px;
  --utrecht-icon-scale-sm: 12px;
  --utrecht-icon-scale-xs: 8px;
  --utrecht-icon-scale-2xs: 4px;
  --utrecht-icon-scale-3xs: 1px;
  --utrecht-color-black: hsl(0 0% 0%);
  --utrecht-color-white: hsl(0 0% 100%);
  --utrecht-color-invalid: #990000;
  --utrecht-color-secondary-grey: #757575;
  --utrecht-color-secondary-brown: #ad643b;
  --utrecht-color-secondary-navy: #1c4181;
  --utrecht-color-secondary-blue: #006dff;
  --utrecht-color-secondary-cyan: #009ed4;
  --utrecht-color-secondary-green: #32ab27;
  --utrecht-color-secondary-lime: #99d000;
  --utrecht-color-secondary-yellow: #ffcc00;
  --utrecht-color-secondary-orange: #ff6e00;
  --utrecht-color-secondary-red: #cc0000;
  --utrecht-color-secondary-magenta: #f02198;
  --utrecht-color-secondary-purple: #762cd1;
  --utrecht-color-green-90: hsl(90 30% 90%);
  --utrecht-color-green-80: hsl(90 30% 80%);
  --utrecht-color-green-50: hsl(90 30% 50%);
  --utrecht-color-green-40: hsl(90 30% 38%);
  --utrecht-color-green-30: hsl(90 30% 30%);
  --utrecht-color-yellow-80: hsl(48 100% 80%);
  --utrecht-color-yellow-60: hsl(48 100% 60%);
  --utrecht-color-yellow-50: hsl(48 100% 50%);
  --utrecht-color-yellow-40: hsl(48 100% 40%);
  --utrecht-color-yellow-20: hsl(48 100% 20%);
  --utrecht-color-grey-95: hsl(0 0% 95%);
  --utrecht-color-grey-90: hsl(0 0% 90%);
  --utrecht-color-grey-80: hsl(0 0% 80%);
  --utrecht-color-grey-40: hsl(0 0% 40%);
  --utrecht-color-grey-30: hsl(0 0% 30%);
  --utrecht-color-grey-20: hsl(0 0% 20%);
  --utrecht-color-grey-15: hsl(0 0% 15%);
  --utrecht-color-grey-10: hsl(0 0% 10%);
  --utrecht-color-blue-90: hsl(211 60% 90%);
  --utrecht-color-blue-80: hsl(211 60% 80%);
  --utrecht-color-blue-60: hsl(211 60% 60%);
  --utrecht-color-blue-50: hsl(211 60% 50%);
  --utrecht-color-blue-40: hsl(211 60% 40%);
  --utrecht-color-blue-35: hsl(211 60% 35%);
  --utrecht-color-blue-30: hsl(211 60% 30%);
  --utrecht-color-blue-20: hsl(211 60% 20%);
  --utrecht-color-red-95: hsl(0 100% 95%);
  --utrecht-color-red-40: hsl(0 100% 40%);
  --utrecht-color-red-30: hsl(0 100% 30%);
  --utrecht-color-red-20: hsl(0 100% 20%);
  --utrecht-unordered-list-item-margin-block-end: 0.5rem;
  --utrecht-unordered-list-item-margin-block-start: 0.5rem;
  --utrecht-unordered-list-margin-block-end: 0;
  --utrecht-toptask-link-icon-size: 2.25rem;
  --utrecht-toptask-link-hover-transform-scale: 1.02;
  --utrecht-toptask-link-min-inline-size: 15rem;
  --utrecht-toptask-link-min-block-size: 8.25rem;
  --utrecht-toptask-link-line-height: 1.2;
  --utrecht-toptask-link-font-size: 1rem;
  --utrecht-textbox-border-bottom-width: 3px;
  --utrecht-textarea-border-bottom-width: 3px;
  --utrecht-table-footer-sticky-border-block-start-width: 2px;
  --utrecht-table-cell-icon-size: 1em;
  --utrecht-table-cell-padding-inline-start: 0.4em;
  --utrecht-table-cell-padding-inline-end: 0.4em;
  --utrecht-table-cell-padding-block-start: 0.5em;
  --utrecht-table-cell-padding-block-end: 0.5em;
  --utrecht-table-cell-line-height: 24px;
  --utrecht-table-header-sticky-border-block-end-width: 2px;
  --utrecht-table-caption-margin-block-end: 1em;
  --utrecht-table-caption-text-align: start;
  --utrecht-table-caption-font-size: 1.125em;
  --utrecht-table-margin-block-end: 0;
  --utrecht-separator-block-size: 8px;
  --utrecht-select-border-block-end-width: 3px;
  --utrecht-search-bar-dropdown-max-block-size: 300px;
  --utrecht-search-bar-dropdown-border-width: 1px;
  --utrecht-search-bar-input-background-size: 1em;
  --utrecht-search-bar-input-background-position-y: 50%;
  --utrecht-search-bar-input-background-position-x: 0.5em;
  --utrecht-search-bar-button-hover-scale: 1;
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
  --utrecht-radio-button-margin-inline-end: 12px;
  --utrecht-radio-button-border-radius: 0;
  --utrecht-radio-button-invalid-border-width: 2px;
  --utrecht-radio-button-icon-size: 42%;
  --utrecht-radio-button-size: 24px;
  --utrecht-radio-button-border-width: 2px;
  --utrecht-paragraph-margin-block-end: 0;
  --utrecht-pagination-relative-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-relative-link-distanced-margin-inline-end: 0.5em;
  --utrecht-pagination-relative-link-text-transform: uppercase;
  --utrecht-pagination-relative-link-text-decoration: none;
  --utrecht-pagination-relative-link-padding-block-start: 0.5em;
  --utrecht-pagination-relative-link-padding-block-end: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-start: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-end: 0.5em;
  --utrecht-pagination-relative-link-border-width: 2px;
  --utrecht-pagination-page-link-border-color: transparent;
  --utrecht-pagination-page-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-page-link-text-decoration: none;
  --utrecht-pagination-page-link-padding-block-start: 0.5em;
  --utrecht-pagination-page-link-padding-block-end: 0.5em;
  --utrecht-pagination-page-link-padding-inline-start: 0.5em;
  --utrecht-pagination-page-link-padding-inline-end: 0.5em;
  --utrecht-pagination-page-link-border-width: 2px;
  --utrecht-pagination-page-link-background-color: transparent;
  --utrecht-pagination-margin-block-end: 1em;
  --utrecht-pagination-margin-block-start: 0;
  --utrecht-pagination-font-size: 14px;
  --utrecht-page-padding-inline-start: 2em;
  --utrecht-page-padding-block-end: 1em;
  --utrecht-page-padding-inline-end: 2em;
  --utrecht-page-padding-block-start: 1.8em;
  --utrecht-page-max-inline-size: 1184px;
  --utrecht-page-margin-inline-end: 2em;
  --utrecht-page-margin-inline-start: 2em;
  --utrecht-page-header-padding-block-start: 1.8em;
  --utrecht-page-header-padding-inline-start: 2em;
  --utrecht-page-header-padding-inline-end: 2.4em;
  --utrecht-page-header-padding-block-end: 1em;
  --utrecht-page-content-padding-block-end: 2em;
  --utrecht-page-content-padding-block-start: 2em;
  --utrecht-ordered-list-item-padding-inline-start: 0;
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
  --utrecht-ordered-list-padding-inline-start: 28.8px;
  --utrecht-ordered-list-margin-block-end: 1em;
  --utrecht-ordered-list-margin-block-start: 0;
  --utrecht-number-data-negative-color: red;
  --utrecht-number-data-positive-color: green;
  --utrecht-topnav-link-focus-text-decoration: none;
  --utrecht-topnav-link-focus-border-type: dotted;
  --utrecht-mapcontrolbutton-focus-text-decoration: none;
  --utrecht-mapcontrolbutton-border-radius: 2px;
  --utrecht-mapcontrolbutton-margin-inline-end: 0;
  --utrecht-mapcontrolbutton-margin-inline-start: 0;
  --utrecht-map-marker-icon-size: 30px;
  --utrecht-map-marker-box-shadow-color: rgb(0 0 0 / 20%);
  --utrecht-map-marker-border-width: 3px;
  --utrecht-map-marker-size: 48px;
  --utrecht-logo-min-inline-size: 110.57px;
  --utrecht-logo-min-block-size: 58.97px;
  --utrecht-logo-max-inline-size: 192px;
  --utrecht-logo-max-block-size: 103px;
  --utrecht-list-social-item-margin-inline-end: 10px;
  --utrecht-link-icon-size: 1.2em;
  --utrecht-link-hover-text-decoration-thickness: 3px;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: none;
  --utrecht-link-text-underline-offset: 3px;
  --utrecht-link-text-decoration: underline;
  --utrecht-link-social-icon-size: 26px;
  --utrecht-link-social-hover-transform-scale: 1.1;
  --utrecht-link-social-size: 40px;
  --utrecht-link-social-border-width: 2px;
  --utrecht-link-list-icon-size: 14px;
  --utrecht-icon-baseline-inset-block-start: 0.125em;
  --utrecht-icon-size: 48px;
  --utrecht-heading-5-margin-block-start: 1rem;
  --utrecht-heading-5-margin-block-end: 0.2rem;
  --utrecht-heading-4-margin-block-start: 1.2rem;
  --utrecht-heading-4-margin-block-end: 0.3rem;
  --utrecht-heading-3-margin-block-start: 1rem;
  --utrecht-heading-3-margin-block-end: 0.2rem;
  --utrecht-heading-2-margin-block-start: 1.5rem;
  --utrecht-heading-2-margin-block-end: 0.3rem;
  --utrecht-heading-1-margin-block-start: 0.67rem;
  --utrecht-heading-1-margin-block-end: 0.67rem;
  --utrecht-form-toggle-width: 48px;
  --utrecht-form-toggle-padding-inline-start: 0;
  --utrecht-form-toggle-padding-inline-end: 0;
  --utrecht-form-toggle-padding-block-start: 0;
  --utrecht-form-toggle-padding-block-end: 0;
  --utrecht-form-toggle-height: 24px;
  --utrecht-form-toggle-border-style: solid;
  --utrecht-form-toggle-focus-border-width: 2px;
  --utrecht-form-toggle-focus-border-style: dotted;
  --utrecht-form-toggle-thumb-disabled-box-shadow: 0;
  --utrecht-form-toggle-thumb-min-inline-size: 18px;
  --utrecht-form-toggle-thumb-margin-inline-end: 0.25em;
  --utrecht-form-toggle-thumb-margin-inline-start: 0.25em;
  --utrecht-form-toggle-border-width: 2px;
  --utrecht-form-toggle-border-radius: 10em;
  --utrecht-form-toggle-border-color: transparent;
  --utrecht-form-toggle-accent-color: hsla(0, 0%, 48%, 1);
  --utrecht-form-label-font-size: 1em;
  --utrecht-form-fieldset-legend-line-height: 1.4;
  --utrecht-form-fieldset-legend-font-size: 1rem;
  --utrecht-form-field-invalid-border-inline-start-width: 3px;
  --utrecht-form-control-read-only-border-color: transparent;
  --utrecht-form-control-block-size: 42px;
  --utrecht-form-control-padding-inline-start: 12px;
  --utrecht-form-control-padding-inline-end: 12px;
  --utrecht-form-control-padding-block-start: 8px;
  --utrecht-form-control-padding-block-end: 8px;
  --utrecht-form-control-max-inline-size: 28em;
  --utrecht-form-control-border-radius: 0;
  --utrecht-figure-caption-line-height: 20px;
  --utrecht-figure-caption-font-size: 14px;
  --utrecht-figure-caption-color: #727272;
  --utrecht-drawer-max-inline-size: 320px;
  --utrecht-drawer-max-block-size: 240px;
  --utrecht-drawer-border-width: 1px;
  --utrecht-document-line-height: 1.4;
  --utrecht-data-list-rows-column-min-inline-size: 25ch;
  --utrecht-data-list-rows-column-inline-size: 80%;
  --utrecht-space-column-5xl: 64px;
  --utrecht-space-column-4xl: 48px;
  --utrecht-space-column-3xl: 32px;
  --utrecht-space-column-2xl: 28px;
  --utrecht-space-column-xl: 24px;
  --utrecht-space-column-lg: 20px;
  --utrecht-space-column-md: 16px;
  --utrecht-space-column-sm: 12px;
  --utrecht-space-column-xs: 8px;
  --utrecht-space-column-2xs: 4px;
  --utrecht-space-column-3xs: 2px;
  --utrecht-space-column-4xs: 1px;
  --utrecht-space-row-5xl: 64px;
  --utrecht-space-row-4xl: 48px;
  --utrecht-space-row-3xl: 32px;
  --utrecht-space-row-2xl: 28px;
  --utrecht-space-row-xl: 24px;
  --utrecht-space-row-lg: 20px;
  --utrecht-space-row-md: 16px;
  --utrecht-space-row-sm: 12px;
  --utrecht-space-row-xs: 8px;
  --utrecht-space-row-2xs: 4px;
  --utrecht-space-row-3xs: 2px;
  --utrecht-space-row-4xs: 1px;
  --utrecht-space-text-3xl: 3ch;
  --utrecht-space-text-2xl: 2ch;
  --utrecht-space-text-xl: 1.75ch;
  --utrecht-space-text-lg: 1.5ch;
  --utrecht-space-text-md: 1ch;
  --utrecht-space-text-sm: 0.75ch;
  --utrecht-space-text-xs: 0.5ch;
  --utrecht-space-text-2xs: 0.25ch;
  --utrecht-space-text-3xs: 0.125ch;
  --utrecht-space-inline-4xl: 48px;
  --utrecht-space-inline-3xl: 32px;
  --utrecht-space-inline-2xl: 28px;
  --utrecht-space-inline-xl: 24px;
  --utrecht-space-inline-lg: 20px;
  --utrecht-space-inline-md: 16px;
  --utrecht-space-inline-sm: 12px;
  --utrecht-space-inline-xs: 8px;
  --utrecht-space-inline-2xs: 4px;
  --utrecht-space-inline-3xs: 2px;
  --utrecht-space-block-4xs: 1px;
  --utrecht-space-block-4xl: 64px;
  --utrecht-space-block-3xl: 48px;
  --utrecht-space-block-2xl: 32px;
  --utrecht-space-block-xl: 24px;
  --utrecht-space-block-lg: 20px;
  --utrecht-space-block-md: 16px;
  --utrecht-space-block-sm: 12px;
  --utrecht-space-block-xs: 8px;
  --utrecht-space-block-2xs: 4px;
  --utrecht-space-block-3xs: 2px;
  --utrecht-pointer-target-min-size: 44px;
  --utrecht-focus-outline-style: dotted;
  --utrecht-action-inert-cursor: default;
  --utrecht-action-activate-cursor: pointer;
  --utrecht-action-submit-cursor: pointer;
  --utrecht-action-navigate-cursor: pointer;
  --utrecht-action-disabled-cursor: not-allowed;
  --utrecht-action-busy-cursor: wait;
  --utrecht-column-layout-column-width: 350px;
  --utrecht-column-layout-column-rule-width: 2px;
  --utrecht-code-block-padding-inline-end: 20px;
  --utrecht-code-block-padding-inline-start: 20px;
  --utrecht-code-block-padding-block-end: 20px;
  --utrecht-code-block-padding-block-start: 20px;
  --utrecht-code-block-line-height: 24px;
  --utrecht-code-block-font-size: 16px;
  --utrecht-checkbox-margin-block-start: 0;
  --utrecht-checkbox-focus-border-width: 2px;
  --utrecht-checkbox-size: 24px;
  --utrecht-checkbox-border-width: 2px;
  --utrecht-checkbox-border-radius: 0;
  --utrecht-calendar-icon-size: 24px;
  --utrecht-calendar-navigation-label-min-inline-size: 200px;
  --utrecht-calendar-navigation-padding-block-end: 2px;
  --utrecht-calendar-navigation-padding-block-start: 2px;
  --utrecht-calendar-table-days-item-day-disabled-border-color: transparent;
  --utrecht-calendar-table-days-item-day-selected-border-color: transparent;
  --utrecht-calendar-table-days-item-day-emphasis-border-color: transparent;
  --utrecht-calendar-table-days-item-day-is-today-font-weight: 700;
  --utrecht-calendar-table-days-item-day-out-of-the-month-border-color: transparent;
  --utrecht-calendar-table-days-item-day-active-border-color: transparent;
  --utrecht-calendar-table-days-item-day-focus-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-width: 2px;
  --utrecht-calendar-table-days-item-day-size: 44px;
  --utrecht-calendar-table-weeks-item-line-height: 24px;
  --utrecht-calendar-table-weeks-item-padding-block-end: 10px;
  --utrecht-calendar-table-weeks-item-padding-block-start: 4px;
  --utrecht-calendar-table-weeks-item-width: 44px;
  --utrecht-button-subtle-disabled-background-color: transparent;
  --utrecht-button-subtle-font-weight: 700;
  --utrecht-button-subtle-border-color: transparent;
  --utrecht-button-subtle-background-color: transparent;
  --utrecht-button-primary-action-danger-hover-border-color: transparent;
  --utrecht-button-primary-action-danger-border-color: transparent;
  --utrecht-button-primary-action-warning-hover-border-color: transparent;
  --utrecht-button-primary-action-warning-border-color: transparent;
  --utrecht-button-primary-action-ready-hover-border-color: transparent;
  --utrecht-button-primary-action-ready-border-color: transparent;
  --utrecht-button-primary-action-hover-border-color: transparent;
  --utrecht-button-primary-action-border-color: transparent;
  --utrecht-button-hover-scale: 1.02;
  --utrecht-button-focus-scale: 1.02;
  --utrecht-button-margin-inline-end: 0;
  --utrecht-button-margin-inline-start: 0;
  --utrecht-button-border-width: 1px;
  --utrecht-button-border-radius: 0;
  --utrecht-breadcrumb-nav-divider-inline-size: 1px;
  --utrecht-breadcrumb-nav-link-text-decoration: none;
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
  --utrecht-breadcrumb-nav-min-block-size: 34px;
  --utrecht-blockquote-margin-block-end: 1.6em;
  --utrecht-blockquote-margin-block-start: 1.6em;
  --utrecht-blockquote-content-font-size: 1.125rem;
  --utrecht-blockquote-attribution-font-size: 0.75rem;
  --utrecht-blockquote-margin-inline-end: 1.6em;
  --utrecht-blockquote-margin-inline-start: 1.6em;
  --utrecht-badge-border-radius: 0;
  --utrecht-badge-counter-padding-inline: 1ex;
  --utrecht-badge-counter-padding-block: 1ex;
  --utrecht-badge-counter-font-size: 16px;
  --utrecht-backdrop-reduced-transparency-opacity: 0.98;
  --utrecht-backdrop-fade-in-animation-duration: 0.4s;
  --utrecht-backdrop-opacity: 0.8;
  --utrecht-article-max-inline-size: 780px;
  --utrecht-alert-dialog-min-inline-size: 320px;
  --utrecht-alert-dialog-min-block-size: 100px;
  --utrecht-alert-dialog-max-block-size: 80vh;
  --utrecht-accordion-panel-border-width: 2px;
  --utrecht-accordion-button-icon-size: 24px;
  --utrecht-accordion-button-hover-background-color: inherit;
  --utrecht-accordion-button-border-width: 0;
  --denhaag-process-steps-sub-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --denhaag-process-steps-sub-step-heading-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-sub-step-heading-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-description-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --denhaag-process-steps-step-description-color: var(--utrecht-color-black);
  --denhaag-process-steps-step-metadata-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-metadata-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-line-warning-color: var(--utrecht-color-invalid);
  --denhaag-process-steps-step-line-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-line-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-line-stroke-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-sub-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-sub-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-warning-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-warning-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-warning-border-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-checked-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-checked-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-color: var(--utrecht-color-white);
  --denhaag-process-steps-step-marker-current-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-current-background-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-marker-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-marker-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-marker-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-heading-warning-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-not-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-heading-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-current-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-heading-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --denhaag-process-steps-step-heading-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --denhaag-process-steps-step-heading-color: var(--utrecht-color-black);
  --denhaag-process-steps-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
  --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
  --utrecht-unordered-list-marker-color: var(--utrecht-color-red-40);
  --utrecht-unordered-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-toptask-link-padding-inline-start: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-inline-end: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-block-start: var(--utrecht-space-block-xl);
  --utrecht-toptask-link-padding-block-end: var(--utrecht-space-block-xl);
  --utrecht-textarea-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-table-footer-sticky-border-block-start-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-footer-sticky-color: var(--utrecht-color-black);
  --utrecht-table-footer-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-row-alternate-even-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-even-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-table-row-alternate-odd-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-odd-background-color: var(
    --utrecht-color-white
  );
  --utrecht-table-row-border-block-end-width: var(--utrecht-border-width-sm);
  --utrecht-table-row-border-block-end-color: var(--utrecht-color-grey-90);
  --utrecht-table-cell-selected-color: var(--utrecht-color-black);
  --utrecht-table-cell-selected-background-color: var(--utrecht-color-blue-90);
  --utrecht-table-header-sticky-border-block-end-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-header-sticky-color: var(--utrecht-color-black);
  --utrecht-table-header-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-header-border-block-end-width: var(--utrecht-border-width-md);
  --utrecht-table-header-border-block-end-color: var(--utrecht-color-red-40);
  --utrecht-table-header-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-caption-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-surface-color: var(--utrecht-color-grey-10);
  --utrecht-surface-background-color: var(--utrecht-color-grey-95);
  --utrecht-spotlight-section-warning-background-color: var(
    --utrecht-color-yellow-80
  );
  --utrecht-spotlight-section-info-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-spotlight-section-padding-inline-end: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-inline-start: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-block-end: var(--utrecht-space-block-sm);
  --utrecht-spotlight-section-padding-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-spotlight-section-color: var(--utrecht-color-black);
  --utrecht-spotlight-section-background-color: var(--utrecht-color-grey-80);
  --utrecht-skip-link-focus-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --utrecht-skip-link-text-decoration: var(--utrecht-link-text-decoration);
  --utrecht-separator-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-separator-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-separator-color: var(--utrecht-color-grey-90);
  --utrecht-search-bar-list-item-is-selected-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-selected-color: var(--utrecht-color-black);
  --utrecht-search-bar-list-item-is-active-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-list-item-is-active-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-active-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-search-bar-section-title-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-section-title-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-search-bar-section-margin-block-end: var(--utrecht-space-inline-xs);
  --utrecht-search-bar-dropdown-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-input-padding-inline-start: var(
    --utrecht-space-inline-3xl
  );
  --utrecht-search-bar-input-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-search-bar-button-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-button-color: var(--utrecht-color-white);
  --utrecht-search-bar-button-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-background-color: var(--utrecht-color-red-40);
  --utrecht-radio-button-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-radio-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-radio-button-focus-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-hover-background-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-focus-border-color: var(
    --utrecht-color-blue-20
  );
  --utrecht-radio-button-checked-hover-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-active-color: var(--utrecht-color-blue-80);
  --utrecht-radio-button-checked-active-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-active-background-color: var(--utrecht-color-blue-80);
  --utrecht-pre-heading-margin-block-start: var(--utrecht-space-row-2xl);
  --utrecht-pre-heading-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-small-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-paragraph-lead-line-height: var(
    --utrecht-typography-line-height-md
  );
  --utrecht-paragraph-lead-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-lead-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-paragraph-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-paragraph-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-pagination-relative-link-border-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-relative-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-relative-link-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-background-color: var(
    --utrecht-color-white
  );
  --utrecht-pagination-page-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-current-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-page-link-color: var(--utrecht-color-blue-35);
  --utrecht-page-color: var(--utrecht-color-black);
  --utrecht-page-background-color: var(--utrecht-color-white);
  --utrecht-page-footer-padding-block-start: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-block-end: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-inline-start: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-padding-inline-end: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-background-image: linear-gradient(
    45deg,
    var(--utrecht-color-red-40),
    var(--utrecht-color-red-40) 50%,
    #d63433 50%
  );
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
  --utrecht-page-footer-color: var(--utrecht-color-white);
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-box-shadow-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-color: var(--utrecht-color-black);
  --utrecht-topnav-link-background-color: var(--utrecht-color-blue-40);
  --utrecht-topnav-link-color: var(--utrecht-color-white);
  --utrecht-topnav-list-border-color: var(--utrecht-color-grey-40);
  --utrecht-topnav-list-background-color: var(--utrecht-color-grey-15);
  --utrecht-sidenav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-link-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-marker-hover-color: var(--utrecht-color-blue-50);
  --utrecht-sidenav-item-marker-color: var(--utrecht-color-grey-80);
  --utrecht-sidenav-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-margin-inline-end: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-inline-start: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-block-end: var(--utrecht-space-block-xs);
  --utrecht-sidenav-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-content-max-inline-size: var(
    --utrecht-page-max-inline-size
  );
  --utrecht-nav-bar-color: var(--utrecht-color-black);
  --utrecht-nav-bar-background-color: var(--utrecht-color-white);
  --utrecht-mark-color: var(--utrecht-color-black);
  --utrecht-mark-background-color: var(--utrecht-color-yellow-60);
  --utrecht-mapcontrolbutton-hover-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-hover-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-focus-color: var(--utrecht-color-black);
  --utrecht-mapcontrolbutton-label-margin-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-label-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-border-style: var(--utrecht-border-style-solid);
  --utrecht-mapcontrolbutton-border-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-background-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-mapcontrolbutton-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-mapcontrolbutton-padding-inline-end: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-inline-start: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-block-end: var(--utrecht-space-block-2xs);
  --utrecht-mapcontrolbutton-padding-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-mapcontrolbutton-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-min-inline-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-min-block-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-border-width: var(--utrecht-border-width-sm);
  --utrecht-map-marker-border-color: var(--utrecht-color-white);
  --utrecht-map-marker-color: var(--utrecht-color-white);
  --utrecht-map-marker-background-color: var(--utrecht-color-blue-30);
  --utrecht-link-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-link-color: var(--utrecht-color-blue-35);
  --utrecht-link-social-color: var(--utrecht-color-white);
  --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
  --utrecht-link-social-border-color: var(--utrecht-color-white);
  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
  --utrecht-link-list-item-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-link-list-item-column-gap: var(--utrecht-space-block-xs);
  --utrecht-link-list-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-index-char-nav-link-current-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-index-char-nav-gap: var(--utrecht-space-column-sm);
  --utrecht-index-char-nav-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-index-char-nav-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-6-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-6-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-6-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-6-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-5-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-5-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-5-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-5-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-4-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-4-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-4-font-size: var(--utrecht-typography-scale-lg-font-size);
  --utrecht-heading-4-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-3-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-3-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-3-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-3-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-2-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-2-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-2-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-2-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-1-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-1-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
  --utrecht-heading-1-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
  --utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
  --utrecht-form-toggle-thumb-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-form-toggle-thumb-background-color: var(--utrecht-color-white);
  --utrecht-form-toggle-track-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-toggle-track-border-radius: var(
    --utrecht-form-toggle-border-radius
  );
  --utrecht-form-toggle-color: var(--utrecht-color-black);
  --utrecht-form-toggle-background-color: var(--utrecht-color-white);
  --utrecht-form-label-radio-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-checkbox-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-legend-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-form-fieldset-legend-margin-block-start: var(
    --utrecht-space-block-xl
  );
  --utrecht-form-fieldset-legend-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-fieldset-legend-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-section-color: var(--utrecht-color-black);
  --utrecht-form-fieldset-section-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-form-fieldset-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-fieldset-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-description-margin-block-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-label-margin-block-end: var(--utrecht-space-block-sm);
  --utrecht-form-field-invalid-padding-inline-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-control-read-only-color: var(--utrecht-color-grey-20);
  --utrecht-form-control-read-only-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-control-focus-border-color: var(--utrecht-color-grey-80);
  --utrecht-form-control-placeholder-font-style: var(
    --utrecht-typography-font-style-normal
  );
  --utrecht-form-control-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-form-control-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-form-control-color: var(--utrecht-color-black);
  --utrecht-form-control-border-width: var(--utrecht-border-width-sm);
  --utrecht-form-control-border-color: var(--utrecht-color-grey-30);
  --utrecht-form-control-background-color: var(--utrecht-color-white);
  --utrecht-emphasis-strong-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-drawer-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-block-start: var(--utrecht-space-block-md);
  --utrecht-drawer-padding-block-end: var(--utrecht-space-block-md);
  --utrecht-drawer-border-color: var(--utrecht-color-grey-90);
  --utrecht-document-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-document-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-document-color: var(--utrecht-color-black);
  --utrecht-document-background-color: var(--utrecht-color-white);
  --utrecht-data-placeholder-background-color: var(--utrecht-color-grey-40);
  --utrecht-data-list-rows-item-value-margin-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-data-list-rows-item-margin-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-data-list-item-key-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-data-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-data-list-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-focus-inverse-outline-color: var(--utrecht-color-white);
  --utrecht-focus-outline-width: var(--utrecht-border-width-md);
  --utrecht-focus-outline-color: var(--utrecht-color-black);
  --utrecht-focus-background-color: var(--utrecht-color-yellow-60);
  --utrecht-feedback-active-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-inactive-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-success-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-error-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-valid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-border-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-background-color: var(--utrecht-color-invalid);
  --utrecht-feedback-safe-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-safe-color: var(--utrecht-color-green-50);
  --utrecht-feedback-warning-fill-color: var(--utrecht-color-black);
  --utrecht-feedback-warning-color: var(--utrecht-color-yellow-50);
  --utrecht-feedback-danger-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-danger-color: var(--utrecht-color-red-40);
  --utrecht-column-layout-gap: var(--utrecht-space-column-md);
  --utrecht-column-layout-column-rule-color: var(--utrecht-color-grey-80);
  --utrecht-code-block-margin-block-end: var(--utrecht-space-block-lg);
  --utrecht-code-block-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-code-block-color: var(--utrecht-color-black);
  --utrecht-code-block-background-color: var(--utrecht-color-grey-95);
  --utrecht-checkbox-indeterminate-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-checkbox-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
  --utrecht-checkbox-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-calendar-navigation-label-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-calendar-navigation-label-color: var(--utrecht-color-black);
  --utrecht-calendar-navigation-color: var(--utrecht-color-blue-30);
  --utrecht-calendar-table-days-item-day-disabled-color: var(
    --utrecht-color-grey-40
  );
  --utrecht-calendar-table-days-item-day-selected-color: var(
    --utrecht-color-white
  );
  --utrecht-calendar-table-days-item-day-selected-background-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-calendar-table-days-item-day-is-today-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-calendar-table-days-item-day-out-of-the-month-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-calendar-table-days-item-day-hover-border-color: var(
    --utrecht-color-black
  );
  --utrecht-calendar-table-days-item-day-hover-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-calendar-table-days-item-day-color: var(--utrecht-color-black);
  --utrecht-button-subtle-ready-focus-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-hover-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-color: var(--utrecht-color-green-50);
  --utrecht-button-subtle-danger-focus-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-hover-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-subtle-focus-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-hover-border-color: var(--utrecht-color-blue-40);
  --utrecht-button-subtle-hover-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-subtle-active-color: var(--utrecht-color-white);
  --utrecht-button-subtle-active-background-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-border-width: var(--utrecht-border-width-md);
  --utrecht-button-secondary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-ready-border-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-secondary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-warning-border-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-secondary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-secondary-action-danger-border-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-secondary-action-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-hover-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-secondary-action-hover-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-disabled-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-active-color: var(--utrecht-color-white);
  --utrecht-button-secondary-action-active-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-secondary-action-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-secondary-action-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-focus-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-hover-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-hover-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-danger-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-danger-background-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-primary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-focus-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-hover-color: var(
    --utrecht-color-black
  );
  --utrecht-button-primary-action-warning-hover-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-warning-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-warning-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-primary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-focus-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-ready-hover-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-ready-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-ready-background-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-primary-action-focus-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-primary-action-focus-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-focus-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-primary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-primary-action-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-active-color: var(--utrecht-color-blue-35);
  --utrecht-button-primary-action-active-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-primary-action-active-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-border-width: var(--utrecht-border-width-md);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-background-color: var(--utrecht-color-grey-90);
  --utrecht-button-icon-gap: var(--utrecht-space-text-xs);
  --utrecht-button-active-color: var(--utrecht-color-white);
  --utrecht-button-active-background-color: var(--utrecht-color-grey-40);
  --utrecht-button-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-button-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-button-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-button-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-button-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-button-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-button-color: var(--utrecht-color-grey-40);
  --utrecht-button-border-color: var(--utrecht-color-grey-40);
  --utrecht-button-background-color: var(--utrecht-color-white);
  --utrecht-breadcrumb-nav-arrows-link-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-focus-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-breadcrumb-nav-separator-icon-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-breadcrumb-nav-separator-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-link-icon-size: var(--utrecht-icon-scale-md);
  --utrecht-breadcrumb-nav-link-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-breadcrumb-nav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-item-padding-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-blockquote-content-color: var(--utrecht-color-red-40);
  --utrecht-badge-font-style: var(--utrecht-typography-font-style-normal);
  --utrecht-badge-padding-inline: var(--utrecht-space-inline-sm);
  --utrecht-badge-padding-block: var(--utrecht-space-block-xs);
  --utrecht-badge-color: var(--utrecht-color-white);
  --utrecht-badge-background-color: var(--utrecht-color-grey-30);
  --utrecht-badge-list-item-margin-inline: var(--utrecht-space-block-sm);
  --utrecht-badge-list-item-margin-block: var(--utrecht-space-block-xs);
  --utrecht-badge-counter-font-style: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-badge-counter-color: var(--utrecht-color-white);
  --utrecht-badge-counter-border-radius: var(--utrecht-badge-counter-font-size);
  --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
  --utrecht-backdrop-color: var(--utrecht-color-black);
  --utrecht-backdrop-background-color: var(--utrecht-color-white);
  --utrecht-alert-info-color: var(--utrecht-color-black);
  --utrecht-alert-info-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-icon-info-color: var(--utrecht-color-blue-35);
  --utrecht-alert-icon-ok-color: var(--utrecht-color-green-40);
  --utrecht-alert-icon-warning-color: var(--utrecht-color-yellow-40);
  --utrecht-alert-icon-error-color: var(--utrecht-color-red-40);
  --utrecht-alert-icon-gap: var(--utrecht-space-column-md);
  --utrecht-alert-icon-color: var(--utrecht-color-blue-35);
  --utrecht-alert-ok-color: var(--utrecht-color-black);
  --utrecht-alert-ok-background-color: var(--utrecht-color-green-90);
  --utrecht-alert-error-color: var(--utrecht-color-black);
  --utrecht-alert-error-background-color: var(--utrecht-color-red-95);
  --utrecht-alert-warning-color: var(--utrecht-color-black);
  --utrecht-alert-warning-background-color: var(--utrecht-color-yellow-80);
  --utrecht-alert-padding-inline-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-inline-start: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-start: var(--utrecht-space-block-lg);
  --utrecht-alert-color: var(--utrecht-color-black);
  --utrecht-alert-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-dialog-max-inline-size: var(
    --utrecht-article-max-inline-size
  );
  --utrecht-accordion-section-margin-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-accordion-panel-padding-inline-end: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-inline-start: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-icon-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-accordion-button-focus-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-focus-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-focus-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-active-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-active-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-active-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-hover-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-hover-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-background-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-inline-start: var(
    --utrecht-space-block-md
  );
  --utrecht-accordion-button-padding-inline-end: var(--utrecht-space-block-md);
  --of-layout-background: var(--utrecht-document-background-color);
  --denhaag-process-steps-sub-step-line-color: var(
    --denhaag-process-steps-step-line-color
  );
  --utrecht-toptask-link-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --utrecht-toptask-link-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --utrecht-toptask-link-color: var(--utrecht-button-primary-action-color);
  --utrecht-toptask-link-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --utrecht-skip-link-focus-background-color: var(
    --utrecht-topnav-link-focus-background-color
  );
  --utrecht-skip-link-focus-color: var(--utrecht-topnav-link-focus-color);
  --utrecht-skip-link-padding-inline-end: var(
    --utrecht-button-padding-inline-end
  );
  --utrecht-skip-link-padding-inline-start: var(
    --utrecht-button-padding-inline-start
  );
  --utrecht-skip-link-padding-block-end: var(
    --utrecht-button-padding-block-end
  );
  --utrecht-skip-link-padding-block-start: var(
    --utrecht-button-padding-block-start
  );
  --utrecht-skip-link-color: var(--utrecht-topnav-link-color);
  --utrecht-skip-link-background-color: var(
    --utrecht-topnav-list-background-color
  );
  --utrecht-radio-button-border-color: var(--utrecht-form-control-border-color);
  --utrecht-radio-button-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-paragraph-lead-color: var(--utrecht-document-color);
  --utrecht-link-visited-color: var(--utrecht-link-color);
  --utrecht-link-hover-color: var(--utrecht-link-focus-color);
  --utrecht-link-active-color: var(--utrecht-link-color);
  --utrecht-form-field-error-message-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-field-description-warning-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-form-field-description-invalid-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-control-invalid-border-color: var(
    --utrecht-feedback-invalid-border-color
  );
  --utrecht-form-control-font-family: var(--utrecht-document-font-family);
  --utrecht-drawer-color: var(--utrecht-document-color);
  --utrecht-drawer-background-color: var(--utrecht-document-background-color);
  --utrecht-feedback-active-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-inactive-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-success-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-error-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-valid-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-invalid-fill-background-color: var(
    --utrecht-feedback-invalid-background-color
  );
  --utrecht-feedback-safe-border-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-safe-background-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-warning-border-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-warning-background-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-danger-border-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-danger-background-color: var(
    --utrecht-feedback-danger-color
  );
  --utrecht-checkbox-color: var(--utrecht-form-control-color);
  --utrecht-checkbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-checkbox-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-button-subtle-pressed-color: var(
    --utrecht-button-subtle-active-color
  );
  --utrecht-button-subtle-pressed-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --utrecht-button-secondary-action-pressed-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --utrecht-button-secondary-action-pressed-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --utrecht-button-primary-action-pressed-color: var(
    --utrecht-button-primary-action-active-color
  );
  --utrecht-button-primary-action-pressed-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --utrecht-button-primary-action-pressed-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --utrecht-button-pressed-color: var(--utrecht-button-active-color);
  --utrecht-button-pressed-background-color: var(
    --utrecht-button-active-background-color
  );
  --utrecht-breadcrumb-nav-arrows-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --utrecht-breadcrumb-nav-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --of-layout-bg: var(--of-layout-background);
  --utrecht-radio-button-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-invalid-border-inline-start-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-description-valid-color: var(
    --utrecht-feedback-valid-color
  );
  --utrecht-feedback-active-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-active-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-inactive-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-inactive-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-success-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-success-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-error-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-error-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-valid-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-valid-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-safe-fill-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-warning-fill-background-color: var(
    --utrecht-feedback-warning-background-color
  );
  --utrecht-feedback-danger-fill-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-checkbox-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-feedback-active-fill-background-color: var(
    --utrecht-feedback-active-background-color
  );
  --utrecht-feedback-inactive-fill-background-color: var(
    --utrecht-feedback-inactive-background-color
  );
  --utrecht-feedback-success-fill-background-color: var(
    --utrecht-feedback-success-background-color
  );
  --utrecht-feedback-error-fill-background-color: var(
    --utrecht-feedback-error-background-color
  );
  --utrecht-feedback-valid-fill-background-color: var(
    --utrecht-feedback-valid-background-color
  );
}

@charset "UTF-8";
.share-links {
  margin-block-start: var(
    --nlds-share-margin-block-start,
    var(--nlds-default-margin-block-start, 1.5rem)
  );
  margin-block-end: var(
    --nlds-share-margin-block-end,
    var(--nlds-default-margin-block-end, 1.5rem)
  );
}
.utrecht-link-social.copy-link {
  cursor: pointer;
}
.share-links .icon {
  position: relative;
  width: 50px;
  height: 50px;
}
.share-links .icon:before {
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--utrecht-link-social-color);
  position: absolute;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.share-links .icon.--facebook:before {
  -webkit-mask-size: 12px;
  mask-size: 12px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z'/%3E%3C/svg%3E");
}
.share-links .icon.--twitter:before {
  -webkit-mask-size: 17px;
  mask-size: 17px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/%3E%3C/svg%3E");
}
.share-links .icon.--mail:before {
  -webkit-mask-size: 17px;
  mask-size: 17px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z'/%3E%3C/svg%3E");
}
.share-links .icon.--whatsapp:before {
  -webkit-mask-size: 17px;
  mask-size: 17px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E");
}
.share-links .icon.--linkedin:before {
  -webkit-mask-size: 17px;
  mask-size: 17px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z'/%3E%3C/svg%3E");
}
.share-links .icon.--url:before {
  -webkit-mask-size: 17px;
  mask-size: 17px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3C!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M580.3 267.2c56.2-56.2 56.2-147.3 0-203.5C526.8 10.2 440.9 7.3 383.9 57.2l-6.1 5.4c-10 8.7-11 23.9-2.3 33.9s23.9 11 33.9 2.3l6.1-5.4c38-33.2 95.2-31.3 130.9 4.4c37.4 37.4 37.4 98.1 0 135.6L433.1 346.6c-37.4 37.4-98.2 37.4-135.6 0c-35.7-35.7-37.6-92.9-4.4-130.9l4.7-5.4c8.7-10 7.7-25.1-2.3-33.9s-25.1-7.7-33.9 2.3l-4.7 5.4c-49.8 57-46.9 142.9 6.6 196.4c56.2 56.2 147.3 56.2 203.5 0L580.3 267.2zM59.7 244.8C3.5 301 3.5 392.1 59.7 448.2c53.6 53.6 139.5 56.4 196.5 6.5l6.1-5.4c10-8.7 11-23.9 2.3-33.9s-23.9-11-33.9-2.3l-6.1 5.4c-38 33.2-95.2 31.3-130.9-4.4c-37.4-37.4-37.4-98.1 0-135.6L207 165.4c37.4-37.4 98.1-37.4 135.6 0c35.7 35.7 37.6 92.9 4.4 130.9l-5.4 6.1c-8.7 10-7.7 25.1 2.3 33.9s25.1 7.7 33.9-2.3l5.4-6.1c49.9-57 47-142.9-6.5-196.5c-56.2-56.2-147.3-56.2-203.5 0L59.7 244.8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3C!--!Font Awesome Pro 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M580.3 267.2c56.2-56.2 56.2-147.3 0-203.5C526.8 10.2 440.9 7.3 383.9 57.2l-6.1 5.4c-10 8.7-11 23.9-2.3 33.9s23.9 11 33.9 2.3l6.1-5.4c38-33.2 95.2-31.3 130.9 4.4c37.4 37.4 37.4 98.1 0 135.6L433.1 346.6c-37.4 37.4-98.2 37.4-135.6 0c-35.7-35.7-37.6-92.9-4.4-130.9l4.7-5.4c8.7-10 7.7-25.1-2.3-33.9s-25.1-7.7-33.9 2.3l-4.7 5.4c-49.8 57-46.9 142.9 6.6 196.4c56.2 56.2 147.3 56.2 203.5 0L580.3 267.2zM59.7 244.8C3.5 301 3.5 392.1 59.7 448.2c53.6 53.6 139.5 56.4 196.5 6.5l6.1-5.4c10-8.7 11-23.9 2.3-33.9s-23.9-11-33.9-2.3l-6.1 5.4c-38 33.2-95.2 31.3-130.9-4.4c-37.4-37.4-37.4-98.1 0-135.6L207 165.4c37.4-37.4 98.1-37.4 135.6 0c35.7 35.7 37.6 92.9 4.4 130.9l-5.4 6.1c-8.7 10-7.7 25.1 2.3 33.9s25.1 7.7 33.9-2.3l5.4-6.1c49.9-57 47-142.9-6.5-196.5c-56.2-56.2-147.3-56.2-203.5 0L59.7 244.8z'/%3E%3C/svg%3E");
}
.share-links .link-container {
  display: flex;
  grid-gap: 5px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.sr-only {
  width: 0;
  height: 0;
  overflow: hidden;
  display: block;
}
.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
  );
  justify-content: start !important;
  position: relative;
}
.utrecht-accordion__button[aria-expanded]:after {
  background-color: var(--utrecht-accordion-button-icon-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[aria-expanded='false']:after {
  background-image: var(
    --utrecht-accordion-icon-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[aria-expanded='true']:after {
  background-image: var(
    --utrecht-accordion-icon-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__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;
}
.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);
}
.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);
  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);
}
.utrecht-index-char-nav {
  --utrecht-button-padding-inline-start: 1ch;
  --utrecht-button-padding-inline-end: 1ch;
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-index-char-nav-gap);
  margin-block-end: var(--utrecht-index-char-nav-margin-block-end);
  margin-block-start: var(--utrecht-index-char-nav-margin-block-start);
}
.utrecht-index-char-nav__link--current {
  --utrecht-button-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
  --utrecht-button-link-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
}
.utrecht-index-char-nav__link--disabled {
  pointer-events: none;
}
.utrecht-alternate-lang-nav__heading {
  display: none;
}
.utrecht-article {
  max-inline-size: var(--utrecht-article-max-inline-size);
}
.utrecht-badge-counter {
  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-document-font-family, sans-serif);
  font-size: var(--utrecht-badge-counter-font-size);
  font-style: var(--utrecht-badge-counter-font-style, normal);
  font-weight: var(
    --utrecht-badge-counter-font-weight,
    var(--utrecht-badge-font-weight, bold)
  );
  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;
  white-space: nowrap;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-badge-counter {
    border-color: currentColor;
    border-style: solid;
    border-width: 1px;
  }
}
.utrecht-badge-data {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    border-width: 1px;
  }
}
.utrecht-badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-badge-list-item-margin-block)
    var(--utrecht-badge-list-item-margin-inline);
}
.utrecht-badge-status {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    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)
  );
}
.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;
}
.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;
}
.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--disabled {
  --utrecht-link-placeholder-color: var(
    --utrecht-breadcrumb-nav-link-disabled-color,
    var(--utrecht-breadcrumb-nav-link-color)
  );
  background-color: var(
    --utrecht-breadcrumb-nav-link-disabled-background-color,
    var(--utrecht-breadcrumb-nav-link-background-color)
  );
  color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-breadcrumb-nav__link--current {
  --utrecht-link-current-font-weight: var(
    --utrecht-breadcrumb-nav-link-current-font-weight,
    inherit
  );
  cursor: var(--utrecht-action-inert-cursor, default);
  font-weight: var(--utrecht-breadcrumb-nav-link-current-font-weight, inherit);
}
.utrecht-breadcrumb-nav__separator,
.utrecht-breadcrumb-nav__separator--html-li {
  --_utrecht-breadcrumb-nav-separator-display: inline-flex;
  --utrecht-icon-size: var(--utrecht-breadcrumb-nav-separator-icon-size);
  align-items: center;
  color: var(--utrecht-breadcrumb-nav-separator-color);
  cursor: var(--utrecht-action-inert-cursor, default);
  display: var(--_utrecht-breadcrumb-nav-separator-display);
  inline-size: fit-content;
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-breadcrumb-nav--arrows {
  --utrecht-breadcrumb-nav-arrow-size: 24px;
  min-block-size: var(--utrecht-breadcrumb-nav-min-block-size);
  overflow: hidden;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link {
  background-color: var(--utrecht-breadcrumb-nav-arrows-link-background-color);
  padding-inline-end: 0;
  position: relative;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  block-size: 0;
  border-block-end-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-block-start-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-color: transparent;
  border-style: solid;
  content: ' ';
  display: block;
  inline-size: 0;
  inset-block-start: 50%;
  inset-inline-start: 100%;
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  position: absolute;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-background-color
  );
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  z-index: 2;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  border-inline-start-color: var(--utrecht-document-background-color);
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  margin-inline-start: 1px;
  z-index: 1;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus {
  --utrecht-link-focus-background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
  background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__link
  ~ .utrecht-breadcrumb-nav__link,
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__item
  ~ .utrecht-breadcrumb-nav__item
  .utrecht-breadcrumb-nav__link {
  padding-inline-start: calc(
    var(--utrecht-breadcrumb-nav-item-padding-inline-start) +
      var(--utrecht-breadcrumb-nav-arrow-size)
  );
}
.utrecht-breadcrumb-nav__item ~ .utrecht-breadcrumb-nav__item {
  margin-inline-start: var(--utrecht-breadcrumb-nav-item-divider-inline-size);
}
.utrecht-button {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button--distanced {
  margin-block-end: var(--utrecht-button-margin-block-end);
  margin-block-start: var(--utrecht-button-margin-block-start);
  margin-inline-end: var(--utrecht-button-margin-inline-end);
  margin-inline-start: var(--utrecht-button-margin-inline-start);
}
.utrecht-button--submit {
  cursor: var(--utrecht-action-submit-cursor, revert);
}
.utrecht-button--busy {
  cursor: var(--utrecht-action-busy-cursor, wait);
}
.utrecht-button--pressed {
  background-color: var(--_utrecht-button-pressed-background-color);
  border-color: var(--_utrecht-button-pressed-border-color);
  color: var(--_utrecht-button-pressed-color);
}
.utrecht-button:disabled,
.utrecht-button--disabled {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button--focus:not(.utrecht-button--disabled) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-button--hover:not(:disabled, .utrecht-button--disabled),
.utrecht-button:hover:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button:active:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ),
.utrecht-button--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-danger-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-ready-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-warning-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-danger-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-ready-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-warning-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-danger-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-danger-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-danger-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-ready-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-ready-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-ready-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-warning-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-warning-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-warning-pressed-color
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Frameless B.V.
 */
.utrecht-button-group {
  align-items: baseline;
  background-color: var(--utrecht-button-group-background-color);
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-button-group-inline-gap, 1em);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-start, 0)
  );
  min-block-size: var(--utrecht-button-block-size);
  padding-block-end: var(--utrecht-button-group-padding-block-end);
  padding-block-start: var(--utrecht-button-group-padding-block-start);
}
.utrecht-button-group--distanced {
  --utrecht-space-around: 1;
}
.utrecht-button-group__link-button--row,
.utrecht-button-group--row .utrecht-link-button,
.utrecht-button-group:not(.utrecht-button-group--column) .utrecht-link-button {
  --utrecht-button-padding-inline-end: 0;
  --utrecht-button-padding-inline-start: 0;
}
.utrecht-button-group--column {
  flex-direction: column;
  gap: var(--utrecht-button-group-block-gap, 1em);
}
.utrecht-calendar {
  background-color: var(--utrecht-calendar-background-color);
  inline-size: fit-content;
}
.utrecht-calendar__table {
  margin-inline: auto;
  padding-block-end: var(--utrecht-calendar-table-padding-block-end);
  padding-block-start: var(--utrecht-calendar-table-padding-block-start);
}
.utrecht-calendar__table-weeks-item {
  inline-size: var(--utrecht-calendar-table-weeks-item-width);
  line-height: var(--utrecht-calendar-table-weeks-item-line-height, inherit);
  padding-block-end: var(--utrecht-calendar-table-weeks-item-padding-block-end);
  padding-block-start: var(
    --utrecht-calendar-table-weeks-item-padding-block-start
  );
}
.utrecht-calendar__table-days-item-day {
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-border-color
  );
  --utrecht-calendar-button-border-width: var(
    --utrecht-calendar-table-days-item-day-border-width
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-color
  );
  block-size: var(--utrecht-calendar-table-days-item-day-size);
  inline-size: var(--utrecht-calendar-table-days-item-day-size);
}
.utrecht-calendar__table-days-item-day:hover {
  --utrecht-calendar-button-hover-background-color: var(
    --utrecht-calendar-table-days-item-day-hover-background-color
  );
  --utrecht-calendar-button-hover-border-color: var(
    --utrecht-calendar-table-days-item-day-hover-border-color
  );
  --utrecht-calendar-button-hover-color: var(
    --utrecht-calendar-table-days-item-day-hover-color
  );
}
.utrecht-calendar__table-days-item-day:focus {
  --utrecht-calendar-button-focus-background-color: var(
    --utrecht-calendar-table-days-item-day-focus-background-color
  );
  --utrecht-calendar-button-focus-border-color: var(
    --utrecht-calendar-table-days-item-day-focus-border-color
  );
  --utrecht-calendar-button-focus-color: var(
    --utrecht-calendar-table-days-item-day-focus-color
  );
}
.utrecht-calendar__table-days-item-day:active {
  --utrecht-calendar-button-active-background-color: var(
    --utrecht-calendar-table-days-item-day-active-background-color
  );
  --utrecht-calendar-button-active-border-color: var(
    --utrecht-calendar-table-days-item-day-active-border-color
  );
  --utrecht-calendar-button-active-color: var(
    --utrecht-calendar-table-days-item-day-active-color
  );
}
.utrecht-calendar__table-days-item-day:disabled {
  --utrecht-calendar-button-disabled-background-color: var(
    --utrecht-calendar-table-days-item-day-disabled-background-color
  );
  --utrecht-calendar-button-disabled-border-color: var(
    --utrecht-calendar-table-days-item-day-disabled-border-color
  );
  --utrecht-calendar-button-disabled-color: var(
    --utrecht-calendar-table-days-item-day-disabled-color
  );
}
.utrecht-calendar__table-days-item-day--out-of-the-month {
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-color
  );
}
.utrecht-calendar__table-days-item-day--is-today {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-is-today-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-is-today-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-is-today-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-is-today-color
  );
}
.utrecht-calendar__table-days-item-day--emphasis {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-emphasis-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-color
  );
}
.utrecht-calendar__table-days-item-day--selected {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-selected-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-selected-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-selected-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-selected-color
  );
}
.utrecht-calendar__navigation {
  background-color: var(--utrecht-calendar-navigation-background-color);
  color: var(--utrecht-calendar-navigation-color);
  padding-block-end: var(--utrecht-calendar-navigation-padding-block-end);
  padding-block-start: var(--utrecht-calendar-navigation-padding-block-start);
}
.utrecht-calendar__navigation-label {
  color: var(--utrecht-calendar-navigation-label-color);
  font-size: var(--utrecht-calendar-navigation-label-font-size);
  text-align: center;
}
.utrecht-calendar__navigation-buttons {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.utrecht-calendar__button {
  --utrecht-button-subtle-color: var(
    --utrecht-calendar-button-color,
    currentColor
  );
  --utrecht-button-subtle-background-color: var(
    --utrecht-calendar-button-background-color,
    transparent
  );
  --utrecht-button-subtle-border-color: var(
    --utrecht-calendar-button-border-color,
    transparent
  );
  --utrecht-button-subtle-border-width: var(
    --utrecht-calendar-button-border-width
  );
  --utrecht-button-font-weight: var(--utrecht-calendar-button-font-weight);
  --utrecht-button-subtle-focus-background-color: var(
    --utrecht-calendar-button-focus-background-color
  );
  --utrecht-button-subtle-focus-border-color: var(
    --utrecht-calendar-button-focus-border-color
  );
  --utrecht-button-subtle-focus-color: var(
    --utrecht-calendar-button-focus-color
  );
  --utrecht-button-subtle-active-background-color: var(
    --utrecht-calendar-button-active-background-color
  );
  --utrecht-button-subtle-active-border-color: var(
    --utrecht-calendar-button-active-border-color
  );
  --utrecht-button-subtle-active-color: var(
    --utrecht-calendar-button-active-color
  );
  --utrecht-button-subtle-hover-background-color: var(
    --utrecht-calendar-button-hover-background-color
  );
  --utrecht-button-subtle-hover-border-color: var(
    --utrecht-calendar-button-hover-border-color,
    transparent
  );
  --utrecht-button-subtle-hover-color: var(
    --utrecht-calendar-button-hover-color
  );
  --utrecht-button-subtle-disabled-background-color: var(
    --utrecht-calendar-button-disabled-background-color
  );
  --utrecht-button-subtle-disabled-border-color: var(
    --utrecht-calendar-button-disabled-border-color
  );
  --utrecht-button-subtle-disabled-color: var(
    --utrecht-calendar-button-disabled-color
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-calendar-button-padding-block-end,
    0
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-calendar-button-padding-block-start,
    0
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-calendar-button-padding-inline-end,
    0
  );
  --utrecht-button-padding-inline-start: var(
    --utrecht-calendar-button-padding-inline-start,
    0
  );
  cursor: pointer;
}
.utrecht-calendar__icon {
  block-size: var(--utrecht-calendar-icon-size);
  inline-size: var(--utrecht-calendar-icon-size);
}
.utrecht-code {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
}
.utrecht-code-block {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
  --utrecht-code-color: var(--utrecht-code-block-color, inherit);
  --utrecht-code-background-color: var(
    --utrecht-code-block-background-color,
    inherit
  );
  --utrecht-code-font-weight: var(--utrecht-code-block-font-weight, inherit);
  --utrecht-code-font-size: var(--utrecht-code-block-font-size, inherit);
  --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
  background-color: var(--utrecht-code-block-background-color);
  display: block;
  font-size: var(--utrecht-code-block-font-size, var(--utrecht-code-font-size));
  line-height: var(
    --utrecht-code-block-line-height,
    var(--utrecht-code-line-height)
  );
  margin-block-end: var(--utrecht-code-block-margin-block-end);
  margin-block-start: var(--utrecht-code-block-margin-block-start);
  margin-inline-end: var(--utrecht-code-block-margin-inline-end);
  margin-inline-start: var(--utrecht-code-block-margin-inline-start);
  padding-block-end: var(--utrecht-code-block-padding-block-end);
  padding-block-start: var(--utrecht-code-block-padding-block-start);
  padding-inline-end: var(--utrecht-code-block-padding-inline-end);
  padding-inline-start: var(--utrecht-code-block-padding-inline-start);
  white-space: pre;
}
.utrecht-code-block__content {
  font-family: inherit;
  font-size: inherit;
}
.utrecht-color-sample {
  background-color: var(--utrecht-color-sample-background-color, currentColor);
  block-size: var(--utrecht-color-sample-block-size, 2em);
  border-color: var(
    --utrecht-color-sample-border-color,
    var(--utrecht-color-sample-default-border-color)
  );
  border-radius: var(--utrecht-color-sample-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-color-sample-border-width, 0);
  box-sizing: border-box;
  display: inline-block;
  inline-size: var(--utrecht-color-sample-inline-size, 2em);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
@media (forced-colors: active) {
  .utrecht-color-sample {
    forced-color-adjust: none;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-dark-border-color,
      #000
    );
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-light-border-color,
      #fff
    );
  }
}
.utrecht-button-link {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
  cursor: var(--utrecht-action-navigate-cursor, pointer);
  text-decoration: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button-link {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button-link--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--placeholder {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button-link--html-a:focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--html-a:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--html-a:hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--html-a:active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button-link--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button-link--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-checkbox {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  cursor: var(--utrecht-action-activate-cursor, revert);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-checkbox--disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--html-input:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-column-layout {
  column-gap: var(--utrecht-column-layout-gap, 2em);
  column-width: var(--utrecht-column-layout-column-width, 40ch);
  display: block;
}
.utrecht-column-layout--rule {
  column-rule-color: var(--utrecht-column-layout-column-rule-color);
  column-rule-style: solid;
  column-rule-width: var(--utrecht-column-layout-column-rule-width, 0);
}
.utrecht-checkbox--custom,
.utrecht-custom-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-checkbox-size, 1em);
  border-color: var(--utrecht-checkbox-border-color);
  border-radius: var(--utrecht-checkbox-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-checkbox-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-checkbox-size, 1em);
  margin-block-start: var(--utrecht-checkbox-margin-block-start);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  vertical-align: top;
}
.utrecht-checkbox--custom.utrecht-checkbox--checked,
.utrecht-custom-checkbox--checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled,
.utrecht-custom-checkbox--disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,
.utrecht-custom-checkbox--disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,
.utrecht-custom-checkbox--disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,
.utrecht-custom-checkbox--indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--invalid,
.utrecht-custom-checkbox--invalid {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--active,
.utrecht-custom-checkbox--active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--hover,
.utrecht-custom-checkbox--hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus,
.utrecht-custom-checkbox--focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,
.utrecht-custom-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,
.utrecht-custom-checkbox--html-input:disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,
.utrecht-custom-checkbox--html-input:disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,
.utrecht-custom-checkbox--html-input:disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,
.utrecht-custom-checkbox--html-input:hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,
.utrecht-custom-checkbox--html-input:focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,
.utrecht-custom-checkbox--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,
.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid='true'],
.utrecht-custom-checkbox--html-input:invalid,
.utrecht-custom-checkbox--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,
.utrecht-custom-checkbox--html-input:active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,
.utrecht-custom-checkbox--html-input:checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,
.utrecht-custom-checkbox--html-input:indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-data-list {
  display: block;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-start, 0)
  );
}
.utrecht-data-list__item-key {
  color: var(--utrecht-data-list-item-key-color);
  font-size: var(--utrecht-data-list-item-key-font-size);
  font-weight: var(--utrecht-data-list-item-key-font-weight);
  line-height: var(--utrecht-data-list-item-key-line-height);
}
.utrecht-data-list__item-value {
  color: var(--utrecht-data-list-item-value-color);
  font-size: var(--utrecht-data-list-item-value-font-size);
  font-weight: var(--utrecht-data-list-item-value-font-weight);
  line-height: var(--utrecht-data-list-item-value-line-height);
  min-block-size: calc(var(--utrecht-data-list-item-value-line-height) * 1rem);
}
.utrecht-data-list__actions--html-dd,
.utrecht-data-list__item-value--html-dd {
  margin-inline-start: 0;
}
.utrecht-data-list__item-value--multiline {
  white-space: pre-line;
}
.utrecht-data-list--rows .utrecht-data-list__actions {
  align-items: baseline;
  display: flex;
  grid-column: -1;
  grid-row: 1;
  justify-content: flex-end;
}
.utrecht-data-list--rows .utrecht-data-list__item {
  --_utrecht-minmax: max(
    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),
    var(--utrecht-data-list-rows-column-inline-size, 80%)
  );
  --_utrecht-auto-col: minmax(var(--_utrecht-minmax), max-content);
  border-block-end-color: var(
    --utrecht-data-list-rows-border-bottom-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-data-list-rows-border-bottom-width, 0);
  column-gap: var(--utrecht-data-list-rows-gap);
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: repeat(auto-fit, var(--_utrecht-auto-col));
  margin-block-start: var(--utrecht-data-list-rows-item-margin-block-start);
  padding-block-end: var(--utrecht-data-list-rows-item-padding-block-end);
  padding-block-start: var(--utrecht-data-list-rows-item-padding-block-start);
  row-gap: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item:first-of-type {
  margin-block-start: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item-value {
  margin-block-start: var(
    --utrecht-data-list-rows-item-value-margin-block-start
  );
}
.utrecht-digid-button {
  --utrecht-button-min-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-digid-button-block-size, 50px);
  block-size: var(--utrecht-digid-button-block-size, 50px);
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-document {
  color: var(--utrecht-document-color, inherit);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-document-font-size, inherit);
  font-weight: var(--utrecht-document-font-weight, inherit);
  line-height: var(--utrecht-document-line-height, inherit);
  text-rendering: optimizeLegibility;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
.utrecht-document :lang(ar) {
  letter-spacing: 0 !important;
}
.utrecht-document--surface {
  background-color: var(--utrecht-document-background-color, inherit);
}
.utrecht-drawer {
  --_utrecht-drawer-backdrop-min-size: max(
    var(--utrecht-drawer-backdrop-min-size),
    44px
  );
  background-color: var(--utrecht-drawer-background-color, Canvas);
  border-color: var(--utrecht-drawer-border-color, currentColor);
  border-width: var(--utrecht-drawer-border-width, 0);
  box-sizing: border-box;
  color: var(--utrecht-drawer-color, CanvasText);
  overflow: auto;
  padding-block-end: var(--utrecht-drawer-padding-block-end);
  padding-block-start: var(--utrecht-drawer-padding-block-start);
  padding-inline-end: var(--utrecht-drawer-padding-inline-end);
  padding-inline-start: var(--utrecht-drawer-padding-inline-start);
  position: fixed;
  z-index: var(--utrecht-drawer-z-index, 1);
}
.utrecht-drawer::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;
}
@keyframes utrecht-backdrop-fade-in {
  0% {
    opacity: 0%;
  }
  to {
    opacity: var(--_utrecht-backdrop-opacity);
  }
}
@media (prefers-reduced-motion: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-fade-in-animation-duration: 0;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-opacity: var(
      --utrecht-backdrop-reduced-transparency-opacity,
      100%
    );
  }
}
.utrecht-drawer--inline-start {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-inline-start-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: auto;
  inset-inline-start: 0;
}
.utrecht-drawer--inline-end {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  border-inline-end-width: 0;
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: 0;
  inset-inline-start: auto;
}
.utrecht-drawer--block-start {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-start-width: 0;
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: auto;
  inset-block-start: 0;
}
.utrecht-drawer--block-end {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-end-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: 0;
  inset-block-start: auto;
}
.utrecht-emphasis--stressed {
  font-style: var(--utrecht-emphasis-stressed-font-style, italic);
}
.utrecht-emphasis--strong {
  font-weight: var(--utrecht-emphasis-strong-font-weight, bold);
}
.utrecht-figure {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-start, 0)
  );
}
.utrecht-figure__caption {
  color: var(--utrecht-figure-caption-color);
  font-size: var(--utrecht-figure-caption-font-size);
  line-height: var(--utrecht-figure-caption-line-height);
}
.utrecht-form {
  display: block;
  max-inline-size: var(--utrecht-form-max-inline-size);
}
.utrecht-form-field-description {
  --utrecht-document-color: currentColor;
  color: var(--utrecht-form-field-description-color);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-description-font-size, inherit);
  font-style: var(--utrecht-form-field-description-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
}
.utrecht-form-field-description > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--invalid {
  color: var(
    --utrecht-form-field-description-invalid-color,
    var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color))
  );
}
.utrecht-form-field-description--valid {
  color: var(
    --utrecht-form-field-description-valid-color,
    var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color))
  );
}
.utrecht-form-field-description--warning {
  color: var(
    --utrecht-form-field-description-warning-color,
    var(--utrecht-feedback-warning-color)
  );
}
.utrecht-form-field-error-message {
  --utrecht-document-color: currentColor;
  background-color: var(--utrecht-form-field-error-message-background-color);
  color: var(--utrecht-form-field-error-message-color);
  display: block;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-error-message-font-size, inherit);
  font-style: var(--utrecht-form-field-error-message-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-block-end: var(--utrecht-form-field-error-message-padding-block-end);
  padding-block-start: var(
    --utrecht-form-field-error-message-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-form-field-error-message-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-form-field-error-message-padding-inline-start
  );
}
.utrecht-form-field-error-message > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field {
  break-inside: avoid;
  font-family: var(--utrecht-document-font-family, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-start, 0)
  );
  max-inline-size: var(--utrecht-form-field-max-inline-size);
  page-break-inside: avoid;
}
.utrecht-form-field--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field--invalid {
  border-inline-start-color: var(
    --utrecht-form-field-invalid-border-inline-start-color
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-field-invalid-border-inline-start-width,
    0
  );
  padding-inline-start: var(--utrecht-form-field-invalid-padding-inline-start);
}
.utrecht-form-field--checkbox {
  display: grid;
  gap: 0 var(--utrecht-checkbox-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-checkbox-size) 100fr;
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-checkbox-size) +
          var(--utrecht-checkbox-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-checkbox-margin-inline-end, 12px);
}
.utrecht-form-field--radio {
  display: grid;
  gap: 0 var(--utrecht-radio-button-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-radio-button-size) 100fr;
}
.utrecht-form-field--radio
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-radio-button-size) +
          var(--utrecht-radio-button-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--radio
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end, 12px);
}
.utrecht-form-field__input {
  margin-block-end: 0;
  margin-block-start: 0;
  grid-area: input;
  order: 5;
}
.utrecht-form-field__label {
  grid-area: label;
  margin-block-end: var(--utrecht-form-field-label-margin-block-end);
  margin-block-start: 0;
  order: 1;
}
.utrecht-form-field .utrecht-form-field-description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field .utrecht-form-field-description--invalid {
  grid-area: description-invalid;
  order: 3;
}
.utrecht-form-field__description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field__description--before {
  grid-area: description-before;
  order: 4;
}
.utrecht-form-fieldset {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--html-fieldset,
.utrecht-form-fieldset__fieldset--html-fieldset {
  all: revert;
  border: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  min-inline-size: 0;
  padding-block-end: 0;
  padding-block-start: 0.01em;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset__legend--html-legend {
  display: table;
  inline-size: 100%;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-fieldset--section {
  background-color: var(--utrecht-form-fieldset-section-background-color);
  color: var(--utrecht-form-fieldset-section-color);
}
.utrecht-form-fieldset__legend {
  break-inside: avoid;
  color: var(
    --utrecht-form-fieldset-legend-color,
    var(--utrecht-document-color, inherit)
  );
  font-family: var(
    --utrecht-form-fieldset-legend-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-form-fieldset-legend-font-size);
  font-weight: var(--utrecht-form-fieldset-legend-font-weight);
  line-height: var(--utrecht-form-fieldset-legend-line-height);
  page-break-after: avoid;
  page-break-inside: avoid;
}
.utrecht-form-fieldset__legend--disabled {
  color: var(
    --utrecht-form-fieldset-legend-disabled-color,
    var(
      --utrecht-form-fieldset-legend-color,
      var(--utrecht-document-color, inherit)
    )
  );
}
.utrecht-form-fieldset__legend--distanced {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--invalid {
  border-inline-start-color: var(
    --utrecht-form-fieldset-invalid-border-inline-start-color,
    var(--utrecht-form-field-invalid-border-inline-start-color)
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-fieldset-invalid-border-inline-start-width,
    var(--utrecht-form-field-invalid-border-inline-start-width)
  );
  padding-inline-start: var(
    --utrecht-form-fieldset-invalid-padding-inline-start,
    var(--utrecht-form-field-invalid-padding-inline-start)
  );
}
.utrecht-form-label {
  color: var(--utrecht-form-label-color);
  font-size: var(--utrecht-form-label-font-size);
  font-weight: var(--utrecht-form-label-font-weight);
}
.utrecht-form-label--checkbox {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-checkbox-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--checked {
  font-weight: var(
    --utrecht-form-label-checked-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
  font-weight: var(
    --utrecht-form-label-disabled-color,
    var(--utrecht-form-label-color)
  );
}
.utrecht-form-label--radio {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-radio-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-toggle {
  align-items: center;
  block-size: var(--utrecht-form-toggle-height, 2em);
  border-color: var(--utrecht-form-toggle-border-color, currentColor);
  border-radius: var(--utrecht-form-toggle-border-radius, 999rem);
  border-style: var(--utrecht-form-toggle-border-style, solid);
  border-width: var(--utrecht-form-toggle-border-width, 1px);
  color: var(--utrecht-form-toggle-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: flex;
  inline-size: var(--utrecht-form-toggle-width, 6em);
  padding-block-end: var(--utrecht-form-toggle-padding-block-end);
  padding-block-start: var(--utrecht-form-toggle-padding-block-start);
  padding-inline-end: var(--utrecht-form-toggle-padding-inline-end);
  padding-inline-start: var(--utrecht-form-toggle-padding-inline-start);
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-form-toggle {
    --utrecht-form-toggle-background-color: ButtonFace;
    --utrecht-form-toggle-border-color: buttonborder;
    --utrecht-form-toggle-border-width: 1px;
    --utrecht-form-toggle-border-radius: var(
      --utrecht-form-toggle-track-border-radius
    );
    --utrecht-form-toggle-thumb-background-color: ButtonText;
    --utrecht-form-toggle-thumb-disabled-background-color: GrayText;
    border-color: var(
      --utrecht-form-toggle-track-disabled-border-color,
      var(--utrecht-form-toggle-track-border-color)
    );
    border-width: min(var(--utrecht-form-toggle-border-width, 1px), 1px);
  }
}
.utrecht-form-toggle--focus-visible,
.utrecht-form-toggle--html-div:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--hover {
  background-color: var(
    --utrecht-form-toggle-hover-background-color,
    var(--utrecht-form-toggle-background-color)
  );
  color: var(
    --utrecht-form-toggle-hover-color,
    var(--utrecht-form-toggle-color)
  );
}
.utrecht-form-toggle--disabled,
.utrecht-form-toggle--html-div:disabled {
  border-color: var(
    --utrecht-form-toggle-disabled-border-color,
    var(--utrecht-form-toggle-border-color, currentColor)
  );
  border-style: var(
    --utrecht-form-toggle-disabled-border-style,
    var(--utrecht-form-toggle-border-style, solid)
  );
  border-width: var(
    --utrecht-form-toggle-disabled-border-width,
    var(--utrecht-form-toggle-border-width, 1px)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-background-color,
    currentColor
  );
  border-radius: var(--utrecht-form-toggle-thumb-border-radius, 50%);
  box-shadow: var(--utrecht-form-toggle-thumb-box-shadow);
  margin-inline-end: var(--utrecht-form-toggle-thumb-margin-inline-end, 0);
  margin-inline-start: var(--utrecht-form-toggle-thumb-margin-inline-start, 0);
  min-block-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  min-inline-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  z-index: 20;
}
.utrecht-form-toggle__thumb--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-start: auto;
}
.utrecht-form-toggle__thumb--not-checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:not(:checked)
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-end: auto;
}
.utrecht-form-toggle__thumb--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-disabled-background-color,
    #aaa
  );
  box-shadow: var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0);
}
.utrecht-form-toggle__track {
  align-items: center;
  background-color: var(--utrecht-form-toggle-accent-color);
  block-size: 100%;
  border-radius: var(
    --utrecht-form-toggle-track-border-radius,
    var(--utrecht-form-toggle-border-radius)
  );
  display: flex;
  inline-size: 100%;
}
.utrecht-form-toggle__track--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-checked-accent-color,
    var(--utrecht-form-toggle-accent-color)
  );
}
.utrecht-form-toggle__track--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-background-disabled-background-color,
    #ddd
  );
  color: var(--utrecht-form-toggle-disabled-color, black);
}
.utrecht-form-toggle__track--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox {
  block-size: 1px !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  inline-size: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
}
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:focus-visible
  ~ .utrecht-form-toggle__track {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-heading-1 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-1-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-1-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-1-font-size, revert);
  font-weight: var(
    --utrecht-heading-1-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-1-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-1--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-2 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-2-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-2-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-2-font-size, revert);
  font-weight: var(
    --utrecht-heading-2-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-2-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-2--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-3 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-3-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-3-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-3-font-size, revert);
  font-weight: var(
    --utrecht-heading-3-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-3-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-3--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-4 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-4-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-4-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-4-font-size, revert);
  font-weight: var(
    --utrecht-heading-4-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-4-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-4--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-5 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-5-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-5-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-5-font-size, revert);
  font-weight: var(
    --utrecht-heading-5-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-5-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-5--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-heading-6 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-6-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-6-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-6-font-size, revert);
  font-weight: var(
    --utrecht-heading-6-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-6-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-6--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 */
.utrecht-heading-group {
  --utrecht-pre-heading-order: -1;
  display: flex;
  flex-direction: column;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-start, 0)
  );
}
.utrecht-heading-group > * {
  --utrecht-space-around: 0;
}
.utrecht-iban-data {
  font-variant-numeric: lining-nums slashed-zero tabular-nums;
  white-space: nowrap;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Gemeente Utrecht
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-icon {
  block-size: var(--utrecht-icon-size);
  color: var(--utrecht-icon-color);
  display: inline-block;
  font-size: var(--utrecht-icon-size);
  inline-size: var(--utrecht-icon-size);
  inset-block-start: var(--utrecht-icon-inset-block-start, 0);
  position: relative;
}
.utrecht-icon svg {
  height: 100%;
  pointer-events: none;
  width: 100%;
}
.utrecht-img {
  height: auto;
  width: auto;
}
.utrecht-img--scale-down,
.utrecht-img--photo {
  max-height: 100%;
  max-width: 100%;
}
.utrecht-link-list,
.utrecht-link-list--html-ul {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
}
.utrecht-link-list > li,
.utrecht-link-list--html-ul > li {
  list-style: none;
}
.utrecht-link-list {
  --utrecht-link-text-decoration: none;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: underline;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-start, 0)
  );
}
.utrecht-link-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-link-list__item {
  --utrecht-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-link-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-icon-inset-block-start: var(
    --utrecht-link-list-icon-inset-block-start
  );
  display: block;
  font-weight: var(--utrecht-link-list-item-font-weight);
}
.utrecht-link-list__item + .utrecht-link-list__item {
  margin-block-start: var(--utrecht-link-list-item-margin-block-start);
}
.utrecht-link-list__link {
  align-items: baseline;
  column-gap: var(--utrecht-link-list-item-column-gap);
  display: inline-flex;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-link-button {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family)
  );
  font-weight: var(--utrecht-button-font-weight);
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: inherit;
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-link-button--hover,
.utrecht-link-button--html-button:not(:disabled):hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--disabled {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link-button--focus,
.utrecht-link-button--html-button:not(:disabled):focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--focus-visible,
.utrecht-link-button--html-button:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link-button--active,
.utrecht-link-button--html-button:not(:disabled):active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--inline {
  --utrecht-icon-inset-block-start: var(
    --utrecht-icon-baseline-inset-block-start
  );
  min-block-size: auto;
  min-inline-size: auto;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-link-button--pressed {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--html-button {
  background-color: transparent;
  border-width: 0;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 * Copyright (c) 2022 Gemeente Utrecht
 */
.utrecht-link-social {
  --utrecht-icon-size: var(--utrecht-link-social-icon-size);
  --utrecht-icon-color: currentColor;
  align-items: center;
  background-color: var(--utrecht-link-social-background-color);
  block-size: var(--utrecht-link-social-size);
  border-color: var(--utrecht-link-social-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-link-social-border-width);
  color: var(--utrecht-link-social-color);
  display: inline-flex;
  inline-size: var(--utrecht-link-social-size);
  justify-content: center;
}
.utrecht-link-social:hover,
.utrecht-link-social--hover {
  background-color: var(
    --utrecht-link-social-hover-background-color,
    var(--utrecht-link-social-background-color)
  );
  color: var(
    --utrecht-link-social-hover-color,
    var(--utrecht-link-social-color)
  );
  transform: var(--utrecht-link-social-hover-transform-scale);
}
.utrecht-link-social:focus-visible,
.utrecht-link-social--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-link-social--distanced {
  margin-inline-start: var(--utrecht-link-social-margin-inline-start);
}
.utrecht-list-social {
  display: flex;
  margin-block-end: var(--utrecht-list-social-margin-block-end);
  margin-block-start: var(--utrecht-list-social-margin-block-start);
  padding-inline-end: var(--utrecht-list-social-padding-inline-end);
  padding-inline-start: var(--utrecht-list-social-padding-inline-start);
}
.utrecht-list-social__item {
  list-style-type: none;
  margin-inline-end: var(--utrecht-list-social-item-margin-inline-end);
}
.utrecht-list-social__item:last-child {
  margin-inline-end: 0;
}
.utrecht-link {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
}
.utrecht-link:any-link {
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
}
.utrecht-link--icon-left {
  background-image: var(--utrecht-link-icon-left-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-link-color, LinkText);
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration-line: none;
}
.utrecht-link--visited {
  --_utrecht-link-forced-colors-color: visitedtext;
  --_utrecht-link-state-color: var(--utrecht-link-visited-color);
}
.utrecht-link--html-a:any-link:hover,
.utrecht-link--hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus,
.utrecht-link--html-a:any-link:focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus:not(:focus-visible),
.utrecht-link--html-a:any-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-link--html-span:active,
.utrecht-link--html-a:any-link:active,
.utrecht-link--active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link--telephone {
  white-space: nowrap;
}
.utrecht-link--current {
  cursor: var(--utrecht-action-inert-cursor, normal);
  font-weight: var(--utrecht-link-current-font-weight);
}
.utrecht-link--box-content:any-link {
  color: unset;
  display: inline-block;
  text-decoration-line: unset;
  text-decoration-skip-ink: unset;
  text-decoration-thickness: unset;
  text-underline-offset: unset;
}
.utrecht-link--placeholder {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link--forced-colors {
  --utrecht-focus-outline-color: Highlight;
  --utrecht-focus-inverse-outline-color: HighlightText;
  --utrecht-link-color: linktext;
  --utrecht-link-hover-color: linktext;
  --utrecht-link-focus-color: linktext;
  --utrecht-link-active-color: activetext;
  --utrecht-link-visited-color: visitedtext;
  --utrecht-link-placeholder-color: GrayText;
}
.utrecht-logo-button {
  --utrecht-icon-size: var(--utrecht-logo-button-icon, 50px);
  --utrecht-button-min-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-logo-button-block-size, 50px);
  align-items: flex-start;
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-logo {
  display: block;
  max-block-size: var(--utrecht-logo-max-block-size, 192px);
  max-inline-size: var(--utrecht-logo-max-inline-size, 96px);
  min-block-size: var(--utrecht-logo-min-block-size);
  min-inline-size: var(--utrecht-logo-min-inline-size);
}
.utrecht-logo > * {
  block-size: 100%;
  display: inline-block;
  inline-size: auto;
}
.utrecht-mapcontrolbutton {
  --utrecht-icon-size: var(--utrecht-mapcontrolbutton-min-block-size);
  --utrecht-icon-color: var(--utrecht-mapcontrolbutton-color);
  align-items: center;
  background-color: var(--utrecht-mapcontrolbutton-background-color);
  border-color: var(--utrecht-mapcontrolbutton-border-color);
  border-radius: var(--utrecht-mapcontrolbutton-border-radius);
  border-style: var(--utrecht-mapcontrolbutton-border-style);
  border-width: var(--utrecht-mapcontrolbutton-border-width);
  color: var(--utrecht-mapcontrolbutton-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  min-block-size: var(--utrecht-mapcontrolbutton-min-block-size);
  min-inline-size: var(--utrecht-mapcontrolbutton-min-inline-size);
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-mapcontrolbutton:disabled,
.utrecht-mapcontrolbutton--disabled {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-disabled-color,
    var(--utrecht-mapcontrolbutton-color)
  );
  background-color: var(--utrecht-mapcontrolbutton-disabled-background-color);
  border-color: var(--utrecht-mapcontrolbutton-disabled-border-color);
  color: var(--utrecht-mapcontrolbutton-disabled-color);
}
.utrecht-mapcontrolbutton--focus-visible,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-mapcontrolbutton--focus,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-focus-color,
    var(--utrecht-mapcontrolbutton-color)
  );
}
.utrecht-mapcontrolbutton:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-mapcontrolbutton--hover:not(:disabled),
.utrecht-mapcontrolbutton:hover:not(
    :disabled,
    .utrecht-mapcontrolbutton--disabled
  ) {
  background-color: var(--utrecht-mapcontrolbutton-hover-background-color);
  color: var(--utrecht-mapcontrolbutton-color);
}
.utrecht-mapcontrolbutton__label {
  display: block;
  padding-inline-end: var(--utrecht-mapcontrolbutton-label-margin-inline-end);
  padding-inline-start: var(
    --utrecht-mapcontrolbutton-label-margin-inline-start
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-map-marker {
  --utrecht-icon-size: var(--utrecht-map-marker-icon-size);
  align-items: center;
  background-color: var(--utrecht-map-marker-background-color);
  block-size: var(--utrecht-map-marker-size);
  border-color: var(--utrecht-map-marker-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-map-marker-border-width);
  box-shadow: 13px 3px 3px -2px var(--utrecht-map-marker-box-shadow-color);
  color: var(--utrecht-map-marker-color);
  display: flex;
  inline-size: var(--utrecht-map-marker-size);
  justify-content: center;
}
.utrecht-mark {
  background-color: var(--utrecht-mark-background-color, revert);
  color: var(--utrecht-mark-color, revert);
}
@media print {
  .utrecht-mark {
    outline-color: currentColor;
    outline-style: dotted;
    outline-width: 0.1em;
  }
}
@media screen and (-ms-high-contrast: active) {
  .utrecht-mark {
    background-color: Highlight;
    color: HighlightText;
  }
}
.utrecht-mark--print {
  outline-color: currentColor;
  outline-style: dotted;
  outline-width: 0.1em;
}
.utrecht-mark--windows-high-contrast {
  background-color: Highlight;
  color: HighlightText;
}
.utrecht-menulijst {
  border-block-end: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  border-block-start: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  font-family: var(--utrecht-document-font-family);
  padding-block-end: var(--utrecht-space-block-sm);
  padding-block-start: var(--utrecht-space-block-sm);
  padding-inline-start: 0;
}
.utrecht-menulijst__item {
  list-style: none;
  margin-block-end: var(--utrecht-space-block-sm);
  margin-block-start: var(--utrecht-space-block-sm);
}
.utrecht-menulijst__item a {
  background-image: var(--utrecht-menulijst-item-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-menulijst-item-color, var(--utrecht-link-color, blue));
  display: block;
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration: none;
}
.utrecht-menulijst__item a:hover {
  color: var(
    --utrecht-menulijst-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-menulijst__link--focus-visible,
.utrecht-menulijst__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-menulijst__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-multiline-data {
  white-space: pre-line;
  white-space-collapse: preserve-breaks;
}
.utrecht-multiline-data--html-pre {
  font-family: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-sidenav {
  --utrecht-sidenav-connection-color: var(--utrecht-sidenav-item-marker-color);
  --utrecht-sidenav-connection-inline-size: 2px;
  --utrecht-sidenav-marker-current-color: var(
    --utrecht-sidenav-link-hover-color
  );
  --utrecht-sidenav-marker-offset: 26px;
  --utrecht-sidenav-connection-block-size: 100%;
  --utrecht-sidenav-marker-height: 8px;
  --utrecht-sidenav-marker-outline-width: 2px;
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  border-block-start: 1px solid var(--utrecht-color-grey-80);
  inline-size: 19rem;
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: 0;
  padding-block-start: 0;
}
.utrecht-sidenav__list {
  margin-block-end: 0;
  margin-block-start: 0.2rem;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
}
.utrecht-sidenav__list--child {
  margin-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 1.4rem;
}
.utrecht-sidenav__item {
  list-style: none;
  margin-inline-start: 0;
  position: relative;
}
.utrecht-sidenav__item--current {
  color: var(
    --utrecht-sidenav-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-sidenav__item--last {
  border-block-end: none;
}
.utrecht-sidenav__item-separator:not(
  .utrecht-sidenav__item--last .utrecht-sidenav__item-separator
) {
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  display: block;
  margin-inline-start: var(--utrecht-space-inline-lg);
}
.utrecht-sidenav__link {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  display: block;
  margin-inline-start: 0;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-block-start: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link:hover {
  color: var(
    --utrecht-sidenav-link-hover-color,
    var(--utrecht-link-hover-color, red)
  );
  text-decoration: underline;
}
.utrecht-sidenav__link--focus-visible,
.utrecht-sidenav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-sidenav__link--parent {
  padding-block-end: 0;
}
.utrecht-sidenav__connection,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:not(
    .utrecht-sidenav__link--sibling,
    .utrecht-sidenav__link--parent,
    .utrecht-sidenav__link--child
  ):after {
  background: var(--utrecht-sidenav-connection-color);
  block-size: calc(
    var(--utrecht-sidenav-connection-block-size) -
      var(--utrecht-sidenav-marker-height) - 2 *
      var(--utrecht-sidenav-marker-outline-width)
  );
  content: '';
  display: block;
  inline-size: var(--utrecht-sidenav-connection-inline-size);
  inset-block-end: 0;
  inset-block-start: calc(var(--utrecht-sidenav-marker-offset));
  inset-inline-start: 3px;
  overflow: hidden;
  position: absolute;
  z-index: 5;
}
.utrecht-sidenav__connection--last,
.utrecht-sidenav__connection--parent,
.utrecht-sidenav__connection--sibling {
  display: none;
}
.utrecht-sidenav__marker,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-item-marker-color);
  block-size: var(--utrecht-sidenav-marker-height);
  border-radius: 100%;
  content: '';
  inline-size: 8px;
  inset-block-start: 20px;
  inset-inline-start: var(--utrecht-sidenav-marker-offset);
  overflow: hidden;
  position: absolute;
  transform: translateY(-50%)
    translate(calc(-1 * var(--utrecht-sidenav-marker-offset)));
  z-index: 10;
}
.utrecht-sidenav__marker--child,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:before {
  background-color: transparent;
  block-size: 4px;
  border: 2px solid var(--utrecht-sidenav-link-color);
  inline-size: 4px;
  inset-block-start: 16px;
  inset-inline-start: 1.2rem;
  transform: translateY(-50%) translate(-19.5px);
}
.utrecht-sidenav__marker--current,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current:before,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child:before {
  background-color: var(--utrecht-sidenav-marker-current-color);
}
.utrecht-sidenav__link--child,
.utrecht-sidenav__link--current-child {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: var(--utrecht-space-block-2xs);
  padding-block-start: var(--utrecht-space-block-2xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link--current,
.utrecht-sidenav__link--current-child {
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
}
.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover .utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
  border: 2px solid var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:after {
  display: none;
}
.utrecht-sidenav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-navhtml {
  font-family: var(--utrecht-document-font-family);
}
.utrecht-topnav__list {
  background-color: var(--utrecht-topnav-list-background-color);
  display: flex;
  justify-content: space-between;
  list-style: none;
  list-style-image: none;
  margin-block-end: 0;
  margin-block-start: 0;
  overflow: visible;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-topnav__item {
  border-inline-end: 1px solid var(--utrecht-topnav-list-border-color);
  flex: 1 0 auto;
  margin-inline-start: 0;
  text-align: center;
}
.utrecht-topnav__item li:first-child {
  border-inline-start: 1px solid var(--utrecht-topnav-list-border-color);
  padding-inline-start: 0;
}
.utrecht-topnav__link {
  color: var(--utrecht-topnav-link-color);
  display: block;
  padding-block-end: 1rem;
  padding-block-start: 1rem;
  text-decoration: none;
}
.utrecht-topnav__link--hover,
.utrecht-topnav__link:hover {
  background-color: var(--utrecht-topnav-link-hover-background-color);
  color: var(--utrecht-topnav-link-color);
  text-decoration: underline;
}
.utrecht-topnav__link--current {
  background-color: var(--utrecht-topnav-list-background-active);
  text-decoration: underline;
}
.utrecht-topnav__link--focus,
.utrecht-topnav__link:focus {
  background-color: var(
    --utrecht-topnav-link-focus-background-color,
    var(--utrecht-topnav-link-background-color)
  );
  color: var(
    --utrecht-topnav-link-focus-color,
    var(--utrecht-topnav-link-color)
  );
}
.utrecht-topnav__link--focus-visible,
.utrecht-topnav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-topnav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-number-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-number-data--positive {
  color: var(--utrecht-number-data-positive-color);
}
.utrecht-number-data--negative {
  color: var(--utrecht-number-data-negative-color);
}
.utrecht-ordered-list,
.utrecht-ordered-list--html-content ol {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-font-size,
      var(--utrecht-document-font-size, inherit)
    )
  );
  line-height: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-line-height,
      var(--utrecht-document-line-height, inherit)
    )
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-end,
        var(--utrecht-unordered-list-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-start,
        var(--utrecht-unordered-list-margin-block-start, 0)
      )
  );
  padding-inline-start: var(
    --utrecht-ordered-list-padding-inline-start,
    var(--utrecht-unordered-list-padding-inline-start, 2ch)
  );
  text-align: start;
}
.utrecht-ordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-ordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-ordered-list--arabic {
  list-style: arabic-indic;
}
.utrecht-ordered-list--html-content > li,
.utrecht-ordered-list--html-content ol > li,
.utrecht-ordered-list__item {
  margin-block-end: var(
    --utrecht-ordered-list-item-margin-block-end,
    var(--utrecht-unordered-list-item-margin-block-end)
  );
  margin-block-start: var(
    --utrecht-ordered-list-item-margin-block-start,
    var(--utrecht-unordered-list-item-margin-block-start)
  );
  padding-inline-start: var(
    --utrecht-ordered-list-item-padding-inline-start,
    var(--utrecht-unordered-list-item-padding-inline-start, 1ch)
  );
}
.utrecht-page-content {
  padding-block-end: var(--utrecht-page-content-padding-block-end);
  padding-block-start: var(--utrecht-page-content-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-content__main {
  grid-area: main;
}
.utrecht-page-content__aside {
  grid-area: aside;
}
.utrecht-page-footer {
  --utrecht-document-color: currentColor;
  --utrecht-heading-color: currentColor;
  --utrecht-link-color: currentColor;
  --utrecht-link-focus-color: currentColor;
  --utrecht-link-hover-color: currentColor;
  --utrecht-link-active-color: currentColor;
  --utrecht-link-visited-color: currentColor;
  background-color: var(--utrecht-page-footer-background-color);
  background-image: var(--utrecht-page-footer-background-image);
  color: var(--utrecht-page-footer-color);
  font-family: var(--utrecht-document-font-family);
  font-size: var(--utrecht-document-font-size);
  padding-block-end: var(--utrecht-page-footer-padding-block-end);
  padding-block-start: var(--utrecht-page-footer-padding-block-start);
  padding-inline-end: var(--utrecht-page-footer-padding-inline-end);
  padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
}
.utrecht-page-footer__address--reset-address {
  font-style: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-page-header {
  background-color: var(--utrecht-page-header-background-color);
  color: var(--utrecht-page-header-color);
  grid-area: 'utrecht-header';
  padding-block-end: var(--utrecht-page-header-padding-block-end);
  padding-block-start: var(--utrecht-page-header-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-header__content {
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-page {
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: calc(
    var(--utrecht-page-max-inline-size) -
      var(--utrecht-page-margin-inline-start, 0px) -
      var(--utrecht-page-margin-inline-end, 0px)
  );
  padding-inline-end: var(--utrecht-page-margin-inline-end);
  padding-inline-start: var(--utrecht-page-margin-inline-start);
}
.utrecht-page__content {
  background-color: var(--utrecht-page-background-color);
  color: var(--utrecht-page-color);
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-pagination {
  font-family: var(
    --utrecht-pagination-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-pagination-font-size,
    var(--utrecht-document-font-family)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-start, 0)
  );
}
.utrecht-pagination--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pagination__relative-link {
  background-color: var(--utrecht-pagination-relative-link-background-color);
  border-color: var(--utrecht-pagination-relative-link-border-color);
  border-radius: var(--utrecht-pagination-relative-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-relative-link-border-width, 0);
  color: var(--utrecht-pagination-relative-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-relative-link-font-weight);
  padding-block-end: var(--utrecht-pagination-relative-link-padding-block-end);
  padding-block-start: var(
    --utrecht-pagination-relative-link-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-pagination-relative-link-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-pagination-relative-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-relative-link-text-decoration);
  text-transform: var(--utrecht-pagination-relative-link-text-transform);
}
.utrecht-pagination__relative-link--next {
  margin-inline-start: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__relative-link--prev {
  margin-inline-end: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-end
  );
}
.utrecht-pagination__relative-link--disabled {
  background-color: var(
    --utrecht-pagination-relative-link-disabled-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  color: var(
    --utrecht-pagination-relative-link-disabled-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__relative-link--hover,
.utrecht-pagination__relative-link:hover {
  background-color: var(
    --utrecht-pagination-relative-link-hover-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-relative-link-hover-border-color,
    var(--utrecht-pagination-relative-link-border-color)
  );
  color: var(
    --utrecht-pagination-relative-link-hover-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__page-link {
  background-color: var(--utrecht-pagination-page-link-background-color);
  border-color: var(--utrecht-pagination-page-link-border-color, 0);
  border-radius: var(--utrecht-pagination-page-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-page-link-border-width);
  color: var(--utrecht-pagination-page-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-page-link-font-weight);
  padding-block-end: var(--utrecht-pagination-page-link-padding-block-end);
  padding-block-start: var(--utrecht-pagination-page-link-padding-block-start);
  padding-inline-end: var(--utrecht-pagination-page-link-padding-inline-end);
  padding-inline-start: var(
    --utrecht-pagination-page-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-page-link-text-decoration);
}
.utrecht-pagination__page-link--current {
  --utrecht-pagination-page-link-background-color: var(
    --utrecht-pagination-page-link-current-background-color
  );
  --utrecht-pagination-page-link-border-color: var(
    --utrecht-pagination-page-link-current-border-color
  );
  --utrecht-pagination-page-link-color: var(
    --utrecht-pagination-page-link-current-color
  );
}
.utrecht-pagination__page-link ~ .utrecht-pagination__page-link {
  margin-inline-start: var(
    --utrecht-pagination-page-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__page-link--hover,
.utrecht-pagination__page-link:hover {
  background-color: var(
    --utrecht-pagination-page-link-hover-background-color,
    var(--utrecht-pagination-page-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-page-link-hover-border-color,
    var(--utrecht-pagination-page-link-border-color)
  );
  color: var(
    --utrecht-pagination-page-link-hover-color,
    var(--utrecht-pagination-page-link-color)
  );
}
.utrecht-pagination__page-link:focus,
.utrecht-pagination__relative-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-pagination__page-link:focus:not(:focus-visible),
.utrecht-pagination__relative-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-data-placeholder {
  background-color: var(
    --utrecht-data-placeholder-background-color,
    currentColor
  );
  block-size: 1em;
  display: inline-block;
  inline-size: min(100%, var(--utrecht-data-placeholder-max-inline-size));
  max-inline-size: var(--utrecht-data-placeholder-max-inline-size);
  min-inline-size: var(--utrecht-data-placeholder-min-inline-size, 10ch);
  vertical-align: -0.1em;
}
@media print {
  .utrecht-data-placeholder {
    outline-color: currentColor;
    outline-style: dashed;
    outline-width: 0.1em;
  }
}
@media screen and (prefers-contrast: more) {
  .utrecht-data-placeholder {
    background-color: var(
      --utrecht-data-placeholder-high-contrast-background-color,
      var(--utrecht-data-placeholder-background-color, currentColor)
    );
  }
}
@media screen and (forced-colors: active) {
  .utrecht-data-placeholder {
    background-color: GrayText;
  }
}
.utrecht-data-placeholder--loading {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-data-placeholder--print {
  outline-color: currentColor;
  outline-style: dashed;
  outline-width: 0.1em;
}
.utrecht-data-placeholder--forced-colors {
  background-color: GrayText;
}
.utrecht-data-placeholder--high-contrast {
  cursor: var(--utrecht-action-busy-cursor, busy);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-paragraph {
  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
  font-family: var(
    --utrecht-paragraph-font-family,
    var(--utrecht-document-font-family, inherit)
  );
  font-size: var(
    --utrecht-paragraph-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  font-weight: var(--utrecht-paragraph-font-weight, inherit);
  line-height: var(
    --utrecht-paragraph-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-start, 0)
  );
}
.utrecht-paragraph--lead {
  color: var(
    --utrecht-paragraph-lead-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-lead-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-lead-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-lead-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph--small {
  color: var(
    --utrecht-paragraph-small-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-small-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-small-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-small-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph__small {
  font-size: inherit;
}
.utrecht-paragraph__b {
  font-weight: inherit;
}
.utrecht-paragraph--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pre-heading {
  color: var(
    --utrecht-pre-heading-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-pre-heading-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-pre-heading-font-size);
  font-weight: var(
    --utrecht-pre-heading-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-pre-heading-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-start, 0)
  );
  order: var(--utrecht-pre-heading-order, 0);
}
.utrecht-pre-heading--distanced {
  --utrecht-space-around: 1;
}
.utrecht-radio-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  --_utrecht-radio-button-background-color: var(
    --_utrecht-radio-button-interactive-background-color,
    var(
      --_utrecht-radio-button-state-background-color,
      var(--utrecht-radio-button-background-color)
    )
  );
  --_utrecht-radio-button-border-color: var(
    --_utrecht-radio-button-interactive-border-color,
    var(
      --_utrecht-radio-button-state-border-color,
      var(--utrecht-radio-button-border-color, currentColor)
    )
  );
  --_utrecht-radio-button-border-width: var(
    --_utrecht-radio-button-interactive-border-width,
    var(
      --_utrecht-radio-button-state-border-width,
      var(--utrecht-radio-button-border-width)
    )
  );
  --_utrecht-radio-button-color: var(
    --_utrecht-radio-button-interactive-color,
    var(
      --_utrecht-radio-button-state-color,
      var(--utrecht-radio-button-color, currentColor)
    )
  );
  --_utrecht-radio-button-icon-size: 0;
  background-color: var(--_utrecht-radio-button-background-color);
  background-image: radial-gradient(
    circle,
    var(--_utrecht-radio-button-color, transparent)
      calc(var(--_utrecht-radio-button-icon-size, 50%) - 5%),
    var(--_utrecht-radio-button-background-color, currentColor)
      var(--_utrecht-radio-button-icon-size, 50%)
  );
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-radio-button-size, 1em);
  border-color: var(--_utrecht-radio-button-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--_utrecht-radio-button-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-radio-button-size, 1em);
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
}
.utrecht-radio-button--checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--hover {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--focus {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--active {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
}
.utrecht-radio-button--disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--invalid {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--html-input:disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--html-input:invalid,
.utrecht-radio-button--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:focus:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--html-input:hover:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--html-input:active:not(
    [aria-disabled='true'],
    :disabled
  ) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-search-bar {
  --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
  --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-transform);
  --utrecht-button-font-size: var(--utrecht-search-bar-button-font-size);
  --utrecht-button-font-weight: var(--utrecht-search-bar-button-font-weight);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-search-bar-button-background-color
  );
  --utrecht-button-primary-action-color: var(--utrecht-search-bar-button-color);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-search-bar-button-hover-background-color
  );
  --utrecht-textbox-border-color: var(--utrecht-search-bar-input-border-color);
  --utrecht-textbox-padding-inline-start: var(
    --utrecht-search-bar-input-padding-inline-start
  );
  --utrecht-textbox-border-bottom-width: var(
    --utrecht-search-bar-input-border-bottom-width
  );
  --utrecht-textbox-max-inline-size: var(
    --utrecht-search-bar-input-max-inline-size
  );
  display: flex;
}
.utrecht-search-bar__input {
  background-image: var(--utrecht-search-bar-input-background-image, none);
  background-position-x: var(--utrecht-search-bar-input-background-position-x);
  background-position-y: var(--utrecht-search-bar-input-background-position-y);
  background-repeat: no-repeat;
  background-size: var(--utrecht-search-bar-input-background-size);
}
.utrecht-search-bar__dropdown {
  border-color: var(--utrecht-search-bar-dropdown-border-color);
  border-style: solid;
  border-width: var(--utrecht-search-bar-dropdown-border-width);
  inline-size: var(
    --utrecht-search-bar-dropdown-inline-size,
    var(--utrecht-form-input-max-inline-size)
  );
  max-block-size: var(--utrecht-search-bar-dropdown-max-block-size);
  overflow: auto;
  padding-block-end: var(--utrecht-search-bar-dropdown-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-dropdown-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-dropdown-padding-inline-end);
  padding-inline-start: var(--utrecht-search-bar-dropdown-padding-inline-start);
  position: absolute;
  z-index: var(--utrecht-search-bar-dropdown-z-index);
}
.utrecht-search-bar__section-title {
  color: var(--utrecht-search-bar-section-title-color);
  font-size: var(--utrecht-search-bar-section-title-font-size);
  font-weight: var(--utrecht-search-bar-section-title-font-weight);
  line-height: var(--utrecht-search-bar-section-title-line-height);
  margin-inline-start: var(
    --utrecht-search-bar-section-title-margin-inline-start
  );
}
.utrecht-search-bar__list-item {
  padding-block-end: var(--utrecht-search-bar-list-item-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-list-item-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-list-item-padding-inline-end);
  padding-inline-start: var(
    --utrecht-search-bar-list-item-padding-inline-start
  );
}
.utrecht-search-bar__list-item--is-active {
  background-color: var(
    --utrecht-search-bar-list-item-is-active-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-active-color);
  font-weight: var(--utrecht-search-bar-list-item-is-active-font-weight);
}
.utrecht-search-bar__list-item--is-selected {
  background-color: var(
    --utrecht-search-bar-list-item-is-selected-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-selected-color);
}
.utrecht-select {
  background-color: var(
    --utrecht-select-background-color,
    var(--utrecht-form-control-background-color)
  );
  border-block-end-width: var(
    --utrecht-select-border-block-end-width,
    var(--utrecht-select-border-width, var(--utrecht-form-control-border-width))
  );
  border-block-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-color: var(
    --utrecht-select-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-inline-end-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-inline-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-radius: var(
    --utrecht-select-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  color: var(--utrecht-select-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-select-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-select-font-size,
    var(--utrecht-form-control-font-size)
  );
  inline-size: 100%;
  max-inline-size: var(
    --utrecht-select-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  padding-block-end: var(
    --utrecht-select-padding-block-end,
    var(--utrecht-form-control-padding-block-end)
  );
  padding-block-start: var(
    --utrecht-select-padding-block-start,
    var(--utrecht-form-control-padding-block-start)
  );
  padding-inline-end: var(
    --utrecht-select-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end)
  );
  padding-inline-start: var(
    --utrecht-select-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start)
  );
}
.utrecht-select--disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-select--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-select--invalid {
  --_utrecht-select-border-width: var(
    --utrecht-select-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-select-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-select-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-select-border-width);
  border-block-end-width: var(
    --utrecht-select-invalid-border-block-end-width,
    var(
      --utrecht-form-control-invalid-border-block-end-width,
      var(
        --utrecht-select-border-block-end-width,
        var(
          --utrecht-form-control-border-block-end-width,
          var(--_utrecht-select-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-select-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
}
.utrecht-select--html-select:focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--html-select:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-select--html-select:disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--html-select:not([multiple]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: var(--utrecht-select-background-image);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 1.4em;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-separator {
  border-color: var(--utrecht-separator-color);
  border-style: solid;
  border-width: 0 0 var(--utrecht-separator-block-size) 0;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-start, 0)
  );
}
.utrecht-separator--distanced {
  --utrecht-space-around: 1;
}
.utrecht-skip-link {
  align-items: center;
  background-color: var(--utrecht-skip-link-background-color, ButtonFace);
  box-sizing: border-box;
  color: var(--utrecht-skip-link-color, ButtonText);
  display: inline-flex;
  justify-content: center;
  min-block-size: var(--utrecht-skip-link-min-block-size, 44px);
  min-inline-size: var(--utrecht-skip-link-min-inline-size, 44px);
  padding-block-end: var(--utrecht-skip-link-padding-block-end);
  padding-block-start: var(--utrecht-skip-link-padding-block-start);
  padding-inline-end: var(--utrecht-skip-link-padding-inline-end);
  padding-inline-start: var(--utrecht-skip-link-padding-inline-start);
  text-decoration: var(--utrecht-skip-link-text-decoration);
}
.utrecht-skip-link--hidden,
.utrecht-skip-link--visible-on-focus {
  inset-block-start: -200%;
  position: fixed;
}
.utrecht-skip-link--visible-on-focus:focus {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--visible {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--focus,
.utrecht-skip-link:focus,
.utrecht-skip-link:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  text-decoration: var(--utrecht-skip-link-focus-text-decoration);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2020-2022 Gemeente Utrecht
 * Copyright (c) 2020-2022 Frameless B.V.
 */
.utrecht-spotlight-section {
  background-color: var(
    --_utrecht-spotlight-section-background-color,
    var(--utrecht-spotlight-section-background-color)
  );
  border-color: var(
    --_utrecht-spotlight-section-border-color,
    var(--utrecht-spotlight-section-border-color)
  );
  border-style: solid;
  border-width: var(
    --_utrecht-spotlight-section-border-width,
    var(--utrecht-spotlight-section-border-width, 0)
  );
  color: var(
    --_utrecht-spotlight-section-color,
    var(--utrecht-spotlight-section-color)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-start, 0)
  );
  padding-block-end: var(--utrecht-spotlight-section-padding-block-end);
  padding-block-start: var(--utrecht-spotlight-section-padding-block-start);
  padding-inline-end: var(--utrecht-spotlight-section-padding-inline-end);
  padding-inline-start: var(--utrecht-spotlight-section-padding-inline-start);
}
.utrecht-spotlight-section--info {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-info-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-info-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-info-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-info-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-info-color
  );
}
.utrecht-spotlight-section--warning {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-warning-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-warning-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-warning-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-warning-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-warning-color
  );
}
.utrecht-surface {
  background-color: var(--utrecht-surface-background-color, inherit);
  color: var(--utrecht-surface-color, inherit);
}
.utrecht-surface--html-body {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.utrecht-table {
  border-collapse: separate;
  border-color: var(--utrecht-table-border-color, 0);
  border-spacing: 0;
  border-style: solid;
  border-width: var(--utrecht-table-border-width, 0);
  font-family: var(
    --utrecht-table-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-table-font-size, inherit);
  inline-size: 100%;
  line-height: var(--utrecht-table-line-height, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-start, 0)
  );
}
.utrecht-table--distanced {
  --utrecht-space-around: 1;
}
.utrecht-table--html-table > caption,
.utrecht-table__caption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > figcaption,
.utrecht-table__figcaption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > thead,
.utrecht-table__header {
  --_utrecht-table-header-cell-vertical-align: bottom;
  --_utrecht-table-header-cell-z-index: 8;
  background-color: var(--utrecht-table-header-background-color);
  break-inside: avoid;
  color: var(--utrecht-table-header-color);
  font-weight: var(--utrecht-table-header-font-weight);
  page-break-inside: avoid;
  text-transform: var(--utrecht-table-header-text-transform);
}
.utrecht-table__header--sticky th {
  background-color: var(--utrecht-table-header-sticky-background-color);
  color: var(--utrecht-table-header-sticky-color);
  inset-block-start: 0;
  position: sticky;
}
.utrecht-table__header--sticky tr:last-child > th {
  border-block-end-color: var(
    --utrecht-table-header-sticky-border-block-end-color,
    var(--utrecht-table-header-border-block-end-color, transparent)
  );
  border-block-end-style: solid;
  border-block-end-width: var(
    --utrecht-table-header-sticky-border-block-end-width,
    var(--utrecht-table-header-border-block-end-width, 0)
  );
}
.utrecht-table__footer {
  --_utrecht-table-header-cell-z-index: 5;
  z-index: 3;
}
.utrecht-table__footer--sticky {
  background-color: var(
    --utrecht-table-footer-sticky-background-color,
    var(--utrecht-table-footer-background-color)
  );
  color: var(
    --utrecht-table-footer-sticky-color,
    var(--utrecht-table-footer-color)
  );
  inset-block-end: 0;
  position: sticky;
}
.utrecht-table__footer--sticky tr:first-child > th,
.utrecht-table__footer--sticky tr:first-child > td {
  border-block-start-color: var(
    --utrecht-table-header-sticky-border-block-start-color,
    var(--utrecht-table-header-border-block-start-color, transparent)
  );
  border-block-start-style: solid;
  border-block-start-width: var(
    --utrecht-table-header-sticky-border-block-start-width,
    var(--utrecht-table-header-border-block-start-width, 0)
  );
}
.utrecht-table--html-table > tbody,
.utrecht-table__body {
  --_utrecht-table-header-cell-z-index: 2;
}
.utrecht-table--fixed {
  inline-size: fit-content;
  table-layout: fixed;
}
.utrecht-table--fixed th,
.utrecht-table--oneline th,
.utrecht-table--oneline td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table--html-table > tr,
.utrecht-table--html-table > thead > tr,
.utrecht-table--html-table > tbody > tr,
.utrecht-table--html-table > tfoot > tr,
.utrecht-table__row {
  break-inside: avoid;
  page-break-inside: avoid;
}
.utrecht-table__row--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table--html-table > tr > th,
.utrecht-table--html-table > thead > tr > th,
.utrecht-table--html-table > tbody > tr > th,
.utrecht-table--html-table > tfoot > tr > th,
.utrecht-table__header-cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  color: var(--utrecht-table-header-cell-color);
  font-size: var(--utrecht-table-header-cell-font-size);
  font-weight: var(--utrecht-table-header-cell-font-weight, bold);
  text-transform: var(--utrecht-table-header-cell-text-transform);
  vertical-align: var(--_utrecht-table-header-cell-vertical-align, top);
  z-index: var(--_utrecht-table-header-cell-z-index);
}
.utrecht-table__header-cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--sticky-block {
  background-color: #eee;
  color: #000;
  inset-block-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 2);
}
.utrecht-table__header-cell--sticky-inline {
  background-color: #eee;
  color: #000;
  inset-inline-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 1);
}
.utrecht-table--html-table > tr > td,
.utrecht-table--html-table > thead > tr > td,
.utrecht-table--html-table > tbody > tr > td,
.utrecht-table--html-table > tfoot > tr > td,
.utrecht-table__cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  border-block-end-color: var(
    --utrecht-table-row-border-block-end-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-table-row-border-block-end-width, 0);
  vertical-align: top;
}
.utrecht-table--html-table > tr > td:first-child,
.utrecht-table--html-table > thead > tr > td:first-child,
.utrecht-table--html-table > tbody > tr > td:first-child,
.utrecht-table--html-table > tfoot > tr > td:first-child,
.utrecht-table__cell--first {
  padding-inline-start: var(
    --utrecht-table-row-padding-inline-start,
    var(--utrecht-table-cell-padding-inline-start, 0)
  );
}
.utrecht-table--html-table > tr > td:last-child,
.utrecht-table--html-table > thead > tr > td:last-child,
.utrecht-table--html-table > tbody > tr > td:last-child,
.utrecht-table--html-table > tfoot > tr > td:last-child,
.utrecht-table__cell--last {
  padding-inline-end: var(
    --utrecht-table-row-padding-inline-end,
    var(--utrecht-table-cell-padding-inline-end, 0)
  );
}
.utrecht-table__cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--numeric-column,
.utrecht-table__cell--numeric-column {
  --_utrecht-table-cell-text-align: right;
  text-align: var(--_utrecht-table-cell-text-align);
}
.utrecht-table__cell--numeric-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-table__row--alternate-odd {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table__row--alternate-even {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table__header-cell {
  --utrecht-button-font-size: inherit;
  --utrecht-button-font-weight: inherit;
  --utrecht-button-padding-inline-start: var(
    --utrecht-table-cell-padding-inline-start
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-table-cell-padding-inline-end
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-table-cell-padding-block-start
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-table-cell-padding-block-end
  );
  --utrecht-button-hover-scale: 1;
  --utrecht-button-focus-scale: 1;
  --utrecht-button-min-block-size: 100%;
  --utrecht-button-min-inline-size: 100%;
  --utrecht-button-border-color: transparent;
  --utrecht-button-border-size: 1px;
}
.utrecht-table__header-cell:has(.utrecht-button) {
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-table__header-cell-button {
  justify-content: var(--_utrecht-table-cell-text-align, start);
}
.utrecht-table__data--truncate {
  display: block;
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table__container {
  max-inline-size: 100%;
  overflow-inline: scroll;
}
.utrecht-table__header--hidden {
  block-size: 1px;
  border: 0 solid silver;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  inline-size: 1px;
  outline: 1px solid red;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.utrecht-table--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(odd) {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(2n) {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__header-cell,
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__header-cell,
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-textarea {
  background-color: var(
    --utrecht-textarea-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textarea-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textarea-border-bottom-width,
    var(
      --utrecht-textarea-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textarea-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textarea-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textarea-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textarea-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textarea-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(--utrecht-textarea-line-height, initial);
  max-inline-size: var(
    --utrecht-textarea-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  min-block-size: var(--utrecht-textarea-min-block-size);
  padding-block-end: var(
    --utrecht-textarea-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textarea-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textarea-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textarea-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
  resize: vertical;
  resize: block;
}
.utrecht-textarea--invalid {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea__placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textarea--html-textarea:focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--html-textarea:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textarea--html-textarea:invalid,
.utrecht-textarea--html-textarea[aria-invalid='true'] {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--html-textarea::placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-textbox {
  background-color: var(
    --utrecht-textbox-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textbox-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textbox-border-bottom-width,
    var(
      --utrecht-textbox-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textbox-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textbox-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textbox-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textbox-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(
    --utrecht-textbox-line-height,
    var(--utrecht-form-control-line-height, initial)
  );
  max-inline-size: var(
    --utrecht-textbox-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  padding-block-end: var(
    --utrecht-textbox-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textbox-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textbox-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textbox-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
}
.utrecht-textbox--invalid {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox__placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--numeric {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-textbox--password {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--placeholder-ltr::placeholder,
.utrecht-textbox--placeholder-ltr:placeholder-shown {
  direction: ltr;
}
.utrecht-textbox--placeholder-rtl::placeholder,
.utrecht-textbox--placeholder-rtl:placeholder-shown {
  direction: rtl;
}
.utrecht-textbox--url {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input:focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textbox--html-input:invalid,
.utrecht-textbox--html-input[aria-invalid='true'] {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--html-input::placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--html-input[type='password' i] {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--html-input[type='url' i],
.utrecht-textbox--html-input[type='email' i],
.utrecht-textbox--html-input[inputMode='email' i],
.utrecht-textbox--html-input[inputMode='url' i] {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input[pattern='\\d*'],
.utrecht-textbox--html-input[pattern='[0-9]*'],
.utrecht-textbox--html-input[type='number' i],
.utrecht-textbox--html-input[type='tel' i],
.utrecht-textbox--html-input[inputMode='numeric' i],
.utrecht-textbox--html-input[inputMode='decimal' i],
.utrecht-textbox--html-input[inputMode='tel' i] {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-toptask-link {
  --utrecht-icon-color: currentColor;
  --utrecht-icon-size: var(--utrecht-toptask-link-icon-size);
  background-color: var(--utrecht-toptask-link-background-color);
  color: var(--utrecht-toptask-link-color);
  display: flex;
  flex-direction: column;
  font-size: var(--utrecht-toptask-link-font-size);
  line-height: var(--utrecht-toptask-link-line-height);
  max-inline-size: var(--utrecht-toptask-link-max-inline-size);
  min-block-size: var(--utrecht-toptask-link-min-block-size);
  min-inline-size: var(--utrecht-toptask-link-min-inline-size);
  padding-block-end: var(--utrecht-toptask-link-padding-block-end);
  padding-block-start: var(--utrecht-toptask-link-padding-block-start);
  padding-inline-end: var(--utrecht-toptask-link-padding-inline-end);
  padding-inline-start: var(--utrecht-toptask-link-padding-inline-start);
  text-decoration: none;
}
.utrecht-toptask-link--hover,
.utrecht-toptask-link:hover {
  background-color: var(
    --utrecht-toptask-link-hover-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-hover-color,
    var(--utrecht-toptask-link-color)
  );
  transform: var(--utrecht-toptask-link-hover-transform-scale, 1);
}
.utrecht-toptask-link--focus-visible,
.utrecht-toptask-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-toptask-link--focus,
.utrecht-toptask-link:focus {
  background-color: var(
    --utrecht-toptask-link-focus-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-focus-color,
    var(--utrecht-toptask-link-color)
  );
}
.utrecht-toptask-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-toptask-link__title {
  display: block;
}
.utrecht-toptask-link__icon {
  display: block;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-md);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-toptask-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--utrecht-toptask-nav-gap);
}
.utrecht-toptask-nav--grid {
  --utrecht-toptask-link-max-inline-size: var(
    --utrecht-toptask-nav-link-grid-max-inline-size
  );
  flex-direction: row;
}
.utrecht-unordered-list,
.utrecht-unordered-list--html-content ul {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-unordered-list-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  line-height: var(
    --utrecht-unordered-list-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
  text-align: start;
}
.utrecht-unordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-unordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-unordered-list--nested,
.utrecht-unordered-list--html-content ul {
  margin-block-end: 0;
  margin-inline-start: 2ch;
}
.utrecht-unordered-list--html-content > li,
.utrecht-unordered-list--html-content ul > li,
.utrecht-unordered-list__item {
  margin-block-end: var(--utrecht-unordered-list-item-margin-block-end);
  margin-block-start: var(--utrecht-unordered-list-item-margin-block-start);
  padding-inline-start: var(
    --utrecht-unordered-list-item-padding-inline-start,
    1ch
  );
}
.utrecht-unordered-list--html-content > li::marker,
.utrecht-unordered-list--html-content ul > li::marker,
.utrecht-unordered-list__item::marker,
.utrecht-unordered-list__marker {
  color: var(--utrecht-unordered-list-marker-color);
  content: '●';
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-url-data {
  break-inside: avoid;
  font-variant-ligatures: none;
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: anywhere;
  page-break-inside: avoid;
}
:root,
::backdrop {
  --denhaag-process-steps-sub-step-marker-size: 12px;
  --denhaag-process-steps-step-marker-size: 28px;
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
  --utrecht-stack-focus-z-index: 1;
  --utrecht-border-style-dotted: dotted;
  --utrecht-border-style-solid: solid;
  --utrecht-border-radius-none: 0;
  --utrecht-border-radius-round: 999px;
  --utrecht-border-radius-lg: 8px;
  --utrecht-border-radius-md: 4px;
  --utrecht-border-radius-sm: 2px;
  --utrecht-border-width-md: 2px;
  --utrecht-border-width-sm: 1px;
  --utrecht-typography-line-height-lg: 2;
  --utrecht-typography-line-height-md: 1.5;
  --utrecht-typography-line-height-sm: 1.25;
  --utrecht-typography-line-height-xs: 1;
  --utrecht-typography-font-style-inherit: inherit;
  --utrecht-typography-font-style-normal: normal;
  --utrecht-typography-weight-scale-normal-font-weight: 400;
  --utrecht-typography-weight-scale-bold-font-weight: 700;
  --utrecht-typography-scale-4xl-font-size: 2rem;
  --utrecht-typography-scale-3xl-font-size: 1.5rem;
  --utrecht-typography-scale-2xl-font-size: 1.375rem;
  --utrecht-typography-scale-xl-font-size: 1.25rem;
  --utrecht-typography-scale-lg-font-size: 1.125rem;
  --utrecht-typography-scale-md-font-size: 1rem;
  --utrecht-typography-scale-sm-font-size: 0.875rem;
  --utrecht-typography-scale-xs-font-size: 0.75rem;
  --utrecht-typography-scale-2xs-font-size: 0.5rem;
  --utrecht-typography-sans-serif-font-family:
    'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Arial', sans-serif;
  --utrecht-icon-scale-4xl: 48px;
  --utrecht-icon-scale-3xl: 36px;
  --utrecht-icon-scale-2xl: 30px;
  --utrecht-icon-scale-xl: 26px;
  --utrecht-icon-scale-lg: 24px;
  --utrecht-icon-scale-md: 16px;
  --utrecht-icon-scale-sm: 12px;
  --utrecht-icon-scale-xs: 8px;
  --utrecht-icon-scale-2xs: 4px;
  --utrecht-icon-scale-3xs: 1px;
  --utrecht-color-black: hsl(0 0% 0%);
  --utrecht-color-white: hsl(0 0% 100%);
  --utrecht-color-invalid: #990000;
  --utrecht-color-secondary-grey: #757575;
  --utrecht-color-secondary-brown: #ad643b;
  --utrecht-color-secondary-navy: #1c4181;
  --utrecht-color-secondary-blue: #006dff;
  --utrecht-color-secondary-cyan: #009ed4;
  --utrecht-color-secondary-green: #32ab27;
  --utrecht-color-secondary-lime: #99d000;
  --utrecht-color-secondary-yellow: #ffcc00;
  --utrecht-color-secondary-orange: #ff6e00;
  --utrecht-color-secondary-red: #cc0000;
  --utrecht-color-secondary-magenta: #f02198;
  --utrecht-color-secondary-purple: #762cd1;
  --utrecht-color-green-90: hsl(90 30% 90%);
  --utrecht-color-green-80: hsl(90 30% 80%);
  --utrecht-color-green-50: hsl(90 30% 50%);
  --utrecht-color-green-40: hsl(90 30% 38%);
  --utrecht-color-green-30: hsl(90 30% 30%);
  --utrecht-color-yellow-80: hsl(48 100% 80%);
  --utrecht-color-yellow-60: hsl(48 100% 60%);
  --utrecht-color-yellow-50: hsl(48 100% 50%);
  --utrecht-color-yellow-40: hsl(48 100% 40%);
  --utrecht-color-yellow-20: hsl(48 100% 20%);
  --utrecht-color-grey-95: hsl(0 0% 95%);
  --utrecht-color-grey-90: hsl(0 0% 90%);
  --utrecht-color-grey-80: hsl(0 0% 80%);
  --utrecht-color-grey-40: hsl(0 0% 40%);
  --utrecht-color-grey-30: hsl(0 0% 30%);
  --utrecht-color-grey-20: hsl(0 0% 20%);
  --utrecht-color-grey-15: hsl(0 0% 15%);
  --utrecht-color-grey-10: hsl(0 0% 10%);
  --utrecht-color-blue-90: hsl(211 60% 90%);
  --utrecht-color-blue-80: hsl(211 60% 80%);
  --utrecht-color-blue-60: hsl(211 60% 60%);
  --utrecht-color-blue-50: hsl(211 60% 50%);
  --utrecht-color-blue-40: hsl(211 60% 40%);
  --utrecht-color-blue-35: hsl(211 60% 35%);
  --utrecht-color-blue-30: hsl(211 60% 30%);
  --utrecht-color-blue-20: hsl(211 60% 20%);
  --utrecht-color-red-95: hsl(0 100% 95%);
  --utrecht-color-red-40: hsl(0 100% 40%);
  --utrecht-color-red-30: hsl(0 100% 30%);
  --utrecht-color-red-20: hsl(0 100% 20%);
  --utrecht-unordered-list-item-margin-block-end: 0.5rem;
  --utrecht-unordered-list-item-margin-block-start: 0.5rem;
  --utrecht-unordered-list-margin-block-end: 0;
  --utrecht-toptask-link-icon-size: 2.25rem;
  --utrecht-toptask-link-hover-transform-scale: 1.02;
  --utrecht-toptask-link-min-inline-size: 15rem;
  --utrecht-toptask-link-min-block-size: 8.25rem;
  --utrecht-toptask-link-line-height: 1.2;
  --utrecht-toptask-link-font-size: 1rem;
  --utrecht-textbox-border-bottom-width: 3px;
  --utrecht-textarea-border-bottom-width: 3px;
  --utrecht-table-footer-sticky-border-block-start-width: 2px;
  --utrecht-table-cell-icon-size: 1em;
  --utrecht-table-cell-padding-inline-start: 0.4em;
  --utrecht-table-cell-padding-inline-end: 0.4em;
  --utrecht-table-cell-padding-block-start: 0.5em;
  --utrecht-table-cell-padding-block-end: 0.5em;
  --utrecht-table-cell-line-height: 24px;
  --utrecht-table-header-sticky-border-block-end-width: 2px;
  --utrecht-table-caption-margin-block-end: 1em;
  --utrecht-table-caption-text-align: start;
  --utrecht-table-caption-font-size: 1.125em;
  --utrecht-table-margin-block-end: 0;
  --utrecht-separator-block-size: 8px;
  --utrecht-select-border-block-end-width: 3px;
  --utrecht-search-bar-dropdown-max-block-size: 300px;
  --utrecht-search-bar-dropdown-border-width: 1px;
  --utrecht-search-bar-input-background-size: 1em;
  --utrecht-search-bar-input-background-position-y: 50%;
  --utrecht-search-bar-input-background-position-x: 0.5em;
  --utrecht-search-bar-button-hover-scale: 1;
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
  --utrecht-radio-button-margin-inline-end: 12px;
  --utrecht-radio-button-border-radius: 0;
  --utrecht-radio-button-invalid-border-width: 2px;
  --utrecht-radio-button-icon-size: 42%;
  --utrecht-radio-button-size: 24px;
  --utrecht-radio-button-border-width: 2px;
  --utrecht-paragraph-margin-block-end: 0;
  --utrecht-pagination-relative-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-relative-link-distanced-margin-inline-end: 0.5em;
  --utrecht-pagination-relative-link-text-transform: uppercase;
  --utrecht-pagination-relative-link-text-decoration: none;
  --utrecht-pagination-relative-link-padding-block-start: 0.5em;
  --utrecht-pagination-relative-link-padding-block-end: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-start: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-end: 0.5em;
  --utrecht-pagination-relative-link-border-width: 2px;
  --utrecht-pagination-page-link-border-color: transparent;
  --utrecht-pagination-page-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-page-link-text-decoration: none;
  --utrecht-pagination-page-link-padding-block-start: 0.5em;
  --utrecht-pagination-page-link-padding-block-end: 0.5em;
  --utrecht-pagination-page-link-padding-inline-start: 0.5em;
  --utrecht-pagination-page-link-padding-inline-end: 0.5em;
  --utrecht-pagination-page-link-border-width: 2px;
  --utrecht-pagination-page-link-background-color: transparent;
  --utrecht-pagination-margin-block-end: 1em;
  --utrecht-pagination-margin-block-start: 0;
  --utrecht-pagination-font-size: 14px;
  --utrecht-page-padding-inline-start: 2em;
  --utrecht-page-padding-block-end: 1em;
  --utrecht-page-padding-inline-end: 2em;
  --utrecht-page-padding-block-start: 1.8em;
  --utrecht-page-max-inline-size: 1184px;
  --utrecht-page-margin-inline-end: 2em;
  --utrecht-page-margin-inline-start: 2em;
  --utrecht-page-header-padding-block-start: 1.8em;
  --utrecht-page-header-padding-inline-start: 2em;
  --utrecht-page-header-padding-inline-end: 2.4em;
  --utrecht-page-header-padding-block-end: 1em;
  --utrecht-page-content-padding-block-end: 2em;
  --utrecht-page-content-padding-block-start: 2em;
  --utrecht-ordered-list-item-padding-inline-start: 0;
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
  --utrecht-ordered-list-padding-inline-start: 28.8px;
  --utrecht-ordered-list-margin-block-end: 1em;
  --utrecht-ordered-list-margin-block-start: 0;
  --utrecht-number-data-negative-color: red;
  --utrecht-number-data-positive-color: green;
  --utrecht-topnav-link-focus-text-decoration: none;
  --utrecht-topnav-link-focus-border-type: dotted;
  --utrecht-mapcontrolbutton-focus-text-decoration: none;
  --utrecht-mapcontrolbutton-border-radius: 2px;
  --utrecht-mapcontrolbutton-margin-inline-end: 0;
  --utrecht-mapcontrolbutton-margin-inline-start: 0;
  --utrecht-map-marker-icon-size: 30px;
  --utrecht-map-marker-box-shadow-color: rgb(0 0 0 / 20%);
  --utrecht-map-marker-border-width: 3px;
  --utrecht-map-marker-size: 48px;
  --utrecht-logo-min-inline-size: 110.57px;
  --utrecht-logo-min-block-size: 58.97px;
  --utrecht-logo-max-inline-size: 192px;
  --utrecht-logo-max-block-size: 103px;
  --utrecht-list-social-item-margin-inline-end: 10px;
  --utrecht-link-icon-size: 1.2em;
  --utrecht-link-hover-text-decoration-thickness: 3px;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: none;
  --utrecht-link-text-underline-offset: 3px;
  --utrecht-link-text-decoration: underline;
  --utrecht-link-social-icon-size: 26px;
  --utrecht-link-social-hover-transform-scale: 1.1;
  --utrecht-link-social-size: 40px;
  --utrecht-link-social-border-width: 2px;
  --utrecht-link-list-icon-size: 14px;
  --utrecht-icon-baseline-inset-block-start: 0.125em;
  --utrecht-icon-size: 48px;
  --utrecht-heading-5-margin-block-start: 1rem;
  --utrecht-heading-5-margin-block-end: 0.2rem;
  --utrecht-heading-4-margin-block-start: 1.2rem;
  --utrecht-heading-4-margin-block-end: 0.3rem;
  --utrecht-heading-3-margin-block-start: 1rem;
  --utrecht-heading-3-margin-block-end: 0.2rem;
  --utrecht-heading-2-margin-block-start: 1.5rem;
  --utrecht-heading-2-margin-block-end: 0.3rem;
  --utrecht-heading-1-margin-block-start: 0.67rem;
  --utrecht-heading-1-margin-block-end: 0.67rem;
  --utrecht-form-toggle-width: 48px;
  --utrecht-form-toggle-padding-inline-start: 0;
  --utrecht-form-toggle-padding-inline-end: 0;
  --utrecht-form-toggle-padding-block-start: 0;
  --utrecht-form-toggle-padding-block-end: 0;
  --utrecht-form-toggle-height: 24px;
  --utrecht-form-toggle-border-style: solid;
  --utrecht-form-toggle-focus-border-width: 2px;
  --utrecht-form-toggle-focus-border-style: dotted;
  --utrecht-form-toggle-thumb-disabled-box-shadow: 0;
  --utrecht-form-toggle-thumb-min-inline-size: 18px;
  --utrecht-form-toggle-thumb-margin-inline-end: 0.25em;
  --utrecht-form-toggle-thumb-margin-inline-start: 0.25em;
  --utrecht-form-toggle-border-width: 2px;
  --utrecht-form-toggle-border-radius: 10em;
  --utrecht-form-toggle-border-color: transparent;
  --utrecht-form-toggle-accent-color: hsla(0, 0%, 48%, 1);
  --utrecht-form-label-font-size: 1em;
  --utrecht-form-fieldset-legend-line-height: 1.4;
  --utrecht-form-fieldset-legend-font-size: 1rem;
  --utrecht-form-field-invalid-border-inline-start-width: 3px;
  --utrecht-form-control-read-only-border-color: transparent;
  --utrecht-form-control-block-size: 42px;
  --utrecht-form-control-padding-inline-start: 12px;
  --utrecht-form-control-padding-inline-end: 12px;
  --utrecht-form-control-padding-block-start: 8px;
  --utrecht-form-control-padding-block-end: 8px;
  --utrecht-form-control-max-inline-size: 28em;
  --utrecht-form-control-border-radius: 0;
  --utrecht-figure-caption-line-height: 20px;
  --utrecht-figure-caption-font-size: 14px;
  --utrecht-figure-caption-color: #727272;
  --utrecht-drawer-max-inline-size: 320px;
  --utrecht-drawer-max-block-size: 240px;
  --utrecht-drawer-border-width: 1px;
  --utrecht-document-line-height: 1.4;
  --utrecht-data-list-rows-column-min-inline-size: 25ch;
  --utrecht-data-list-rows-column-inline-size: 80%;
  --utrecht-space-column-5xl: 64px;
  --utrecht-space-column-4xl: 48px;
  --utrecht-space-column-3xl: 32px;
  --utrecht-space-column-2xl: 28px;
  --utrecht-space-column-xl: 24px;
  --utrecht-space-column-lg: 20px;
  --utrecht-space-column-md: 16px;
  --utrecht-space-column-sm: 12px;
  --utrecht-space-column-xs: 8px;
  --utrecht-space-column-2xs: 4px;
  --utrecht-space-column-3xs: 2px;
  --utrecht-space-column-4xs: 1px;
  --utrecht-space-row-5xl: 64px;
  --utrecht-space-row-4xl: 48px;
  --utrecht-space-row-3xl: 32px;
  --utrecht-space-row-2xl: 28px;
  --utrecht-space-row-xl: 24px;
  --utrecht-space-row-lg: 20px;
  --utrecht-space-row-md: 16px;
  --utrecht-space-row-sm: 12px;
  --utrecht-space-row-xs: 8px;
  --utrecht-space-row-2xs: 4px;
  --utrecht-space-row-3xs: 2px;
  --utrecht-space-row-4xs: 1px;
  --utrecht-space-text-3xl: 3ch;
  --utrecht-space-text-2xl: 2ch;
  --utrecht-space-text-xl: 1.75ch;
  --utrecht-space-text-lg: 1.5ch;
  --utrecht-space-text-md: 1ch;
  --utrecht-space-text-sm: 0.75ch;
  --utrecht-space-text-xs: 0.5ch;
  --utrecht-space-text-2xs: 0.25ch;
  --utrecht-space-text-3xs: 0.125ch;
  --utrecht-space-inline-4xl: 48px;
  --utrecht-space-inline-3xl: 32px;
  --utrecht-space-inline-2xl: 28px;
  --utrecht-space-inline-xl: 24px;
  --utrecht-space-inline-lg: 20px;
  --utrecht-space-inline-md: 16px;
  --utrecht-space-inline-sm: 12px;
  --utrecht-space-inline-xs: 8px;
  --utrecht-space-inline-2xs: 4px;
  --utrecht-space-inline-3xs: 2px;
  --utrecht-space-block-4xs: 1px;
  --utrecht-space-block-4xl: 64px;
  --utrecht-space-block-3xl: 48px;
  --utrecht-space-block-2xl: 32px;
  --utrecht-space-block-xl: 24px;
  --utrecht-space-block-lg: 20px;
  --utrecht-space-block-md: 16px;
  --utrecht-space-block-sm: 12px;
  --utrecht-space-block-xs: 8px;
  --utrecht-space-block-2xs: 4px;
  --utrecht-space-block-3xs: 2px;
  --utrecht-pointer-target-min-size: 44px;
  --utrecht-focus-outline-style: dotted;
  --utrecht-action-inert-cursor: default;
  --utrecht-action-activate-cursor: pointer;
  --utrecht-action-submit-cursor: pointer;
  --utrecht-action-navigate-cursor: pointer;
  --utrecht-action-disabled-cursor: not-allowed;
  --utrecht-action-busy-cursor: wait;
  --utrecht-column-layout-column-width: 350px;
  --utrecht-column-layout-column-rule-width: 2px;
  --utrecht-code-block-padding-inline-end: 20px;
  --utrecht-code-block-padding-inline-start: 20px;
  --utrecht-code-block-padding-block-end: 20px;
  --utrecht-code-block-padding-block-start: 20px;
  --utrecht-code-block-line-height: 24px;
  --utrecht-code-block-font-size: 16px;
  --utrecht-checkbox-margin-block-start: 0;
  --utrecht-checkbox-focus-border-width: 2px;
  --utrecht-checkbox-size: 24px;
  --utrecht-checkbox-border-width: 2px;
  --utrecht-checkbox-border-radius: 0;
  --utrecht-calendar-icon-size: 24px;
  --utrecht-calendar-navigation-label-min-inline-size: 200px;
  --utrecht-calendar-navigation-padding-block-end: 2px;
  --utrecht-calendar-navigation-padding-block-start: 2px;
  --utrecht-calendar-table-days-item-day-disabled-border-color: transparent;
  --utrecht-calendar-table-days-item-day-selected-border-color: transparent;
  --utrecht-calendar-table-days-item-day-emphasis-border-color: transparent;
  --utrecht-calendar-table-days-item-day-is-today-font-weight: 700;
  --utrecht-calendar-table-days-item-day-out-of-the-month-border-color: transparent;
  --utrecht-calendar-table-days-item-day-active-border-color: transparent;
  --utrecht-calendar-table-days-item-day-focus-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-width: 2px;
  --utrecht-calendar-table-days-item-day-size: 44px;
  --utrecht-calendar-table-weeks-item-line-height: 24px;
  --utrecht-calendar-table-weeks-item-padding-block-end: 10px;
  --utrecht-calendar-table-weeks-item-padding-block-start: 4px;
  --utrecht-calendar-table-weeks-item-width: 44px;
  --utrecht-button-subtle-disabled-background-color: transparent;
  --utrecht-button-subtle-font-weight: 700;
  --utrecht-button-subtle-border-color: transparent;
  --utrecht-button-subtle-background-color: transparent;
  --utrecht-button-primary-action-danger-hover-border-color: transparent;
  --utrecht-button-primary-action-danger-border-color: transparent;
  --utrecht-button-primary-action-warning-hover-border-color: transparent;
  --utrecht-button-primary-action-warning-border-color: transparent;
  --utrecht-button-primary-action-ready-hover-border-color: transparent;
  --utrecht-button-primary-action-ready-border-color: transparent;
  --utrecht-button-primary-action-hover-border-color: transparent;
  --utrecht-button-primary-action-border-color: transparent;
  --utrecht-button-hover-scale: 1.02;
  --utrecht-button-focus-scale: 1.02;
  --utrecht-button-margin-inline-end: 0;
  --utrecht-button-margin-inline-start: 0;
  --utrecht-button-border-width: 1px;
  --utrecht-button-border-radius: 0;
  --utrecht-breadcrumb-nav-divider-inline-size: 1px;
  --utrecht-breadcrumb-nav-link-text-decoration: none;
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
  --utrecht-breadcrumb-nav-min-block-size: 34px;
  --utrecht-blockquote-margin-block-end: 1.6em;
  --utrecht-blockquote-margin-block-start: 1.6em;
  --utrecht-blockquote-content-font-size: 1.125rem;
  --utrecht-blockquote-attribution-font-size: 0.75rem;
  --utrecht-blockquote-margin-inline-end: 1.6em;
  --utrecht-blockquote-margin-inline-start: 1.6em;
  --utrecht-badge-border-radius: 0;
  --utrecht-badge-counter-padding-inline: 1ex;
  --utrecht-badge-counter-padding-block: 1ex;
  --utrecht-badge-counter-font-size: 16px;
  --utrecht-backdrop-reduced-transparency-opacity: 0.98;
  --utrecht-backdrop-fade-in-animation-duration: 0.4s;
  --utrecht-backdrop-opacity: 0.8;
  --utrecht-article-max-inline-size: 780px;
  --utrecht-alert-dialog-min-inline-size: 320px;
  --utrecht-alert-dialog-min-block-size: 100px;
  --utrecht-alert-dialog-max-block-size: 80vh;
  --utrecht-accordion-panel-border-width: 2px;
  --utrecht-accordion-button-icon-size: 24px;
  --utrecht-accordion-button-hover-background-color: inherit;
  --utrecht-accordion-button-border-width: 0;
  --denhaag-process-steps-sub-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --denhaag-process-steps-sub-step-heading-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-sub-step-heading-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-description-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --denhaag-process-steps-step-description-color: var(--utrecht-color-black);
  --denhaag-process-steps-step-metadata-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-metadata-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-line-warning-color: var(--utrecht-color-invalid);
  --denhaag-process-steps-step-line-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-line-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-line-stroke-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-sub-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-sub-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-warning-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-warning-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-warning-border-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-checked-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-checked-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-color: var(--utrecht-color-white);
  --denhaag-process-steps-step-marker-current-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-current-background-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-marker-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-marker-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-marker-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-heading-warning-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-not-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-heading-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-current-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-heading-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --denhaag-process-steps-step-heading-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --denhaag-process-steps-step-heading-color: var(--utrecht-color-black);
  --denhaag-process-steps-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
  --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
  --utrecht-unordered-list-marker-color: var(--utrecht-color-red-40);
  --utrecht-unordered-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-toptask-link-padding-inline-start: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-inline-end: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-block-start: var(--utrecht-space-block-xl);
  --utrecht-toptask-link-padding-block-end: var(--utrecht-space-block-xl);
  --utrecht-textarea-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-table-footer-sticky-border-block-start-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-footer-sticky-color: var(--utrecht-color-black);
  --utrecht-table-footer-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-row-alternate-even-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-even-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-table-row-alternate-odd-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-odd-background-color: var(
    --utrecht-color-white
  );
  --utrecht-table-row-border-block-end-width: var(--utrecht-border-width-sm);
  --utrecht-table-row-border-block-end-color: var(--utrecht-color-grey-90);
  --utrecht-table-cell-selected-color: var(--utrecht-color-black);
  --utrecht-table-cell-selected-background-color: var(--utrecht-color-blue-90);
  --utrecht-table-header-sticky-border-block-end-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-header-sticky-color: var(--utrecht-color-black);
  --utrecht-table-header-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-header-border-block-end-width: var(--utrecht-border-width-md);
  --utrecht-table-header-border-block-end-color: var(--utrecht-color-red-40);
  --utrecht-table-header-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-caption-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-surface-color: var(--utrecht-color-grey-10);
  --utrecht-surface-background-color: var(--utrecht-color-grey-95);
  --utrecht-spotlight-section-warning-background-color: var(
    --utrecht-color-yellow-80
  );
  --utrecht-spotlight-section-info-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-spotlight-section-padding-inline-end: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-inline-start: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-block-end: var(--utrecht-space-block-sm);
  --utrecht-spotlight-section-padding-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-spotlight-section-color: var(--utrecht-color-black);
  --utrecht-spotlight-section-background-color: var(--utrecht-color-grey-80);
  --utrecht-skip-link-focus-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --utrecht-skip-link-text-decoration: var(--utrecht-link-text-decoration);
  --utrecht-separator-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-separator-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-separator-color: var(--utrecht-color-grey-90);
  --utrecht-search-bar-list-item-is-selected-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-selected-color: var(--utrecht-color-black);
  --utrecht-search-bar-list-item-is-active-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-list-item-is-active-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-active-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-search-bar-section-title-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-section-title-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-search-bar-section-margin-block-end: var(--utrecht-space-inline-xs);
  --utrecht-search-bar-dropdown-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-input-padding-inline-start: var(
    --utrecht-space-inline-3xl
  );
  --utrecht-search-bar-input-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-search-bar-button-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-button-color: var(--utrecht-color-white);
  --utrecht-search-bar-button-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-background-color: var(--utrecht-color-red-40);
  --utrecht-radio-button-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-radio-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-radio-button-focus-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-hover-background-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-focus-border-color: var(
    --utrecht-color-blue-20
  );
  --utrecht-radio-button-checked-hover-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-active-color: var(--utrecht-color-blue-80);
  --utrecht-radio-button-checked-active-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-active-background-color: var(--utrecht-color-blue-80);
  --utrecht-pre-heading-margin-block-start: var(--utrecht-space-row-2xl);
  --utrecht-pre-heading-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-small-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-paragraph-lead-line-height: var(
    --utrecht-typography-line-height-md
  );
  --utrecht-paragraph-lead-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-lead-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-paragraph-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-paragraph-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-pagination-relative-link-border-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-relative-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-relative-link-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-background-color: var(
    --utrecht-color-white
  );
  --utrecht-pagination-page-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-current-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-page-link-color: var(--utrecht-color-blue-35);
  --utrecht-page-color: var(--utrecht-color-black);
  --utrecht-page-background-color: var(--utrecht-color-white);
  --utrecht-page-footer-padding-block-start: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-block-end: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-inline-start: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-padding-inline-end: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-background-image: linear-gradient(
    45deg,
    var(--utrecht-color-red-40),
    var(--utrecht-color-red-40) 50%,
    #d63433 50%
  );
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
  --utrecht-page-footer-color: var(--utrecht-color-white);
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-box-shadow-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-color: var(--utrecht-color-black);
  --utrecht-topnav-link-background-color: var(--utrecht-color-blue-40);
  --utrecht-topnav-link-color: var(--utrecht-color-white);
  --utrecht-topnav-list-border-color: var(--utrecht-color-grey-40);
  --utrecht-topnav-list-background-color: var(--utrecht-color-grey-15);
  --utrecht-sidenav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-link-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-marker-hover-color: var(--utrecht-color-blue-50);
  --utrecht-sidenav-item-marker-color: var(--utrecht-color-grey-80);
  --utrecht-sidenav-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-margin-inline-end: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-inline-start: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-block-end: var(--utrecht-space-block-xs);
  --utrecht-sidenav-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-content-max-inline-size: var(
    --utrecht-page-max-inline-size
  );
  --utrecht-nav-bar-color: var(--utrecht-color-black);
  --utrecht-nav-bar-background-color: var(--utrecht-color-white);
  --utrecht-mark-color: var(--utrecht-color-black);
  --utrecht-mark-background-color: var(--utrecht-color-yellow-60);
  --utrecht-mapcontrolbutton-hover-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-hover-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-focus-color: var(--utrecht-color-black);
  --utrecht-mapcontrolbutton-label-margin-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-label-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-border-style: var(--utrecht-border-style-solid);
  --utrecht-mapcontrolbutton-border-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-background-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-mapcontrolbutton-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-mapcontrolbutton-padding-inline-end: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-inline-start: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-block-end: var(--utrecht-space-block-2xs);
  --utrecht-mapcontrolbutton-padding-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-mapcontrolbutton-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-min-inline-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-min-block-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-border-width: var(--utrecht-border-width-sm);
  --utrecht-map-marker-border-color: var(--utrecht-color-white);
  --utrecht-map-marker-color: var(--utrecht-color-white);
  --utrecht-map-marker-background-color: var(--utrecht-color-blue-30);
  --utrecht-link-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-link-color: var(--utrecht-color-blue-35);
  --utrecht-link-social-color: var(--utrecht-color-white);
  --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
  --utrecht-link-social-border-color: var(--utrecht-color-white);
  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
  --utrecht-link-list-item-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-link-list-item-column-gap: var(--utrecht-space-block-xs);
  --utrecht-link-list-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-index-char-nav-link-current-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-index-char-nav-gap: var(--utrecht-space-column-sm);
  --utrecht-index-char-nav-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-index-char-nav-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-6-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-6-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-6-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-6-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-5-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-5-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-5-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-5-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-4-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-4-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-4-font-size: var(--utrecht-typography-scale-lg-font-size);
  --utrecht-heading-4-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-3-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-3-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-3-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-3-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-2-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-2-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-2-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-2-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-1-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-1-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
  --utrecht-heading-1-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
  --utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
  --utrecht-form-toggle-thumb-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-form-toggle-thumb-background-color: var(--utrecht-color-white);
  --utrecht-form-toggle-track-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-toggle-track-border-radius: var(
    --utrecht-form-toggle-border-radius
  );
  --utrecht-form-toggle-color: var(--utrecht-color-black);
  --utrecht-form-toggle-background-color: var(--utrecht-color-white);
  --utrecht-form-label-radio-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-checkbox-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-legend-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-form-fieldset-legend-margin-block-start: var(
    --utrecht-space-block-xl
  );
  --utrecht-form-fieldset-legend-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-fieldset-legend-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-section-color: var(--utrecht-color-black);
  --utrecht-form-fieldset-section-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-form-fieldset-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-fieldset-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-description-margin-block-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-label-margin-block-end: var(--utrecht-space-block-sm);
  --utrecht-form-field-invalid-padding-inline-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-control-read-only-color: var(--utrecht-color-grey-20);
  --utrecht-form-control-read-only-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-control-focus-border-color: var(--utrecht-color-grey-80);
  --utrecht-form-control-placeholder-font-style: var(
    --utrecht-typography-font-style-normal
  );
  --utrecht-form-control-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-form-control-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-form-control-color: var(--utrecht-color-black);
  --utrecht-form-control-border-width: var(--utrecht-border-width-sm);
  --utrecht-form-control-border-color: var(--utrecht-color-grey-30);
  --utrecht-form-control-background-color: var(--utrecht-color-white);
  --utrecht-emphasis-strong-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-drawer-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-block-start: var(--utrecht-space-block-md);
  --utrecht-drawer-padding-block-end: var(--utrecht-space-block-md);
  --utrecht-drawer-border-color: var(--utrecht-color-grey-90);
  --utrecht-document-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-document-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-document-color: var(--utrecht-color-black);
  --utrecht-document-background-color: var(--utrecht-color-white);
  --utrecht-data-placeholder-background-color: var(--utrecht-color-grey-40);
  --utrecht-data-list-rows-item-value-margin-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-data-list-rows-item-margin-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-data-list-item-key-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-data-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-data-list-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-focus-inverse-outline-color: var(--utrecht-color-white);
  --utrecht-focus-outline-width: var(--utrecht-border-width-md);
  --utrecht-focus-outline-color: var(--utrecht-color-black);
  --utrecht-focus-background-color: var(--utrecht-color-yellow-60);
  --utrecht-feedback-active-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-inactive-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-success-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-error-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-valid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-border-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-background-color: var(--utrecht-color-invalid);
  --utrecht-feedback-safe-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-safe-color: var(--utrecht-color-green-50);
  --utrecht-feedback-warning-fill-color: var(--utrecht-color-black);
  --utrecht-feedback-warning-color: var(--utrecht-color-yellow-50);
  --utrecht-feedback-danger-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-danger-color: var(--utrecht-color-red-40);
  --utrecht-column-layout-gap: var(--utrecht-space-column-md);
  --utrecht-column-layout-column-rule-color: var(--utrecht-color-grey-80);
  --utrecht-code-block-margin-block-end: var(--utrecht-space-block-lg);
  --utrecht-code-block-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-code-block-color: var(--utrecht-color-black);
  --utrecht-code-block-background-color: var(--utrecht-color-grey-95);
  --utrecht-checkbox-indeterminate-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-checkbox-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
  --utrecht-checkbox-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-calendar-navigation-label-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-calendar-navigation-label-color: var(--utrecht-color-black);
  --utrecht-calendar-navigation-color: var(--utrecht-color-blue-30);
  --utrecht-calendar-table-days-item-day-disabled-color: var(
    --utrecht-color-grey-40
  );
  --utrecht-calendar-table-days-item-day-selected-color: var(
    --utrecht-color-white
  );
  --utrecht-calendar-table-days-item-day-selected-background-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-calendar-table-days-item-day-is-today-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-calendar-table-days-item-day-out-of-the-month-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-calendar-table-days-item-day-hover-border-color: var(
    --utrecht-color-black
  );
  --utrecht-calendar-table-days-item-day-hover-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-calendar-table-days-item-day-color: var(--utrecht-color-black);
  --utrecht-button-subtle-ready-focus-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-hover-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-color: var(--utrecht-color-green-50);
  --utrecht-button-subtle-danger-focus-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-hover-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-subtle-focus-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-hover-border-color: var(--utrecht-color-blue-40);
  --utrecht-button-subtle-hover-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-subtle-active-color: var(--utrecht-color-white);
  --utrecht-button-subtle-active-background-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-border-width: var(--utrecht-border-width-md);
  --utrecht-button-secondary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-ready-border-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-secondary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-warning-border-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-secondary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-secondary-action-danger-border-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-secondary-action-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-hover-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-secondary-action-hover-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-disabled-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-active-color: var(--utrecht-color-white);
  --utrecht-button-secondary-action-active-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-secondary-action-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-secondary-action-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-focus-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-hover-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-hover-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-danger-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-danger-background-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-primary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-focus-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-hover-color: var(
    --utrecht-color-black
  );
  --utrecht-button-primary-action-warning-hover-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-warning-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-warning-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-primary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-focus-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-ready-hover-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-ready-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-ready-background-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-primary-action-focus-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-primary-action-focus-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-focus-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-primary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-primary-action-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-active-color: var(--utrecht-color-blue-35);
  --utrecht-button-primary-action-active-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-primary-action-active-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-border-width: var(--utrecht-border-width-md);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-background-color: var(--utrecht-color-grey-90);
  --utrecht-button-icon-gap: var(--utrecht-space-text-xs);
  --utrecht-button-active-color: var(--utrecht-color-white);
  --utrecht-button-active-background-color: var(--utrecht-color-grey-40);
  --utrecht-button-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-button-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-button-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-button-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-button-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-button-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-button-color: var(--utrecht-color-grey-40);
  --utrecht-button-border-color: var(--utrecht-color-grey-40);
  --utrecht-button-background-color: var(--utrecht-color-white);
  --utrecht-breadcrumb-nav-arrows-link-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-focus-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-breadcrumb-nav-separator-icon-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-breadcrumb-nav-separator-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-link-icon-size: var(--utrecht-icon-scale-md);
  --utrecht-breadcrumb-nav-link-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-breadcrumb-nav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-item-padding-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-blockquote-content-color: var(--utrecht-color-red-40);
  --utrecht-badge-font-style: var(--utrecht-typography-font-style-normal);
  --utrecht-badge-padding-inline: var(--utrecht-space-inline-sm);
  --utrecht-badge-padding-block: var(--utrecht-space-block-xs);
  --utrecht-badge-color: var(--utrecht-color-white);
  --utrecht-badge-background-color: var(--utrecht-color-grey-30);
  --utrecht-badge-list-item-margin-inline: var(--utrecht-space-block-sm);
  --utrecht-badge-list-item-margin-block: var(--utrecht-space-block-xs);
  --utrecht-badge-counter-font-style: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-badge-counter-color: var(--utrecht-color-white);
  --utrecht-badge-counter-border-radius: var(--utrecht-badge-counter-font-size);
  --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
  --utrecht-backdrop-color: var(--utrecht-color-black);
  --utrecht-backdrop-background-color: var(--utrecht-color-white);
  --utrecht-alert-info-color: var(--utrecht-color-black);
  --utrecht-alert-info-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-icon-info-color: var(--utrecht-color-blue-35);
  --utrecht-alert-icon-ok-color: var(--utrecht-color-green-40);
  --utrecht-alert-icon-warning-color: var(--utrecht-color-yellow-40);
  --utrecht-alert-icon-error-color: var(--utrecht-color-red-40);
  --utrecht-alert-icon-gap: var(--utrecht-space-column-md);
  --utrecht-alert-icon-color: var(--utrecht-color-blue-35);
  --utrecht-alert-ok-color: var(--utrecht-color-black);
  --utrecht-alert-ok-background-color: var(--utrecht-color-green-90);
  --utrecht-alert-error-color: var(--utrecht-color-black);
  --utrecht-alert-error-background-color: var(--utrecht-color-red-95);
  --utrecht-alert-warning-color: var(--utrecht-color-black);
  --utrecht-alert-warning-background-color: var(--utrecht-color-yellow-80);
  --utrecht-alert-padding-inline-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-inline-start: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-start: var(--utrecht-space-block-lg);
  --utrecht-alert-color: var(--utrecht-color-black);
  --utrecht-alert-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-dialog-max-inline-size: var(
    --utrecht-article-max-inline-size
  );
  --utrecht-accordion-section-margin-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-accordion-panel-padding-inline-end: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-inline-start: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-icon-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-accordion-button-focus-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-focus-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-focus-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-active-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-active-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-active-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-hover-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-hover-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-background-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-inline-start: var(
    --utrecht-space-block-md
  );
  --utrecht-accordion-button-padding-inline-end: var(--utrecht-space-block-md);
  --of-layout-background: var(--utrecht-document-background-color);
  --denhaag-process-steps-sub-step-line-color: var(
    --denhaag-process-steps-step-line-color
  );
  --utrecht-toptask-link-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --utrecht-toptask-link-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --utrecht-toptask-link-color: var(--utrecht-button-primary-action-color);
  --utrecht-toptask-link-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --utrecht-skip-link-focus-background-color: var(
    --utrecht-topnav-link-focus-background-color
  );
  --utrecht-skip-link-focus-color: var(--utrecht-topnav-link-focus-color);
  --utrecht-skip-link-padding-inline-end: var(
    --utrecht-button-padding-inline-end
  );
  --utrecht-skip-link-padding-inline-start: var(
    --utrecht-button-padding-inline-start
  );
  --utrecht-skip-link-padding-block-end: var(
    --utrecht-button-padding-block-end
  );
  --utrecht-skip-link-padding-block-start: var(
    --utrecht-button-padding-block-start
  );
  --utrecht-skip-link-color: var(--utrecht-topnav-link-color);
  --utrecht-skip-link-background-color: var(
    --utrecht-topnav-list-background-color
  );
  --utrecht-radio-button-border-color: var(--utrecht-form-control-border-color);
  --utrecht-radio-button-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-paragraph-lead-color: var(--utrecht-document-color);
  --utrecht-link-visited-color: var(--utrecht-link-color);
  --utrecht-link-hover-color: var(--utrecht-link-focus-color);
  --utrecht-link-active-color: var(--utrecht-link-color);
  --utrecht-form-field-error-message-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-field-description-warning-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-form-field-description-invalid-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-control-invalid-border-color: var(
    --utrecht-feedback-invalid-border-color
  );
  --utrecht-form-control-font-family: var(--utrecht-document-font-family);
  --utrecht-drawer-color: var(--utrecht-document-color);
  --utrecht-drawer-background-color: var(--utrecht-document-background-color);
  --utrecht-feedback-active-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-inactive-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-success-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-error-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-valid-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-invalid-fill-background-color: var(
    --utrecht-feedback-invalid-background-color
  );
  --utrecht-feedback-safe-border-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-safe-background-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-warning-border-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-warning-background-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-danger-border-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-danger-background-color: var(
    --utrecht-feedback-danger-color
  );
  --utrecht-checkbox-color: var(--utrecht-form-control-color);
  --utrecht-checkbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-checkbox-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-button-subtle-pressed-color: var(
    --utrecht-button-subtle-active-color
  );
  --utrecht-button-subtle-pressed-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --utrecht-button-secondary-action-pressed-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --utrecht-button-secondary-action-pressed-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --utrecht-button-primary-action-pressed-color: var(
    --utrecht-button-primary-action-active-color
  );
  --utrecht-button-primary-action-pressed-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --utrecht-button-primary-action-pressed-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --utrecht-button-pressed-color: var(--utrecht-button-active-color);
  --utrecht-button-pressed-background-color: var(
    --utrecht-button-active-background-color
  );
  --utrecht-breadcrumb-nav-arrows-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --utrecht-breadcrumb-nav-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --of-layout-bg: var(--of-layout-background);
  --utrecht-radio-button-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-invalid-border-inline-start-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-description-valid-color: var(
    --utrecht-feedback-valid-color
  );
  --utrecht-feedback-active-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-active-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-inactive-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-inactive-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-success-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-success-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-error-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-error-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-valid-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-valid-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-safe-fill-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-warning-fill-background-color: var(
    --utrecht-feedback-warning-background-color
  );
  --utrecht-feedback-danger-fill-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-checkbox-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-feedback-active-fill-background-color: var(
    --utrecht-feedback-active-background-color
  );
  --utrecht-feedback-inactive-fill-background-color: var(
    --utrecht-feedback-inactive-background-color
  );
  --utrecht-feedback-success-fill-background-color: var(
    --utrecht-feedback-success-background-color
  );
  --utrecht-feedback-error-fill-background-color: var(
    --utrecht-feedback-error-background-color
  );
  --utrecht-feedback-valid-fill-background-color: var(
    --utrecht-feedback-valid-background-color
  );
}

@charset "UTF-8";
.utrecht-accordion {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-accordion-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-accordion-margin-block-start, 0)
  );
}
.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-checkbox--custom.utrecht-checkbox--checked,
.utrecht-custom-checkbox--checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,
.utrecht-custom-checkbox--indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--active,
.utrecht-custom-checkbox--active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--focus,
.utrecht-custom-checkbox--focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,
.utrecht-custom-checkbox--html-input:focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,
.utrecht-custom-checkbox--html-input:active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,
.utrecht-custom-checkbox--html-input:checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,
.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked:indeterminate,
.utrecht-custom-checkbox--html-input:indeterminate,
.utrecht-custom-checkbox--html-input:checked:indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-link-list--html-ul {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
}
.utrecht-link-list--html-ul > li {
  list-style: none;
}
.utrecht-link-list {
  --utrecht-icon-inset-block-start: var(
    --utrecht-link-list-icon-inset-block-start
  );
  --utrecht-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-link-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-link-text-decoration: var(
    --utrecht-link-list-link-text-decoration,
    none
  );
  display: flex;
  flex-direction: column;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-start, 0)
  );
  row-gap: var(--utrecht-link-list-row-gap);
}
.utrecht-link-list__item {
  display: block;
}
.utrecht-link-list__link {
  align-items: baseline;
  column-gap: var(--utrecht-link-list-link-column-gap);
  display: inline-flex;
  font-weight: var(--utrecht-link-list-link-font-weight);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2024-2025 Gemeente Utrecht
 * Copyright (c) 2024-2025 Frameless B.V.
 */
.utrecht-rich-text {
  --utrecht-space-around: 1;
}
.utrecht-rich-text .utrecht-heading-1:first-child {
  --utrecht-heading-1-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-heading-2) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-accordion) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-alert) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-badge-list) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-blockquote) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-button) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-button-group) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-data-list) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-form-field) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-img) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-link) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-ordered-list) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-pagination) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-paragraph) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-separator) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-badge-status) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-table) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-unordered-list) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:first-child {
  --utrecht-heading-2-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-heading-3) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-accordion) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-alert) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-badge-list) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-blockquote) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-button) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-button-group) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-data-list) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-figure) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-form-field) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-img) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-link) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-ordered-list) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-pagination) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-paragraph) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-separator) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-sidenav) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-badge-status) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-table) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-unordered-list) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:first-child {
  --utrecht-heading-3-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-heading-4) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-accordion) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-alert) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-badge-list) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-blockquote) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-button) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-button-group) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-data-list) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-figure) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-form-field) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-img) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-link) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-ordered-list) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-pagination) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-paragraph) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-separator) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-sidenav) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-badge-status) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-table) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-unordered-list) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:first-child {
  --utrecht-heading-4-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-heading-5) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-accordion) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-alert) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-badge-list) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-blockquote) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-button) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-button-group) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-data-list) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-figure) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-form-field) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-img) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-link) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-ordered-list) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-pagination) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-paragraph) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-separator) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-sidenav) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-badge-status) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-table) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-unordered-list) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:first-child {
  --utrecht-heading-5-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-heading-6) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-accordion) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-alert) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-badge-list) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-blockquote) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-button) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-button-group) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-data-list) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-figure) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-form-field) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-img) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-link) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-ordered-list) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-pagination) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-paragraph) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-separator) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-sidenav) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-badge-status) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-table) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-unordered-list) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:first-child {
  --utrecht-heading-6-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-accordion) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-alert) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-badge-list) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-blockquote) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-button) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-button-group) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-data-list) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-figure) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-form-field) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-img) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-link) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-ordered-list) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-pagination) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-paragraph) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-separator) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-sidenav) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-badge-status) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-table) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-unordered-list) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:first-child {
  --utrecht-accordion-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-heading-2) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-heading-3) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-heading-4) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-heading-5) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-heading-6) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-accordion) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-alert) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-badge-list) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-blockquote) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-button) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-button-group) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-data-list) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-figure) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-form-field) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-img) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-link) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-ordered-list) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-paragraph) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-separator) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-sidenav) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-table) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-unordered-list) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:first-child {
  --utrecht-alert-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-1) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-2) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-3) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-4) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-5) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-6) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-accordion) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-alert) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-badge-list) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-blockquote) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-button) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-button-group) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-data-list) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-figure) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-form-field) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-img) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-link) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-ordered-list) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-pagination) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-paragraph) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-separator) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-badge-status) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-table) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-unordered-list) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:first-child {
  --utrecht-badge-list-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-1) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-2) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-3) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-4) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-5) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-6) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-accordion) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-alert) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-blockquote) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-button) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-button-group) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-data-list) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-figure) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-form-field) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-img) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-link) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-ordered-list) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-paragraph) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-separator) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-table) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-unordered-list) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:first-child {
  --utrecht-blockquote-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-heading-2) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-heading-3) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-heading-4) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-heading-5) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-heading-6) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-accordion) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-alert) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-badge-list) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-blockquote) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-button) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-button-group) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-data-list) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-figure) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-form-field) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-img) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-link) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-ordered-list) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-pagination) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-paragraph) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-separator) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-table) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-unordered-list) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:first-child {
  --utrecht-breadcrumb-nav-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-1) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-2) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-3) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-4) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-5) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-6) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-accordion) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-alert) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-badge-list) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-blockquote) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-button) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-button-group) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-data-list) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-figure) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-form-field) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-img) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-link) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-ordered-list) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-pagination) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-paragraph) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-separator) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-sidenav) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-badge-status) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-table) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-unordered-list) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:first-child {
  --utrecht-button-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-heading-2) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-heading-3) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-heading-4) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-heading-5) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-heading-6) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-accordion) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-alert) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-badge-list) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-blockquote) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-button) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-button-group) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-data-list) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-figure) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-img) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-link) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-ordered-list) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-paragraph) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-separator) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-sidenav) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-table) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-unordered-list) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:first-child {
  --utrecht-button-group-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-heading-2) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-heading-3) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-heading-4) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-heading-5) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-heading-6) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-accordion) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-alert) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-badge-list) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-blockquote) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-button) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-button-group) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-data-list) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-figure) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-img) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-link) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-ordered-list) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-paragraph) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-separator) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-sidenav) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-table) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-unordered-list) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:first-child {
  --utrecht-data-list-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-heading-2) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-heading-3) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-heading-4) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-heading-5) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-heading-6) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-accordion) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-alert) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-badge-list) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-blockquote) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-button) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-button-group) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-data-list) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-figure) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-form-field) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-img) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-link) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-ordered-list) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-pagination) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-paragraph) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-separator) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-table) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-unordered-list) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:first-child {
  --utrecht-figure-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-heading-2) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-heading-3) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-heading-4) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-heading-5) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-heading-6) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-accordion) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-alert) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-badge-list) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-blockquote) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-button) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-button-group) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-data-list) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-form-field) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-img) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-link) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-ordered-list) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-pagination) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-paragraph) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-separator) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-table) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-unordered-list) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:first-child {
  --utrecht-form-field-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-heading-2) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-heading-3) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-heading-4) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-heading-5) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-heading-6) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-accordion) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-alert) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-badge-list) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-blockquote) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-button) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-button-group) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-data-list) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-figure) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-form-field) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-img) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-link) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-ordered-list) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-paragraph) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-separator) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-table) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-unordered-list) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-description:first-child {
  --utrecht-form-field-description-margin-block-start: 0;
}
.utrecht-rich-text
  .utrecht-form-field-description:has(+ .utrecht-form-field-error-message) {
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-description:has(+ .utrecht-select) {
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-description:has(+ .utrecht-textarea) {
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-description:has(+ .utrecht-textbox) {
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-error-message:first-child {
  --utrecht-form-field-error-message-margin-block-start: 0;
}
.utrecht-rich-text
  .utrecht-form-field-error-message:has(+ .utrecht-form-field-description) {
  --utrecht-form-field-error-message-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text
  .utrecht-form-field-error-message:has(+ .utrecht-form-field-error-message) {
  --utrecht-form-field-error-message-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-error-message:has(+ .utrecht-select) {
  --utrecht-form-field-error-message-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-error-message:has(+ .utrecht-textarea) {
  --utrecht-form-field-error-message-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-error-message:has(+ .utrecht-textbox) {
  --utrecht-form-field-error-message-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-label:first-child {
  --utrecht-form-label-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-form-label:has(+ .utrecht-form-field-description) {
  --utrecht-form-label-margin-block-end: var(
    --utrecht-rich-text-confidant-margin-block-end
  );
}
.utrecht-rich-text
  .utrecht-form-label:has(+ .utrecht-form-field-error-message) {
  --utrecht-form-label-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-label:has(+ .utrecht-select) {
  --utrecht-form-label-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-label:has(+ .utrecht-textarea) {
  --utrecht-form-label-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-label:has(+ .utrecht-textbox) {
  --utrecht-form-label-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:first-child {
  --utrecht-img-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-heading-2) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-heading-3) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-heading-4) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-heading-5) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-heading-6) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-accordion) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-alert) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-badge-list) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-blockquote) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-button) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-button-group) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-data-list) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-form-field) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-img) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-link) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-ordered-list) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-pagination) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-paragraph) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-separator) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-table) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-unordered-list) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:first-child {
  --utrecht-link-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-heading-2) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-heading-3) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-heading-4) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-heading-5) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-heading-6) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-accordion) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-alert) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-badge-list) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-blockquote) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-button) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-button-group) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-data-list) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-form-field) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-img) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-link) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-ordered-list) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-paragraph) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-separator) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-sidenav) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-table) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-unordered-list) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:first-child {
  --utrecht-ordered-list-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-heading-2) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-heading-3) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-heading-4) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-heading-5) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-heading-6) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-accordion) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-alert) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-badge-list) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-blockquote) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-button) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-button-group) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-data-list) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-form-field) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-img) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-link) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-ordered-list) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-pagination) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-paragraph) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-separator) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-table) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-unordered-list) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:first-child {
  --utrecht-pagination-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-heading-2) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-heading-3) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-heading-4) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-heading-5) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-heading-6) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-accordion) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-alert) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-badge-list) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-blockquote) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-button) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-button-group) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-data-list) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-form-field) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-img) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-link) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-ordered-list) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-paragraph) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-separator) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-table) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-unordered-list) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:first-child {
  --utrecht-paragraph-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-heading-2) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-heading-3) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-heading-4) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-heading-5) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-heading-6) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-accordion) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-alert) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-badge-list) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-blockquote) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-button) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-button-group) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-data-list) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-form-field) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-img) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-link) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-ordered-list) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-pagination) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-paragraph) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-separator) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-table) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-unordered-list) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-select:first-child {
  --utrecht-select-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-select:has(+ .utrecht-form-field-description) {
  --utrecht-select-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-select:has(+ .utrecht-form-field-error-message) {
  --utrecht-select-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:first-child {
  --utrecht-separator-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-1) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-2) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-3) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-4) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-5) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-6) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-accordion) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-alert) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-badge-list) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-blockquote) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-button) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-button-group) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-data-list) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-form-field) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-img) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-link) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-ordered-list) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-pagination) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-paragraph) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-separator) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-sidenav) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-table) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-unordered-list) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:first-child {
  --utrecht-sidenav-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-1) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-2) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-3) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-4) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-5) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-6) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-accordion) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-alert) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-badge-list) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-blockquote) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-button) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-button-group) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-data-list) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-form-field) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-img) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-link) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-ordered-list) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-pagination) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-separator) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-table) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-unordered-list) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:first-child {
  --utrecht-badge-status-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-heading-2) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-heading-3) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-heading-4) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-heading-5) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-heading-6) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-badge-status) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:first-child {
  --utrecht-table-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-heading-2) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-heading-3) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-heading-4) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-heading-5) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-heading-6) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-accordion) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-alert) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-badge-list) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-blockquote) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-button) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-button-group) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-data-list) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-form-field) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-img) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-link) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-ordered-list) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-pagination) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-paragraph) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-separator) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-table) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-unordered-list) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-textarea:first-child {
  --utrecht-textarea-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-textarea:has(+ .utrecht-form-field-description) {
  --utrecht-textarea-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-textarea:has(+ .utrecht-form-field-error-message) {
  --utrecht-textarea-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-textbox:first-child {
  --utrecht-textbox-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-textbox:has(+ .utrecht-form-field-description) {
  --utrecht-textbox-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-textbox:has(+ .utrecht-form-field-error-message) {
  --utrecht-textbox-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:first-child {
  --utrecht-unordered-list-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-heading-2) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-heading-3) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-heading-4) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-heading-5) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-heading-6) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-accordion) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-alert) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-badge-list) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-blockquote) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-button) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-button-group) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-data-list) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-form-field) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-img) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-link) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-ordered-list) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-pagination) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-paragraph) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-separator) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-table) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-unordered-list) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
:root,
::backdrop {
  --denhaag-process-steps-sub-step-marker-size: 12px;
  --denhaag-process-steps-step-marker-size: 28px;
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
  --utrecht-stack-focus-z-index: 1;
  --utrecht-border-style-dotted: dotted;
  --utrecht-border-style-solid: solid;
  --utrecht-border-radius-none: 0;
  --utrecht-border-radius-round: 999px;
  --utrecht-border-radius-lg: 8px;
  --utrecht-border-radius-md: 4px;
  --utrecht-border-radius-sm: 2px;
  --utrecht-border-width-md: 2px;
  --utrecht-border-width-sm: 1px;
  --utrecht-typography-line-height-lg: 2;
  --utrecht-typography-line-height-md: 1.5;
  --utrecht-typography-line-height-sm: 1.25;
  --utrecht-typography-line-height-xs: 1;
  --utrecht-typography-font-style-inherit: inherit;
  --utrecht-typography-font-style-normal: normal;
  --utrecht-typography-weight-scale-normal-font-weight: 400;
  --utrecht-typography-weight-scale-bold-font-weight: 700;
  --utrecht-typography-scale-4xl-font-size: 2rem;
  --utrecht-typography-scale-3xl-font-size: 1.5rem;
  --utrecht-typography-scale-2xl-font-size: 1.375rem;
  --utrecht-typography-scale-xl-font-size: 1.25rem;
  --utrecht-typography-scale-lg-font-size: 1.125rem;
  --utrecht-typography-scale-md-font-size: 1rem;
  --utrecht-typography-scale-sm-font-size: 0.875rem;
  --utrecht-typography-scale-xs-font-size: 0.75rem;
  --utrecht-typography-scale-2xs-font-size: 0.5rem;
  --utrecht-typography-sans-serif-font-family:
    'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Arial', sans-serif;
  --utrecht-icon-scale-4xl: 48px;
  --utrecht-icon-scale-3xl: 36px;
  --utrecht-icon-scale-2xl: 30px;
  --utrecht-icon-scale-xl: 26px;
  --utrecht-icon-scale-lg: 24px;
  --utrecht-icon-scale-md: 16px;
  --utrecht-icon-scale-sm: 12px;
  --utrecht-icon-scale-xs: 8px;
  --utrecht-icon-scale-2xs: 4px;
  --utrecht-icon-scale-3xs: 1px;
  --utrecht-color-black: hsl(0 0% 0%);
  --utrecht-color-white: hsl(0 0% 100%);
  --utrecht-color-invalid: #990000;
  --utrecht-color-secondary-grey: #757575;
  --utrecht-color-secondary-brown: #ad643b;
  --utrecht-color-secondary-navy: #1c4181;
  --utrecht-color-secondary-blue: #006dff;
  --utrecht-color-secondary-cyan: #009ed4;
  --utrecht-color-secondary-green: #32ab27;
  --utrecht-color-secondary-lime: #99d000;
  --utrecht-color-secondary-yellow: #ffcc00;
  --utrecht-color-secondary-orange: #ff6e00;
  --utrecht-color-secondary-red: #cc0000;
  --utrecht-color-secondary-magenta: #f02198;
  --utrecht-color-secondary-purple: #762cd1;
  --utrecht-color-green-90: hsl(90 30% 90%);
  --utrecht-color-green-80: hsl(90 30% 80%);
  --utrecht-color-green-50: hsl(90 30% 50%);
  --utrecht-color-green-40: hsl(90 30% 38%);
  --utrecht-color-green-30: hsl(90 30% 30%);
  --utrecht-color-yellow-80: hsl(48 100% 80%);
  --utrecht-color-yellow-60: hsl(48 100% 60%);
  --utrecht-color-yellow-50: hsl(48 100% 50%);
  --utrecht-color-yellow-40: hsl(48 100% 40%);
  --utrecht-color-yellow-20: hsl(48 100% 20%);
  --utrecht-color-grey-95: hsl(0 0% 95%);
  --utrecht-color-grey-90: hsl(0 0% 90%);
  --utrecht-color-grey-80: hsl(0 0% 80%);
  --utrecht-color-grey-40: hsl(0 0% 40%);
  --utrecht-color-grey-30: hsl(0 0% 30%);
  --utrecht-color-grey-20: hsl(0 0% 20%);
  --utrecht-color-grey-15: hsl(0 0% 15%);
  --utrecht-color-grey-10: hsl(0 0% 10%);
  --utrecht-color-blue-90: hsl(211 60% 90%);
  --utrecht-color-blue-80: hsl(211 60% 80%);
  --utrecht-color-blue-60: hsl(211 60% 60%);
  --utrecht-color-blue-50: hsl(211 60% 50%);
  --utrecht-color-blue-40: hsl(211 60% 40%);
  --utrecht-color-blue-35: hsl(211 60% 35%);
  --utrecht-color-blue-30: hsl(211 60% 30%);
  --utrecht-color-blue-20: hsl(211 60% 20%);
  --utrecht-color-red-95: hsl(0 100% 95%);
  --utrecht-color-red-40: hsl(0 100% 40%);
  --utrecht-color-red-30: hsl(0 100% 30%);
  --utrecht-color-red-20: hsl(0 100% 20%);
  --utrecht-unordered-list-item-margin-block-end: 0.5rem;
  --utrecht-unordered-list-item-margin-block-start: 0.5rem;
  --utrecht-unordered-list-margin-block-end: 0;
  --utrecht-toptask-link-icon-size: 2.25rem;
  --utrecht-toptask-link-hover-transform-scale: 1.02;
  --utrecht-toptask-link-min-inline-size: 15rem;
  --utrecht-toptask-link-min-block-size: 8.25rem;
  --utrecht-toptask-link-line-height: 1.2;
  --utrecht-toptask-link-font-size: 1rem;
  --utrecht-textbox-border-bottom-width: 3px;
  --utrecht-textarea-border-bottom-width: 3px;
  --utrecht-table-footer-sticky-border-block-start-width: 2px;
  --utrecht-table-cell-icon-size: 1em;
  --utrecht-table-cell-padding-inline-start: 0.4em;
  --utrecht-table-cell-padding-inline-end: 0.4em;
  --utrecht-table-cell-padding-block-start: 0.5em;
  --utrecht-table-cell-padding-block-end: 0.5em;
  --utrecht-table-cell-line-height: 24px;
  --utrecht-table-header-sticky-border-block-end-width: 2px;
  --utrecht-table-caption-margin-block-end: 1em;
  --utrecht-table-caption-text-align: start;
  --utrecht-table-caption-font-size: 1.125em;
  --utrecht-table-margin-block-end: 0;
  --utrecht-separator-block-size: 8px;
  --utrecht-select-border-block-end-width: 3px;
  --utrecht-search-bar-dropdown-max-block-size: 300px;
  --utrecht-search-bar-dropdown-border-width: 1px;
  --utrecht-search-bar-input-background-size: 1em;
  --utrecht-search-bar-input-background-position-y: 50%;
  --utrecht-search-bar-input-background-position-x: 0.5em;
  --utrecht-search-bar-button-hover-scale: 1;
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
  --utrecht-radio-button-margin-inline-end: 12px;
  --utrecht-radio-button-border-radius: 0;
  --utrecht-radio-button-invalid-border-width: 2px;
  --utrecht-radio-button-icon-size: 42%;
  --utrecht-radio-button-size: 24px;
  --utrecht-radio-button-border-width: 2px;
  --utrecht-paragraph-margin-block-end: 0;
  --utrecht-pagination-relative-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-relative-link-distanced-margin-inline-end: 0.5em;
  --utrecht-pagination-relative-link-text-transform: uppercase;
  --utrecht-pagination-relative-link-text-decoration: none;
  --utrecht-pagination-relative-link-padding-block-start: 0.5em;
  --utrecht-pagination-relative-link-padding-block-end: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-start: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-end: 0.5em;
  --utrecht-pagination-relative-link-border-width: 2px;
  --utrecht-pagination-page-link-border-color: transparent;
  --utrecht-pagination-page-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-page-link-text-decoration: none;
  --utrecht-pagination-page-link-padding-block-start: 0.5em;
  --utrecht-pagination-page-link-padding-block-end: 0.5em;
  --utrecht-pagination-page-link-padding-inline-start: 0.5em;
  --utrecht-pagination-page-link-padding-inline-end: 0.5em;
  --utrecht-pagination-page-link-border-width: 2px;
  --utrecht-pagination-page-link-background-color: transparent;
  --utrecht-pagination-margin-block-end: 1em;
  --utrecht-pagination-margin-block-start: 0;
  --utrecht-pagination-font-size: 14px;
  --utrecht-page-padding-inline-start: 2em;
  --utrecht-page-padding-block-end: 1em;
  --utrecht-page-padding-inline-end: 2em;
  --utrecht-page-padding-block-start: 1.8em;
  --utrecht-page-max-inline-size: 1184px;
  --utrecht-page-margin-inline-end: 2em;
  --utrecht-page-margin-inline-start: 2em;
  --utrecht-page-header-padding-block-start: 1.8em;
  --utrecht-page-header-padding-inline-start: 2em;
  --utrecht-page-header-padding-inline-end: 2.4em;
  --utrecht-page-header-padding-block-end: 1em;
  --utrecht-page-content-padding-block-end: 2em;
  --utrecht-page-content-padding-block-start: 2em;
  --utrecht-ordered-list-item-padding-inline-start: 0;
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
  --utrecht-ordered-list-padding-inline-start: 28.8px;
  --utrecht-ordered-list-margin-block-end: 1em;
  --utrecht-ordered-list-margin-block-start: 0;
  --utrecht-number-data-negative-color: red;
  --utrecht-number-data-positive-color: green;
  --utrecht-topnav-link-focus-text-decoration: none;
  --utrecht-topnav-link-focus-border-type: dotted;
  --utrecht-mapcontrolbutton-focus-text-decoration: none;
  --utrecht-mapcontrolbutton-border-radius: 2px;
  --utrecht-mapcontrolbutton-margin-inline-end: 0;
  --utrecht-mapcontrolbutton-margin-inline-start: 0;
  --utrecht-map-marker-icon-size: 30px;
  --utrecht-map-marker-box-shadow-color: rgb(0 0 0 / 20%);
  --utrecht-map-marker-border-width: 3px;
  --utrecht-map-marker-size: 48px;
  --utrecht-logo-min-inline-size: 110.57px;
  --utrecht-logo-min-block-size: 58.97px;
  --utrecht-logo-max-inline-size: 192px;
  --utrecht-logo-max-block-size: 103px;
  --utrecht-list-social-item-margin-inline-end: 10px;
  --utrecht-link-icon-size: 1.2em;
  --utrecht-link-hover-text-decoration-thickness: 3px;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: none;
  --utrecht-link-text-underline-offset: 3px;
  --utrecht-link-text-decoration: underline;
  --utrecht-link-social-icon-size: 26px;
  --utrecht-link-social-hover-transform-scale: 1.1;
  --utrecht-link-social-size: 40px;
  --utrecht-link-social-border-width: 2px;
  --utrecht-link-list-icon-size: 14px;
  --utrecht-icon-baseline-inset-block-start: 0.125em;
  --utrecht-icon-size: 48px;
  --utrecht-heading-5-margin-block-start: 1rem;
  --utrecht-heading-5-margin-block-end: 0.2rem;
  --utrecht-heading-4-margin-block-start: 1.2rem;
  --utrecht-heading-4-margin-block-end: 0.3rem;
  --utrecht-heading-3-margin-block-start: 1rem;
  --utrecht-heading-3-margin-block-end: 0.2rem;
  --utrecht-heading-2-margin-block-start: 1.5rem;
  --utrecht-heading-2-margin-block-end: 0.3rem;
  --utrecht-heading-1-margin-block-start: 0.67rem;
  --utrecht-heading-1-margin-block-end: 0.67rem;
  --utrecht-form-toggle-width: 48px;
  --utrecht-form-toggle-padding-inline-start: 0;
  --utrecht-form-toggle-padding-inline-end: 0;
  --utrecht-form-toggle-padding-block-start: 0;
  --utrecht-form-toggle-padding-block-end: 0;
  --utrecht-form-toggle-height: 24px;
  --utrecht-form-toggle-border-style: solid;
  --utrecht-form-toggle-focus-border-width: 2px;
  --utrecht-form-toggle-focus-border-style: dotted;
  --utrecht-form-toggle-thumb-disabled-box-shadow: 0;
  --utrecht-form-toggle-thumb-min-inline-size: 18px;
  --utrecht-form-toggle-thumb-margin-inline-end: 0.25em;
  --utrecht-form-toggle-thumb-margin-inline-start: 0.25em;
  --utrecht-form-toggle-border-width: 2px;
  --utrecht-form-toggle-border-radius: 10em;
  --utrecht-form-toggle-border-color: transparent;
  --utrecht-form-toggle-accent-color: hsla(0, 0%, 48%, 1);
  --utrecht-form-label-font-size: 1em;
  --utrecht-form-fieldset-legend-line-height: 1.4;
  --utrecht-form-fieldset-legend-font-size: 1rem;
  --utrecht-form-field-invalid-border-inline-start-width: 3px;
  --utrecht-form-control-read-only-border-color: transparent;
  --utrecht-form-control-block-size: 42px;
  --utrecht-form-control-padding-inline-start: 12px;
  --utrecht-form-control-padding-inline-end: 12px;
  --utrecht-form-control-padding-block-start: 8px;
  --utrecht-form-control-padding-block-end: 8px;
  --utrecht-form-control-max-inline-size: 28em;
  --utrecht-form-control-border-radius: 0;
  --utrecht-figure-caption-line-height: 20px;
  --utrecht-figure-caption-font-size: 14px;
  --utrecht-figure-caption-color: #727272;
  --utrecht-drawer-max-inline-size: 320px;
  --utrecht-drawer-max-block-size: 240px;
  --utrecht-drawer-border-width: 1px;
  --utrecht-document-line-height: 1.4;
  --utrecht-data-list-rows-column-min-inline-size: 25ch;
  --utrecht-data-list-rows-column-inline-size: 80%;
  --utrecht-space-column-5xl: 64px;
  --utrecht-space-column-4xl: 48px;
  --utrecht-space-column-3xl: 32px;
  --utrecht-space-column-2xl: 28px;
  --utrecht-space-column-xl: 24px;
  --utrecht-space-column-lg: 20px;
  --utrecht-space-column-md: 16px;
  --utrecht-space-column-sm: 12px;
  --utrecht-space-column-xs: 8px;
  --utrecht-space-column-2xs: 4px;
  --utrecht-space-column-3xs: 2px;
  --utrecht-space-column-4xs: 1px;
  --utrecht-space-row-5xl: 64px;
  --utrecht-space-row-4xl: 48px;
  --utrecht-space-row-3xl: 32px;
  --utrecht-space-row-2xl: 28px;
  --utrecht-space-row-xl: 24px;
  --utrecht-space-row-lg: 20px;
  --utrecht-space-row-md: 16px;
  --utrecht-space-row-sm: 12px;
  --utrecht-space-row-xs: 8px;
  --utrecht-space-row-2xs: 4px;
  --utrecht-space-row-3xs: 2px;
  --utrecht-space-row-4xs: 1px;
  --utrecht-space-text-3xl: 3ch;
  --utrecht-space-text-2xl: 2ch;
  --utrecht-space-text-xl: 1.75ch;
  --utrecht-space-text-lg: 1.5ch;
  --utrecht-space-text-md: 1ch;
  --utrecht-space-text-sm: 0.75ch;
  --utrecht-space-text-xs: 0.5ch;
  --utrecht-space-text-2xs: 0.25ch;
  --utrecht-space-text-3xs: 0.125ch;
  --utrecht-space-inline-4xl: 48px;
  --utrecht-space-inline-3xl: 32px;
  --utrecht-space-inline-2xl: 28px;
  --utrecht-space-inline-xl: 24px;
  --utrecht-space-inline-lg: 20px;
  --utrecht-space-inline-md: 16px;
  --utrecht-space-inline-sm: 12px;
  --utrecht-space-inline-xs: 8px;
  --utrecht-space-inline-2xs: 4px;
  --utrecht-space-inline-3xs: 2px;
  --utrecht-space-block-4xs: 1px;
  --utrecht-space-block-4xl: 64px;
  --utrecht-space-block-3xl: 48px;
  --utrecht-space-block-2xl: 32px;
  --utrecht-space-block-xl: 24px;
  --utrecht-space-block-lg: 20px;
  --utrecht-space-block-md: 16px;
  --utrecht-space-block-sm: 12px;
  --utrecht-space-block-xs: 8px;
  --utrecht-space-block-2xs: 4px;
  --utrecht-space-block-3xs: 2px;
  --utrecht-pointer-target-min-size: 44px;
  --utrecht-focus-outline-style: dotted;
  --utrecht-action-inert-cursor: default;
  --utrecht-action-activate-cursor: pointer;
  --utrecht-action-submit-cursor: pointer;
  --utrecht-action-navigate-cursor: pointer;
  --utrecht-action-disabled-cursor: not-allowed;
  --utrecht-action-busy-cursor: wait;
  --utrecht-column-layout-column-width: 350px;
  --utrecht-column-layout-column-rule-width: 2px;
  --utrecht-code-block-padding-inline-end: 20px;
  --utrecht-code-block-padding-inline-start: 20px;
  --utrecht-code-block-padding-block-end: 20px;
  --utrecht-code-block-padding-block-start: 20px;
  --utrecht-code-block-line-height: 24px;
  --utrecht-code-block-font-size: 16px;
  --utrecht-checkbox-margin-block-start: 0;
  --utrecht-checkbox-focus-border-width: 2px;
  --utrecht-checkbox-size: 24px;
  --utrecht-checkbox-border-width: 2px;
  --utrecht-checkbox-border-radius: 0;
  --utrecht-calendar-icon-size: 24px;
  --utrecht-calendar-navigation-label-min-inline-size: 200px;
  --utrecht-calendar-navigation-padding-block-end: 2px;
  --utrecht-calendar-navigation-padding-block-start: 2px;
  --utrecht-calendar-table-days-item-day-disabled-border-color: transparent;
  --utrecht-calendar-table-days-item-day-selected-border-color: transparent;
  --utrecht-calendar-table-days-item-day-emphasis-border-color: transparent;
  --utrecht-calendar-table-days-item-day-is-today-font-weight: 700;
  --utrecht-calendar-table-days-item-day-out-of-the-month-border-color: transparent;
  --utrecht-calendar-table-days-item-day-active-border-color: transparent;
  --utrecht-calendar-table-days-item-day-focus-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-width: 2px;
  --utrecht-calendar-table-days-item-day-size: 44px;
  --utrecht-calendar-table-weeks-item-line-height: 24px;
  --utrecht-calendar-table-weeks-item-padding-block-end: 10px;
  --utrecht-calendar-table-weeks-item-padding-block-start: 4px;
  --utrecht-calendar-table-weeks-item-width: 44px;
  --utrecht-button-subtle-disabled-background-color: transparent;
  --utrecht-button-subtle-font-weight: 700;
  --utrecht-button-subtle-border-color: transparent;
  --utrecht-button-subtle-background-color: transparent;
  --utrecht-button-primary-action-danger-hover-border-color: transparent;
  --utrecht-button-primary-action-danger-border-color: transparent;
  --utrecht-button-primary-action-warning-hover-border-color: transparent;
  --utrecht-button-primary-action-warning-border-color: transparent;
  --utrecht-button-primary-action-ready-hover-border-color: transparent;
  --utrecht-button-primary-action-ready-border-color: transparent;
  --utrecht-button-primary-action-hover-border-color: transparent;
  --utrecht-button-primary-action-border-color: transparent;
  --utrecht-button-hover-scale: 1.02;
  --utrecht-button-focus-scale: 1.02;
  --utrecht-button-margin-inline-end: 0;
  --utrecht-button-margin-inline-start: 0;
  --utrecht-button-border-width: 1px;
  --utrecht-button-border-radius: 0;
  --utrecht-breadcrumb-nav-divider-inline-size: 1px;
  --utrecht-breadcrumb-nav-link-text-decoration: none;
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
  --utrecht-breadcrumb-nav-min-block-size: 34px;
  --utrecht-blockquote-margin-block-end: 1.6em;
  --utrecht-blockquote-margin-block-start: 1.6em;
  --utrecht-blockquote-content-font-size: 1.125rem;
  --utrecht-blockquote-attribution-font-size: 0.75rem;
  --utrecht-blockquote-margin-inline-end: 1.6em;
  --utrecht-blockquote-margin-inline-start: 1.6em;
  --utrecht-badge-border-radius: 0;
  --utrecht-badge-counter-padding-inline: 1ex;
  --utrecht-badge-counter-padding-block: 1ex;
  --utrecht-badge-counter-font-size: 16px;
  --utrecht-backdrop-reduced-transparency-opacity: 0.98;
  --utrecht-backdrop-fade-in-animation-duration: 0.4s;
  --utrecht-backdrop-opacity: 0.8;
  --utrecht-article-max-inline-size: 780px;
  --utrecht-alert-dialog-min-inline-size: 320px;
  --utrecht-alert-dialog-min-block-size: 100px;
  --utrecht-alert-dialog-max-block-size: 80vh;
  --utrecht-accordion-panel-border-width: 2px;
  --utrecht-accordion-button-icon-size: 24px;
  --utrecht-accordion-button-hover-background-color: inherit;
  --utrecht-accordion-button-border-width: 0;
  --denhaag-process-steps-sub-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --denhaag-process-steps-sub-step-heading-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-sub-step-heading-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-description-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --denhaag-process-steps-step-description-color: var(--utrecht-color-black);
  --denhaag-process-steps-step-metadata-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-metadata-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-line-warning-color: var(--utrecht-color-invalid);
  --denhaag-process-steps-step-line-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-line-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-line-stroke-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-sub-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-sub-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-warning-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-warning-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-warning-border-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-checked-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-checked-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-color: var(--utrecht-color-white);
  --denhaag-process-steps-step-marker-current-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-current-background-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-marker-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-marker-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-marker-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-heading-warning-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-not-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-heading-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-current-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-heading-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --denhaag-process-steps-step-heading-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --denhaag-process-steps-step-heading-color: var(--utrecht-color-black);
  --denhaag-process-steps-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
  --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
  --utrecht-unordered-list-marker-color: var(--utrecht-color-red-40);
  --utrecht-unordered-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-toptask-link-padding-inline-start: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-inline-end: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-block-start: var(--utrecht-space-block-xl);
  --utrecht-toptask-link-padding-block-end: var(--utrecht-space-block-xl);
  --utrecht-textarea-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-table-footer-sticky-border-block-start-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-footer-sticky-color: var(--utrecht-color-black);
  --utrecht-table-footer-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-row-alternate-even-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-even-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-table-row-alternate-odd-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-odd-background-color: var(
    --utrecht-color-white
  );
  --utrecht-table-row-border-block-end-width: var(--utrecht-border-width-sm);
  --utrecht-table-row-border-block-end-color: var(--utrecht-color-grey-90);
  --utrecht-table-cell-selected-color: var(--utrecht-color-black);
  --utrecht-table-cell-selected-background-color: var(--utrecht-color-blue-90);
  --utrecht-table-header-sticky-border-block-end-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-header-sticky-color: var(--utrecht-color-black);
  --utrecht-table-header-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-header-border-block-end-width: var(--utrecht-border-width-md);
  --utrecht-table-header-border-block-end-color: var(--utrecht-color-red-40);
  --utrecht-table-header-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-caption-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-surface-color: var(--utrecht-color-grey-10);
  --utrecht-surface-background-color: var(--utrecht-color-grey-95);
  --utrecht-spotlight-section-warning-background-color: var(
    --utrecht-color-yellow-80
  );
  --utrecht-spotlight-section-info-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-spotlight-section-padding-inline-end: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-inline-start: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-block-end: var(--utrecht-space-block-sm);
  --utrecht-spotlight-section-padding-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-spotlight-section-color: var(--utrecht-color-black);
  --utrecht-spotlight-section-background-color: var(--utrecht-color-grey-80);
  --utrecht-skip-link-focus-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --utrecht-skip-link-text-decoration: var(--utrecht-link-text-decoration);
  --utrecht-separator-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-separator-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-separator-color: var(--utrecht-color-grey-90);
  --utrecht-search-bar-list-item-is-selected-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-selected-color: var(--utrecht-color-black);
  --utrecht-search-bar-list-item-is-active-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-list-item-is-active-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-active-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-search-bar-section-title-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-section-title-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-search-bar-section-margin-block-end: var(--utrecht-space-inline-xs);
  --utrecht-search-bar-dropdown-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-input-padding-inline-start: var(
    --utrecht-space-inline-3xl
  );
  --utrecht-search-bar-input-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-search-bar-button-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-button-color: var(--utrecht-color-white);
  --utrecht-search-bar-button-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-background-color: var(--utrecht-color-red-40);
  --utrecht-radio-button-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-radio-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-radio-button-focus-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-hover-background-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-focus-border-color: var(
    --utrecht-color-blue-20
  );
  --utrecht-radio-button-checked-hover-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-active-color: var(--utrecht-color-blue-80);
  --utrecht-radio-button-checked-active-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-active-background-color: var(--utrecht-color-blue-80);
  --utrecht-pre-heading-margin-block-start: var(--utrecht-space-row-2xl);
  --utrecht-pre-heading-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-small-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-paragraph-lead-line-height: var(
    --utrecht-typography-line-height-md
  );
  --utrecht-paragraph-lead-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-lead-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-paragraph-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-paragraph-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-pagination-relative-link-border-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-relative-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-relative-link-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-background-color: var(
    --utrecht-color-white
  );
  --utrecht-pagination-page-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-current-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-page-link-color: var(--utrecht-color-blue-35);
  --utrecht-page-color: var(--utrecht-color-black);
  --utrecht-page-background-color: var(--utrecht-color-white);
  --utrecht-page-footer-padding-block-start: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-block-end: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-inline-start: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-padding-inline-end: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-background-image: linear-gradient(
    45deg,
    var(--utrecht-color-red-40),
    var(--utrecht-color-red-40) 50%,
    #d63433 50%
  );
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
  --utrecht-page-footer-color: var(--utrecht-color-white);
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-box-shadow-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-color: var(--utrecht-color-black);
  --utrecht-topnav-link-background-color: var(--utrecht-color-blue-40);
  --utrecht-topnav-link-color: var(--utrecht-color-white);
  --utrecht-topnav-list-border-color: var(--utrecht-color-grey-40);
  --utrecht-topnav-list-background-color: var(--utrecht-color-grey-15);
  --utrecht-sidenav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-link-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-marker-hover-color: var(--utrecht-color-blue-50);
  --utrecht-sidenav-item-marker-color: var(--utrecht-color-grey-80);
  --utrecht-sidenav-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-margin-inline-end: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-inline-start: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-block-end: var(--utrecht-space-block-xs);
  --utrecht-sidenav-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-content-max-inline-size: var(
    --utrecht-page-max-inline-size
  );
  --utrecht-nav-bar-color: var(--utrecht-color-black);
  --utrecht-nav-bar-background-color: var(--utrecht-color-white);
  --utrecht-mark-color: var(--utrecht-color-black);
  --utrecht-mark-background-color: var(--utrecht-color-yellow-60);
  --utrecht-mapcontrolbutton-hover-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-hover-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-focus-color: var(--utrecht-color-black);
  --utrecht-mapcontrolbutton-label-margin-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-label-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-border-style: var(--utrecht-border-style-solid);
  --utrecht-mapcontrolbutton-border-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-background-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-mapcontrolbutton-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-mapcontrolbutton-padding-inline-end: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-inline-start: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-block-end: var(--utrecht-space-block-2xs);
  --utrecht-mapcontrolbutton-padding-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-mapcontrolbutton-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-min-inline-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-min-block-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-border-width: var(--utrecht-border-width-sm);
  --utrecht-map-marker-border-color: var(--utrecht-color-white);
  --utrecht-map-marker-color: var(--utrecht-color-white);
  --utrecht-map-marker-background-color: var(--utrecht-color-blue-30);
  --utrecht-link-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-link-color: var(--utrecht-color-blue-35);
  --utrecht-link-social-color: var(--utrecht-color-white);
  --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
  --utrecht-link-social-border-color: var(--utrecht-color-white);
  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
  --utrecht-link-list-item-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-link-list-item-column-gap: var(--utrecht-space-block-xs);
  --utrecht-link-list-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-index-char-nav-link-current-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-index-char-nav-gap: var(--utrecht-space-column-sm);
  --utrecht-index-char-nav-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-index-char-nav-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-6-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-6-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-6-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-6-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-5-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-5-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-5-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-5-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-4-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-4-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-4-font-size: var(--utrecht-typography-scale-lg-font-size);
  --utrecht-heading-4-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-3-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-3-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-3-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-3-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-2-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-2-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-2-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-2-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-1-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-1-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
  --utrecht-heading-1-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
  --utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
  --utrecht-form-toggle-thumb-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-form-toggle-thumb-background-color: var(--utrecht-color-white);
  --utrecht-form-toggle-track-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-toggle-track-border-radius: var(
    --utrecht-form-toggle-border-radius
  );
  --utrecht-form-toggle-color: var(--utrecht-color-black);
  --utrecht-form-toggle-background-color: var(--utrecht-color-white);
  --utrecht-form-label-radio-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-checkbox-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-legend-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-form-fieldset-legend-margin-block-start: var(
    --utrecht-space-block-xl
  );
  --utrecht-form-fieldset-legend-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-fieldset-legend-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-section-color: var(--utrecht-color-black);
  --utrecht-form-fieldset-section-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-form-fieldset-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-fieldset-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-description-margin-block-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-label-margin-block-end: var(--utrecht-space-block-sm);
  --utrecht-form-field-invalid-padding-inline-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-control-read-only-color: var(--utrecht-color-grey-20);
  --utrecht-form-control-read-only-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-control-focus-border-color: var(--utrecht-color-grey-80);
  --utrecht-form-control-placeholder-font-style: var(
    --utrecht-typography-font-style-normal
  );
  --utrecht-form-control-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-form-control-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-form-control-color: var(--utrecht-color-black);
  --utrecht-form-control-border-width: var(--utrecht-border-width-sm);
  --utrecht-form-control-border-color: var(--utrecht-color-grey-30);
  --utrecht-form-control-background-color: var(--utrecht-color-white);
  --utrecht-emphasis-strong-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-drawer-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-block-start: var(--utrecht-space-block-md);
  --utrecht-drawer-padding-block-end: var(--utrecht-space-block-md);
  --utrecht-drawer-border-color: var(--utrecht-color-grey-90);
  --utrecht-document-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-document-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-document-color: var(--utrecht-color-black);
  --utrecht-document-background-color: var(--utrecht-color-white);
  --utrecht-data-placeholder-background-color: var(--utrecht-color-grey-40);
  --utrecht-data-list-rows-item-value-margin-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-data-list-rows-item-margin-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-data-list-item-key-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-data-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-data-list-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-focus-inverse-outline-color: var(--utrecht-color-white);
  --utrecht-focus-outline-width: var(--utrecht-border-width-md);
  --utrecht-focus-outline-color: var(--utrecht-color-black);
  --utrecht-focus-background-color: var(--utrecht-color-yellow-60);
  --utrecht-feedback-active-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-inactive-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-success-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-error-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-valid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-border-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-background-color: var(--utrecht-color-invalid);
  --utrecht-feedback-safe-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-safe-color: var(--utrecht-color-green-50);
  --utrecht-feedback-warning-fill-color: var(--utrecht-color-black);
  --utrecht-feedback-warning-color: var(--utrecht-color-yellow-50);
  --utrecht-feedback-danger-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-danger-color: var(--utrecht-color-red-40);
  --utrecht-column-layout-gap: var(--utrecht-space-column-md);
  --utrecht-column-layout-column-rule-color: var(--utrecht-color-grey-80);
  --utrecht-code-block-margin-block-end: var(--utrecht-space-block-lg);
  --utrecht-code-block-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-code-block-color: var(--utrecht-color-black);
  --utrecht-code-block-background-color: var(--utrecht-color-grey-95);
  --utrecht-checkbox-indeterminate-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-checkbox-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
  --utrecht-checkbox-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-calendar-navigation-label-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-calendar-navigation-label-color: var(--utrecht-color-black);
  --utrecht-calendar-navigation-color: var(--utrecht-color-blue-30);
  --utrecht-calendar-table-days-item-day-disabled-color: var(
    --utrecht-color-grey-40
  );
  --utrecht-calendar-table-days-item-day-selected-color: var(
    --utrecht-color-white
  );
  --utrecht-calendar-table-days-item-day-selected-background-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-calendar-table-days-item-day-is-today-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-calendar-table-days-item-day-out-of-the-month-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-calendar-table-days-item-day-hover-border-color: var(
    --utrecht-color-black
  );
  --utrecht-calendar-table-days-item-day-hover-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-calendar-table-days-item-day-color: var(--utrecht-color-black);
  --utrecht-button-subtle-ready-focus-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-hover-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-color: var(--utrecht-color-green-50);
  --utrecht-button-subtle-danger-focus-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-hover-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-subtle-focus-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-hover-border-color: var(--utrecht-color-blue-40);
  --utrecht-button-subtle-hover-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-subtle-active-color: var(--utrecht-color-white);
  --utrecht-button-subtle-active-background-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-border-width: var(--utrecht-border-width-md);
  --utrecht-button-secondary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-ready-border-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-secondary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-warning-border-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-secondary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-secondary-action-danger-border-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-secondary-action-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-hover-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-secondary-action-hover-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-disabled-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-active-color: var(--utrecht-color-white);
  --utrecht-button-secondary-action-active-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-secondary-action-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-secondary-action-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-focus-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-hover-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-hover-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-danger-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-danger-background-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-primary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-focus-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-hover-color: var(
    --utrecht-color-black
  );
  --utrecht-button-primary-action-warning-hover-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-warning-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-warning-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-primary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-focus-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-ready-hover-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-ready-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-ready-background-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-primary-action-focus-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-primary-action-focus-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-focus-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-primary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-primary-action-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-active-color: var(--utrecht-color-blue-35);
  --utrecht-button-primary-action-active-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-primary-action-active-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-border-width: var(--utrecht-border-width-md);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-background-color: var(--utrecht-color-grey-90);
  --utrecht-button-icon-gap: var(--utrecht-space-text-xs);
  --utrecht-button-active-color: var(--utrecht-color-white);
  --utrecht-button-active-background-color: var(--utrecht-color-grey-40);
  --utrecht-button-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-button-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-button-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-button-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-button-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-button-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-button-color: var(--utrecht-color-grey-40);
  --utrecht-button-border-color: var(--utrecht-color-grey-40);
  --utrecht-button-background-color: var(--utrecht-color-white);
  --utrecht-breadcrumb-nav-arrows-link-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-focus-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-breadcrumb-nav-separator-icon-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-breadcrumb-nav-separator-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-link-icon-size: var(--utrecht-icon-scale-md);
  --utrecht-breadcrumb-nav-link-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-breadcrumb-nav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-item-padding-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-blockquote-content-color: var(--utrecht-color-red-40);
  --utrecht-badge-font-style: var(--utrecht-typography-font-style-normal);
  --utrecht-badge-padding-inline: var(--utrecht-space-inline-sm);
  --utrecht-badge-padding-block: var(--utrecht-space-block-xs);
  --utrecht-badge-color: var(--utrecht-color-white);
  --utrecht-badge-background-color: var(--utrecht-color-grey-30);
  --utrecht-badge-list-item-margin-inline: var(--utrecht-space-block-sm);
  --utrecht-badge-list-item-margin-block: var(--utrecht-space-block-xs);
  --utrecht-badge-counter-font-style: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-badge-counter-color: var(--utrecht-color-white);
  --utrecht-badge-counter-border-radius: var(--utrecht-badge-counter-font-size);
  --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
  --utrecht-backdrop-color: var(--utrecht-color-black);
  --utrecht-backdrop-background-color: var(--utrecht-color-white);
  --utrecht-alert-info-color: var(--utrecht-color-black);
  --utrecht-alert-info-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-icon-info-color: var(--utrecht-color-blue-35);
  --utrecht-alert-icon-ok-color: var(--utrecht-color-green-40);
  --utrecht-alert-icon-warning-color: var(--utrecht-color-yellow-40);
  --utrecht-alert-icon-error-color: var(--utrecht-color-red-40);
  --utrecht-alert-icon-gap: var(--utrecht-space-column-md);
  --utrecht-alert-icon-color: var(--utrecht-color-blue-35);
  --utrecht-alert-ok-color: var(--utrecht-color-black);
  --utrecht-alert-ok-background-color: var(--utrecht-color-green-90);
  --utrecht-alert-error-color: var(--utrecht-color-black);
  --utrecht-alert-error-background-color: var(--utrecht-color-red-95);
  --utrecht-alert-warning-color: var(--utrecht-color-black);
  --utrecht-alert-warning-background-color: var(--utrecht-color-yellow-80);
  --utrecht-alert-padding-inline-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-inline-start: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-start: var(--utrecht-space-block-lg);
  --utrecht-alert-color: var(--utrecht-color-black);
  --utrecht-alert-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-dialog-max-inline-size: var(
    --utrecht-article-max-inline-size
  );
  --utrecht-accordion-section-margin-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-accordion-panel-padding-inline-end: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-inline-start: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-icon-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-accordion-button-focus-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-focus-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-focus-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-active-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-active-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-active-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-hover-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-hover-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-background-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-inline-start: var(
    --utrecht-space-block-md
  );
  --utrecht-accordion-button-padding-inline-end: var(--utrecht-space-block-md);
  --of-layout-background: var(--utrecht-document-background-color);
  --denhaag-process-steps-sub-step-line-color: var(
    --denhaag-process-steps-step-line-color
  );
  --utrecht-toptask-link-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --utrecht-toptask-link-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --utrecht-toptask-link-color: var(--utrecht-button-primary-action-color);
  --utrecht-toptask-link-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --utrecht-skip-link-focus-background-color: var(
    --utrecht-topnav-link-focus-background-color
  );
  --utrecht-skip-link-focus-color: var(--utrecht-topnav-link-focus-color);
  --utrecht-skip-link-padding-inline-end: var(
    --utrecht-button-padding-inline-end
  );
  --utrecht-skip-link-padding-inline-start: var(
    --utrecht-button-padding-inline-start
  );
  --utrecht-skip-link-padding-block-end: var(
    --utrecht-button-padding-block-end
  );
  --utrecht-skip-link-padding-block-start: var(
    --utrecht-button-padding-block-start
  );
  --utrecht-skip-link-color: var(--utrecht-topnav-link-color);
  --utrecht-skip-link-background-color: var(
    --utrecht-topnav-list-background-color
  );
  --utrecht-radio-button-border-color: var(--utrecht-form-control-border-color);
  --utrecht-radio-button-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-paragraph-lead-color: var(--utrecht-document-color);
  --utrecht-link-visited-color: var(--utrecht-link-color);
  --utrecht-link-hover-color: var(--utrecht-link-focus-color);
  --utrecht-link-active-color: var(--utrecht-link-color);
  --utrecht-form-field-error-message-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-field-description-warning-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-form-field-description-invalid-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-control-invalid-border-color: var(
    --utrecht-feedback-invalid-border-color
  );
  --utrecht-form-control-font-family: var(--utrecht-document-font-family);
  --utrecht-drawer-color: var(--utrecht-document-color);
  --utrecht-drawer-background-color: var(--utrecht-document-background-color);
  --utrecht-feedback-active-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-inactive-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-success-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-error-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-valid-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-invalid-fill-background-color: var(
    --utrecht-feedback-invalid-background-color
  );
  --utrecht-feedback-safe-border-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-safe-background-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-warning-border-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-warning-background-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-danger-border-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-danger-background-color: var(
    --utrecht-feedback-danger-color
  );
  --utrecht-checkbox-color: var(--utrecht-form-control-color);
  --utrecht-checkbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-checkbox-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-button-subtle-pressed-color: var(
    --utrecht-button-subtle-active-color
  );
  --utrecht-button-subtle-pressed-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --utrecht-button-secondary-action-pressed-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --utrecht-button-secondary-action-pressed-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --utrecht-button-primary-action-pressed-color: var(
    --utrecht-button-primary-action-active-color
  );
  --utrecht-button-primary-action-pressed-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --utrecht-button-primary-action-pressed-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --utrecht-button-pressed-color: var(--utrecht-button-active-color);
  --utrecht-button-pressed-background-color: var(
    --utrecht-button-active-background-color
  );
  --utrecht-breadcrumb-nav-arrows-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --utrecht-breadcrumb-nav-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --of-layout-bg: var(--of-layout-background);
  --utrecht-radio-button-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-invalid-border-inline-start-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-description-valid-color: var(
    --utrecht-feedback-valid-color
  );
  --utrecht-feedback-active-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-active-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-inactive-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-inactive-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-success-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-success-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-error-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-error-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-valid-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-valid-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-safe-fill-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-warning-fill-background-color: var(
    --utrecht-feedback-warning-background-color
  );
  --utrecht-feedback-danger-fill-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-checkbox-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-feedback-active-fill-background-color: var(
    --utrecht-feedback-active-background-color
  );
  --utrecht-feedback-inactive-fill-background-color: var(
    --utrecht-feedback-inactive-background-color
  );
  --utrecht-feedback-success-fill-background-color: var(
    --utrecht-feedback-success-background-color
  );
  --utrecht-feedback-error-fill-background-color: var(
    --utrecht-feedback-error-background-color
  );
  --utrecht-feedback-valid-fill-background-color: var(
    --utrecht-feedback-valid-background-color
  );
}
.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;
}
.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);
  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);
}
.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);
}
.utrecht-alternate-lang-nav__heading {
  display: none;
}
.utrecht-article {
  max-inline-size: var(--utrecht-article-max-inline-size);
}
.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;
}
.utrecht-badge-counter {
  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);
  font-weight: var(
    --utrecht-badge-counter-font-weight,
    var(--utrecht-badge-font-weight, bold)
  );
  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;
  white-space: nowrap;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-badge-counter {
    border-color: currentColor;
    border-style: solid;
    border-width: 1px;
  }
}
.utrecht-badge-data {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    border-width: 1px;
  }
}
.utrecht-badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-badge-list-item-margin-block)
    var(--utrecht-badge-list-item-margin-inline);
}
.utrecht-badge-status {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    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)
  );
}
.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;
}
.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
  );
  --_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)
  );
  --_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)
  );
  cursor: var(
    --_utrecht-breadcrumb-nav-link-current-cursor,
    var(--_utrecht-breadcrumb-nav-link-disabled-cursor)
  );
}
.utrecht-breadcrumb-nav__separator,
.utrecht-breadcrumb-nav__separator--html-li {
  --_utrecht-breadcrumb-nav-separator-display: inline-flex;
  --utrecht-icon-size: var(--utrecht-breadcrumb-nav-separator-icon-size);
  align-items: center;
  color: var(--utrecht-breadcrumb-nav-separator-color);
  cursor: var(--utrecht-action-inert-cursor, default);
  display: var(--_utrecht-breadcrumb-nav-separator-display);
  inline-size: fit-content;
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-breadcrumb-nav--arrows {
  --utrecht-breadcrumb-nav-arrow-size: 24px;
  min-block-size: var(--utrecht-breadcrumb-nav-min-block-size);
  overflow: hidden;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link {
  background-color: var(--utrecht-breadcrumb-nav-arrows-link-background-color);
  padding-inline-end: 0;
  position: relative;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  block-size: 0;
  border-block-end-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-block-start-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-color: transparent;
  border-style: solid;
  content: ' ';
  display: block;
  inline-size: 0;
  inset-block-start: 50%;
  inset-inline-start: 100%;
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  position: absolute;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-background-color
  );
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  z-index: 2;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  border-inline-start-color: var(--utrecht-document-background-color);
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  margin-inline-start: 1px;
  z-index: 1;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus {
  --utrecht-link-focus-background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
  background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__link
  ~ .utrecht-breadcrumb-nav__link,
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__item
  ~ .utrecht-breadcrumb-nav__item
  .utrecht-breadcrumb-nav__link {
  padding-inline-start: calc(
    var(--utrecht-breadcrumb-nav-item-padding-inline-start) +
      var(--utrecht-breadcrumb-nav-arrow-size)
  );
}
.utrecht-breadcrumb-nav__item ~ .utrecht-breadcrumb-nav__item {
  margin-inline-start: var(--utrecht-breadcrumb-nav-item-divider-inline-size);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Frameless B.V.
 */
.utrecht-button-group {
  align-items: baseline;
  background-color: var(--utrecht-button-group-background-color);
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-button-group-inline-gap, 1em);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-start, 0)
  );
  min-block-size: var(--utrecht-button-block-size);
  padding-block-end: var(--utrecht-button-group-padding-block-end);
  padding-block-start: var(--utrecht-button-group-padding-block-start);
}
.utrecht-button-group--distanced {
  --utrecht-space-around: 1;
}
.utrecht-button-group__link-button--row,
.utrecht-button-group--row .utrecht-link-button,
.utrecht-button-group:not(.utrecht-button-group--column) .utrecht-link-button {
  --utrecht-button-padding-inline-end: 0;
  --utrecht-button-padding-inline-start: 0;
}
.utrecht-button-group--column {
  flex-direction: column;
  gap: var(--utrecht-button-group-block-gap, 1em);
}
.utrecht-button-link {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
  cursor: var(--utrecht-action-navigate-cursor, pointer);
  text-decoration: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button-link {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button-link--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--placeholder {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button-link--html-a:focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--html-a:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--html-a:hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--html-a:active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button-link--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button-link--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-button {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button--distanced {
  margin-block-end: var(--utrecht-button-margin-block-end);
  margin-block-start: var(--utrecht-button-margin-block-start);
  margin-inline-end: var(--utrecht-button-margin-inline-end);
  margin-inline-start: var(--utrecht-button-margin-inline-start);
}
.utrecht-button--submit {
  cursor: var(--utrecht-action-submit-cursor, revert);
}
.utrecht-button--busy {
  cursor: var(--utrecht-action-busy-cursor, wait);
}
.utrecht-button--pressed {
  background-color: var(--_utrecht-button-pressed-background-color);
  border-color: var(--_utrecht-button-pressed-border-color);
  color: var(--_utrecht-button-pressed-color);
}
.utrecht-button:disabled,
.utrecht-button--disabled {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button--focus:not(.utrecht-button--disabled) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-button--hover:not(:disabled, .utrecht-button--disabled),
.utrecht-button:hover:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button:active:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ),
.utrecht-button--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-danger-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-ready-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-warning-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-danger-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-ready-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-warning-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-danger-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-danger-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-danger-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-ready-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-ready-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-ready-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-warning-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-warning-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-warning-pressed-color
  );
}
.utrecht-calendar {
  background-color: var(--utrecht-calendar-background-color);
  inline-size: fit-content;
}
.utrecht-calendar__table {
  margin-inline: auto;
  padding-block-end: var(--utrecht-calendar-table-padding-block-end);
  padding-block-start: var(--utrecht-calendar-table-padding-block-start);
}
.utrecht-calendar__table-weeks-item {
  inline-size: var(--utrecht-calendar-table-weeks-item-width);
  line-height: var(--utrecht-calendar-table-weeks-item-line-height, inherit);
  padding-block-end: var(--utrecht-calendar-table-weeks-item-padding-block-end);
  padding-block-start: var(
    --utrecht-calendar-table-weeks-item-padding-block-start
  );
}
.utrecht-calendar__table-days-item-day {
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-border-color
  );
  --utrecht-calendar-button-border-width: var(
    --utrecht-calendar-table-days-item-day-border-width
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-color
  );
  block-size: var(--utrecht-calendar-table-days-item-day-size);
  inline-size: var(--utrecht-calendar-table-days-item-day-size);
}
.utrecht-calendar__table-days-item-day:hover {
  --utrecht-calendar-button-hover-background-color: var(
    --utrecht-calendar-table-days-item-day-hover-background-color
  );
  --utrecht-calendar-button-hover-border-color: var(
    --utrecht-calendar-table-days-item-day-hover-border-color
  );
  --utrecht-calendar-button-hover-color: var(
    --utrecht-calendar-table-days-item-day-hover-color
  );
}
.utrecht-calendar__table-days-item-day:focus {
  --utrecht-calendar-button-focus-background-color: var(
    --utrecht-calendar-table-days-item-day-focus-background-color
  );
  --utrecht-calendar-button-focus-border-color: var(
    --utrecht-calendar-table-days-item-day-focus-border-color
  );
  --utrecht-calendar-button-focus-color: var(
    --utrecht-calendar-table-days-item-day-focus-color
  );
}
.utrecht-calendar__table-days-item-day:active {
  --utrecht-calendar-button-active-background-color: var(
    --utrecht-calendar-table-days-item-day-active-background-color
  );
  --utrecht-calendar-button-active-border-color: var(
    --utrecht-calendar-table-days-item-day-active-border-color
  );
  --utrecht-calendar-button-active-color: var(
    --utrecht-calendar-table-days-item-day-active-color
  );
}
.utrecht-calendar__table-days-item-day:disabled {
  --utrecht-calendar-button-disabled-background-color: var(
    --utrecht-calendar-table-days-item-day-disabled-background-color
  );
  --utrecht-calendar-button-disabled-border-color: var(
    --utrecht-calendar-table-days-item-day-disabled-border-color
  );
  --utrecht-calendar-button-disabled-color: var(
    --utrecht-calendar-table-days-item-day-disabled-color
  );
}
.utrecht-calendar__table-days-item-day--out-of-the-month {
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-color
  );
}
.utrecht-calendar__table-days-item-day--is-today {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-is-today-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-is-today-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-is-today-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-is-today-color
  );
}
.utrecht-calendar__table-days-item-day--emphasis {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-emphasis-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-color
  );
}
.utrecht-calendar__table-days-item-day--selected {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-selected-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-selected-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-selected-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-selected-color
  );
}
.utrecht-calendar__navigation {
  background-color: var(--utrecht-calendar-navigation-background-color);
  color: var(--utrecht-calendar-navigation-color);
  padding-block-end: var(--utrecht-calendar-navigation-padding-block-end);
  padding-block-start: var(--utrecht-calendar-navigation-padding-block-start);
}
.utrecht-calendar__navigation-label {
  color: var(--utrecht-calendar-navigation-label-color);
  font-size: var(--utrecht-calendar-navigation-label-font-size);
  text-align: center;
}
.utrecht-calendar__navigation-buttons {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.utrecht-calendar__button {
  --utrecht-button-subtle-color: var(
    --utrecht-calendar-button-color,
    currentColor
  );
  --utrecht-button-subtle-background-color: var(
    --utrecht-calendar-button-background-color,
    transparent
  );
  --utrecht-button-subtle-border-color: var(
    --utrecht-calendar-button-border-color,
    transparent
  );
  --utrecht-button-subtle-border-width: var(
    --utrecht-calendar-button-border-width
  );
  --utrecht-button-font-weight: var(--utrecht-calendar-button-font-weight);
  --utrecht-button-subtle-focus-background-color: var(
    --utrecht-calendar-button-focus-background-color
  );
  --utrecht-button-subtle-focus-border-color: var(
    --utrecht-calendar-button-focus-border-color
  );
  --utrecht-button-subtle-focus-color: var(
    --utrecht-calendar-button-focus-color
  );
  --utrecht-button-subtle-active-background-color: var(
    --utrecht-calendar-button-active-background-color
  );
  --utrecht-button-subtle-active-border-color: var(
    --utrecht-calendar-button-active-border-color
  );
  --utrecht-button-subtle-active-color: var(
    --utrecht-calendar-button-active-color
  );
  --utrecht-button-subtle-hover-background-color: var(
    --utrecht-calendar-button-hover-background-color
  );
  --utrecht-button-subtle-hover-border-color: var(
    --utrecht-calendar-button-hover-border-color,
    transparent
  );
  --utrecht-button-subtle-hover-color: var(
    --utrecht-calendar-button-hover-color
  );
  --utrecht-button-subtle-disabled-background-color: var(
    --utrecht-calendar-button-disabled-background-color
  );
  --utrecht-button-subtle-disabled-border-color: var(
    --utrecht-calendar-button-disabled-border-color
  );
  --utrecht-button-subtle-disabled-color: var(
    --utrecht-calendar-button-disabled-color
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-calendar-button-padding-block-end,
    0
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-calendar-button-padding-block-start,
    0
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-calendar-button-padding-inline-end,
    0
  );
  --utrecht-button-padding-inline-start: var(
    --utrecht-calendar-button-padding-inline-start,
    0
  );
  cursor: pointer;
}
.utrecht-calendar__icon {
  block-size: var(--utrecht-calendar-icon-size);
  inline-size: var(--utrecht-calendar-icon-size);
}
.utrecht-checkbox {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  cursor: var(--utrecht-action-activate-cursor, revert);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-checkbox--disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--html-input:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-code-block {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size, inherit);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
  --utrecht-code-color: var(--utrecht-code-block-color, inherit);
  --utrecht-code-background-color: var(
    --utrecht-code-block-background-color,
    inherit
  );
  --utrecht-code-font-weight: var(--utrecht-code-block-font-weight, inherit);
  --utrecht-code-font-size: var(--utrecht-code-block-font-size, inherit);
  --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
  background-color: var(--utrecht-code-block-background-color);
  display: block;
  font-size: var(
    --utrecht-code-block-font-size,
    var(--utrecht-code-font-size, inherit)
  );
  line-height: var(
    --utrecht-code-block-line-height,
    var(--utrecht-code-line-height)
  );
  margin-block-end: var(--utrecht-code-block-margin-block-end);
  margin-block-start: var(--utrecht-code-block-margin-block-start);
  margin-inline-end: var(--utrecht-code-block-margin-inline-end);
  margin-inline-start: var(--utrecht-code-block-margin-inline-start);
  padding-block-end: var(--utrecht-code-block-padding-block-end);
  padding-block-start: var(--utrecht-code-block-padding-block-start);
  padding-inline-end: var(--utrecht-code-block-padding-inline-end);
  padding-inline-start: var(--utrecht-code-block-padding-inline-start);
  white-space: pre;
}
.utrecht-code-block__content {
  font-family: inherit;
  font-size: inherit;
}
.utrecht-code {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size, inherit);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
}
.utrecht-color-sample {
  background-color: var(--utrecht-color-sample-background-color, currentColor);
  block-size: var(--utrecht-color-sample-block-size, 2em);
  border-color: var(
    --utrecht-color-sample-border-color,
    var(--utrecht-color-sample-default-border-color)
  );
  border-radius: var(--utrecht-color-sample-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-color-sample-border-width, 0);
  box-sizing: border-box;
  display: inline-block;
  inline-size: var(--utrecht-color-sample-inline-size, 2em);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
@media (forced-colors: active) {
  .utrecht-color-sample {
    forced-color-adjust: none;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-dark-border-color,
      #000
    );
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-light-border-color,
      #fff
    );
  }
}
.utrecht-column-layout {
  column-gap: var(--utrecht-column-layout-gap, 2em);
  column-width: var(--utrecht-column-layout-column-width, 40ch);
  display: block;
}
.utrecht-column-layout--rule {
  column-rule-color: var(--utrecht-column-layout-column-rule-color);
  column-rule-style: solid;
  column-rule-width: var(--utrecht-column-layout-column-rule-width, 0);
}
.utrecht-combobox {
  inline-size: 100%;
  max-inline-size: var(
    --utrecht-textbox-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  position: relative;
}
.utrecht-combobox__popover {
  border-width: 0;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
  background-color: canvas;
  block-size: fit-content;
  color: canvastext;
  inline-size: fit-content;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  position: absolute;
  z-index: var(--utrecht-combobox-popover-z-index);
}
.utrecht-combobox__popover--block-end {
  inset-block-start: 100%;
}
.utrecht-combobox__popover--hidden {
  display: none !important;
}
.utrecht-currency-data {
  font-variant-numeric: lining-nums tabular-nums;
  white-space: nowrap;
}
.utrecht-checkbox--custom,
.utrecht-custom-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-checkbox-size, 1em);
  border-color: var(--utrecht-checkbox-border-color);
  border-radius: var(--utrecht-checkbox-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-checkbox-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-checkbox-size, 1em);
  margin-block-start: var(--utrecht-checkbox-margin-block-start);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  vertical-align: top;
}
.utrecht-checkbox--custom.utrecht-checkbox--checked,
.utrecht-custom-checkbox--checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled,
.utrecht-custom-checkbox--disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,
.utrecht-custom-checkbox--disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,
.utrecht-custom-checkbox--disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,
.utrecht-custom-checkbox--indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--invalid,
.utrecht-custom-checkbox--invalid {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--active,
.utrecht-custom-checkbox--active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--hover,
.utrecht-custom-checkbox--hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus,
.utrecht-custom-checkbox--focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,
.utrecht-custom-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,
.utrecht-custom-checkbox--html-input:disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,
.utrecht-custom-checkbox--html-input:disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,
.utrecht-custom-checkbox--html-input:disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,
.utrecht-custom-checkbox--html-input:hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,
.utrecht-custom-checkbox--html-input:focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,
.utrecht-custom-checkbox--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,
.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid='true'],
.utrecht-custom-checkbox--html-input:invalid,
.utrecht-custom-checkbox--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,
.utrecht-custom-checkbox--html-input:active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,
.utrecht-custom-checkbox--html-input:checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,
.utrecht-custom-checkbox--html-input:indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-data-list {
  display: block;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-start, 0)
  );
}
.utrecht-data-list__item-key {
  color: var(--utrecht-data-list-item-key-color);
  font-size: var(--utrecht-data-list-item-key-font-size);
  font-weight: var(--utrecht-data-list-item-key-font-weight);
  line-height: var(--utrecht-data-list-item-key-line-height);
}
.utrecht-data-list__item-value {
  color: var(--utrecht-data-list-item-value-color);
  font-size: var(--utrecht-data-list-item-value-font-size);
  font-weight: var(--utrecht-data-list-item-value-font-weight);
  line-height: var(--utrecht-data-list-item-value-line-height);
  min-block-size: calc(var(--utrecht-data-list-item-value-line-height) * 1rem);
}
.utrecht-data-list__actions--html-dd,
.utrecht-data-list__item-value--html-dd {
  margin-inline-start: 0;
}
.utrecht-data-list__item-value--multiline {
  white-space: pre-line;
}
.utrecht-data-list--rows .utrecht-data-list__actions {
  align-items: baseline;
  display: flex;
  grid-column: -1;
  grid-row: 1;
  justify-content: flex-end;
}
.utrecht-data-list--rows .utrecht-data-list__item {
  --_utrecht-minmax: max(
    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),
    var(--utrecht-data-list-rows-column-inline-size, 80%)
  );
  --_utrecht-auto-col: minmax(var(--_utrecht-minmax), max-content);
  border-block-end-color: var(
    --utrecht-data-list-rows-border-bottom-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-data-list-rows-border-bottom-width, 0);
  column-gap: var(--utrecht-data-list-rows-gap);
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: repeat(auto-fit, var(--_utrecht-auto-col));
  margin-block-start: var(--utrecht-data-list-rows-item-margin-block-start);
  padding-block-end: var(--utrecht-data-list-rows-item-padding-block-end);
  padding-block-start: var(--utrecht-data-list-rows-item-padding-block-start);
  row-gap: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item:first-of-type {
  margin-block-start: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item-value {
  margin-block-start: var(
    --utrecht-data-list-rows-item-value-margin-block-start
  );
}
.utrecht-data-placeholder {
  background-color: var(
    --utrecht-data-placeholder-background-color,
    currentColor
  );
  block-size: 1em;
  display: inline-block;
  inline-size: min(100%, var(--utrecht-data-placeholder-max-inline-size));
  max-inline-size: var(--utrecht-data-placeholder-max-inline-size);
  min-inline-size: var(--utrecht-data-placeholder-min-inline-size, 10ch);
  vertical-align: -0.1em;
}
@media print {
  .utrecht-data-placeholder {
    outline-color: currentColor;
    outline-style: dashed;
    outline-width: 0.1em;
  }
}
@media screen and (prefers-contrast: more) {
  .utrecht-data-placeholder {
    background-color: var(
      --utrecht-data-placeholder-high-contrast-background-color,
      var(--utrecht-data-placeholder-background-color, currentColor)
    );
  }
}
@media screen and (forced-colors: active) {
  .utrecht-data-placeholder {
    background-color: GrayText;
  }
}
.utrecht-data-placeholder--loading {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-data-placeholder--print {
  outline-color: currentColor;
  outline-style: dashed;
  outline-width: 0.1em;
}
.utrecht-data-placeholder--forced-colors {
  background-color: GrayText;
}
.utrecht-data-placeholder--high-contrast {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-digid-button {
  --utrecht-button-min-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-digid-button-block-size, 50px);
  block-size: var(--utrecht-digid-button-block-size, 50px);
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-document {
  color: var(--utrecht-document-color, inherit);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-document-font-size, inherit);
  font-weight: var(--utrecht-document-font-weight, inherit);
  line-height: var(--utrecht-document-line-height, inherit);
  text-rendering: optimizeLegibility;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
.utrecht-document :lang(ar) {
  letter-spacing: 0 !important;
}
.utrecht-document--surface {
  background-color: var(--utrecht-document-background-color, inherit);
}
.utrecht-drawer {
  --_utrecht-drawer-backdrop-min-size: max(
    var(--utrecht-drawer-backdrop-min-size),
    44px
  );
  background-color: var(--utrecht-drawer-background-color, Canvas);
  border-color: var(--utrecht-drawer-border-color, currentColor);
  border-width: var(--utrecht-drawer-border-width, 0);
  box-sizing: border-box;
  color: var(--utrecht-drawer-color, CanvasText);
  overflow: auto;
  padding-block-end: var(--utrecht-drawer-padding-block-end);
  padding-block-start: var(--utrecht-drawer-padding-block-start);
  padding-inline-end: var(--utrecht-drawer-padding-inline-end);
  padding-inline-start: var(--utrecht-drawer-padding-inline-start);
  position: fixed;
  z-index: var(--utrecht-drawer-z-index, 1);
}
.utrecht-drawer::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;
}
@keyframes utrecht-backdrop-fade-in {
  0% {
    opacity: 0%;
  }
  to {
    opacity: var(--_utrecht-backdrop-opacity);
  }
}
@media (prefers-reduced-motion: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-fade-in-animation-duration: 0;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-opacity: var(
      --utrecht-backdrop-reduced-transparency-opacity,
      100%
    );
  }
}
.utrecht-drawer--inline-start {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-inline-start-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: auto;
  inset-inline-start: 0;
}
.utrecht-drawer--inline-end {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  border-inline-end-width: 0;
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: 0;
  inset-inline-start: auto;
}
.utrecht-drawer--block-start {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-start-width: 0;
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: auto;
  inset-block-start: 0;
}
.utrecht-drawer--block-end {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-end-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: 0;
  inset-block-start: auto;
}
.utrecht-emphasis--stressed {
  font-style: var(--utrecht-emphasis-stressed-font-style, italic);
}
.utrecht-emphasis--strong {
  font-weight: var(--utrecht-emphasis-strong-font-weight, bold);
}
.utrecht-figure {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-start, 0)
  );
}
.utrecht-figure__caption {
  color: var(--utrecht-figure-caption-color);
  font-size: var(--utrecht-figure-caption-font-size);
  line-height: var(--utrecht-figure-caption-line-height);
}
.utrecht-form-field-description {
  --utrecht-document-color: currentColor;
  color: var(--utrecht-form-field-description-color);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-description-font-size, inherit);
  font-style: var(--utrecht-form-field-description-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
}
.utrecht-form-field-description > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--invalid {
  color: var(
    --utrecht-form-field-description-invalid-color,
    var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color))
  );
}
.utrecht-form-field-description--valid {
  color: var(
    --utrecht-form-field-description-valid-color,
    var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color))
  );
}
.utrecht-form-field-description--warning {
  color: var(
    --utrecht-form-field-description-warning-color,
    var(--utrecht-feedback-warning-color)
  );
}
.utrecht-form-field-error-message {
  --utrecht-document-color: currentColor;
  background-color: var(--utrecht-form-field-error-message-background-color);
  color: var(--utrecht-form-field-error-message-color);
  display: block;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-error-message-font-size, inherit);
  font-style: var(--utrecht-form-field-error-message-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-block-end: var(--utrecht-form-field-error-message-padding-block-end);
  padding-block-start: var(
    --utrecht-form-field-error-message-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-form-field-error-message-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-form-field-error-message-padding-inline-start
  );
}
.utrecht-form-field-error-message > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field {
  break-inside: avoid;
  font-family: var(--utrecht-document-font-family, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-start, 0)
  );
  max-inline-size: var(--utrecht-form-field-max-inline-size);
  page-break-inside: avoid;
}
.utrecht-form-field--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field--invalid {
  border-inline-start-color: var(
    --utrecht-form-field-invalid-border-inline-start-color
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-field-invalid-border-inline-start-width,
    0
  );
  padding-inline-start: var(--utrecht-form-field-invalid-padding-inline-start);
}
.utrecht-form-field--checkbox {
  display: grid;
  gap: 0 var(--utrecht-checkbox-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-checkbox-size) 100fr;
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-checkbox-size) +
          var(--utrecht-checkbox-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-checkbox-margin-inline-end, 12px);
}
.utrecht-form-field--radio {
  display: grid;
  gap: 0 var(--utrecht-radio-button-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-radio-button-size) 100fr;
}
.utrecht-form-field--radio
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-radio-button-size) +
          var(--utrecht-radio-button-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--radio
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end, 12px);
}
.utrecht-form-field__input {
  margin-block-end: 0;
  margin-block-start: 0;
  grid-area: input;
  order: 5;
}
.utrecht-form-field__label {
  grid-area: label;
  margin-block-end: var(--utrecht-form-field-label-margin-block-end);
  margin-block-start: 0;
  order: 1;
}
.utrecht-form-field .utrecht-form-field-description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field .utrecht-form-field-description--invalid {
  grid-area: description-invalid;
  order: 3;
}
.utrecht-form-field__description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field__description--before {
  grid-area: description-before;
  order: 4;
}
.utrecht-form-fieldset {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--html-fieldset,
.utrecht-form-fieldset__fieldset--html-fieldset {
  all: revert;
  border: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  min-inline-size: 0;
  padding-block-end: 0;
  padding-block-start: 0.01em;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset__legend--html-legend {
  display: table;
  inline-size: 100%;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-fieldset--section {
  background-color: var(--utrecht-form-fieldset-section-background-color);
  color: var(--utrecht-form-fieldset-section-color);
}
.utrecht-form-fieldset__legend {
  break-inside: avoid;
  color: var(
    --utrecht-form-fieldset-legend-color,
    var(--utrecht-document-color, inherit)
  );
  font-family: var(
    --utrecht-form-fieldset-legend-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-form-fieldset-legend-font-size);
  font-weight: var(--utrecht-form-fieldset-legend-font-weight);
  line-height: var(--utrecht-form-fieldset-legend-line-height);
  page-break-after: avoid;
  page-break-inside: avoid;
}
.utrecht-form-fieldset__legend--disabled {
  color: var(
    --utrecht-form-fieldset-legend-disabled-color,
    var(
      --utrecht-form-fieldset-legend-color,
      var(--utrecht-document-color, inherit)
    )
  );
}
.utrecht-form-fieldset__legend--distanced {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--invalid {
  border-inline-start-color: var(
    --utrecht-form-fieldset-invalid-border-inline-start-color,
    var(--utrecht-form-field-invalid-border-inline-start-color)
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-fieldset-invalid-border-inline-start-width,
    var(--utrecht-form-field-invalid-border-inline-start-width)
  );
  padding-inline-start: var(
    --utrecht-form-fieldset-invalid-padding-inline-start,
    var(--utrecht-form-field-invalid-padding-inline-start)
  );
}
.utrecht-form-label {
  color: var(--utrecht-form-label-color);
  font-size: var(--utrecht-form-label-font-size);
  font-weight: var(--utrecht-form-label-font-weight);
}
.utrecht-form-label--checkbox {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-checkbox-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--checked {
  font-weight: var(
    --utrecht-form-label-checked-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--disabled {
  color: var(
    --utrecht-form-label-disabled-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-form-label--radio {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-radio-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-toggle {
  align-items: center;
  block-size: var(--utrecht-form-toggle-height, 2em);
  border-color: var(--utrecht-form-toggle-border-color, currentColor);
  border-radius: var(--utrecht-form-toggle-border-radius, 999rem);
  border-style: var(--utrecht-form-toggle-border-style, solid);
  border-width: var(--utrecht-form-toggle-border-width, 1px);
  color: var(--utrecht-form-toggle-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: flex;
  inline-size: var(--utrecht-form-toggle-width, 6em);
  padding-block-end: var(--utrecht-form-toggle-padding-block-end);
  padding-block-start: var(--utrecht-form-toggle-padding-block-start);
  padding-inline-end: var(--utrecht-form-toggle-padding-inline-end);
  padding-inline-start: var(--utrecht-form-toggle-padding-inline-start);
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-form-toggle {
    --utrecht-form-toggle-background-color: ButtonFace;
    --utrecht-form-toggle-border-color: buttonborder;
    --utrecht-form-toggle-border-width: 1px;
    --utrecht-form-toggle-border-radius: var(
      --utrecht-form-toggle-track-border-radius
    );
    --utrecht-form-toggle-thumb-background-color: ButtonText;
    --utrecht-form-toggle-thumb-disabled-background-color: GrayText;
    border-color: var(
      --utrecht-form-toggle-track-disabled-border-color,
      var(--utrecht-form-toggle-track-border-color)
    );
    border-width: min(var(--utrecht-form-toggle-border-width, 1px), 1px);
  }
}
.utrecht-form-toggle--focus-visible,
.utrecht-form-toggle--html-div:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--hover {
  background-color: var(
    --utrecht-form-toggle-hover-background-color,
    var(--utrecht-form-toggle-background-color)
  );
  color: var(
    --utrecht-form-toggle-hover-color,
    var(--utrecht-form-toggle-color)
  );
}
.utrecht-form-toggle--disabled,
.utrecht-form-toggle--html-div:disabled {
  border-color: var(
    --utrecht-form-toggle-disabled-border-color,
    var(--utrecht-form-toggle-border-color, currentColor)
  );
  border-style: var(
    --utrecht-form-toggle-disabled-border-style,
    var(--utrecht-form-toggle-border-style, solid)
  );
  border-width: var(
    --utrecht-form-toggle-disabled-border-width,
    var(--utrecht-form-toggle-border-width, 1px)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-background-color,
    currentColor
  );
  border-radius: var(--utrecht-form-toggle-thumb-border-radius, 50%);
  box-shadow: var(--utrecht-form-toggle-thumb-box-shadow);
  margin-inline-end: var(--utrecht-form-toggle-thumb-margin-inline-end, 0);
  margin-inline-start: var(--utrecht-form-toggle-thumb-margin-inline-start, 0);
  min-block-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  min-inline-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  z-index: 20;
}
.utrecht-form-toggle__thumb--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-start: auto;
}
.utrecht-form-toggle__thumb--not-checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:not(:checked)
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-end: auto;
}
.utrecht-form-toggle__thumb--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-disabled-background-color,
    #aaa
  );
  box-shadow: var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0);
}
.utrecht-form-toggle__track {
  align-items: center;
  background-color: var(--utrecht-form-toggle-accent-color);
  block-size: 100%;
  border-radius: var(
    --utrecht-form-toggle-track-border-radius,
    var(--utrecht-form-toggle-border-radius)
  );
  display: flex;
  inline-size: 100%;
}
.utrecht-form-toggle__track--html-label {
  cursor: inherit;
}
.utrecht-form-toggle__track--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-checked-accent-color,
    var(--utrecht-form-toggle-accent-color)
  );
}
.utrecht-form-toggle__track--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-background-disabled-background-color,
    #ddd
  );
  color: var(--utrecht-form-toggle-disabled-color, black);
}
.utrecht-form-toggle__track--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox {
  block-size: 1px !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  inline-size: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
}
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:focus-visible
  ~ .utrecht-form-toggle__track {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form {
  display: block;
  max-inline-size: var(--utrecht-form-max-inline-size);
}
.utrecht-heading-1 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-1-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-1-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-1-font-size, revert);
  font-weight: var(
    --utrecht-heading-1-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-1-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-1--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-2 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-2-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-2-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-2-font-size, revert);
  font-weight: var(
    --utrecht-heading-2-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-2-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-2--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-3 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-3-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-3-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-3-font-size, revert);
  font-weight: var(
    --utrecht-heading-3-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-3-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-3--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-4 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-4-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-4-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-4-font-size, revert);
  font-weight: var(
    --utrecht-heading-4-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-4-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-4--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-5 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-5-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-5-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-5-font-size, revert);
  font-weight: var(
    --utrecht-heading-5-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-5-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-5--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-heading-6 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-6-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-6-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-6-font-size, revert);
  font-weight: var(
    --utrecht-heading-6-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-6-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-6--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 */
.utrecht-heading-group {
  --utrecht-pre-heading-order: -1;
  display: flex;
  flex-direction: column;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-start, 0)
  );
}
.utrecht-heading-group > * {
  --utrecht-space-around: 0;
}
.utrecht-iban-data {
  font-variant-numeric: lining-nums slashed-zero tabular-nums;
  white-space: nowrap;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Gemeente Utrecht
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-icon {
  block-size: var(--utrecht-icon-size);
  color: var(--utrecht-icon-color);
  display: inline-block;
  font-size: var(--utrecht-icon-size);
  inline-size: var(--utrecht-icon-size);
  inset-block-start: var(--utrecht-icon-inset-block-start, 0);
  position: relative;
}
.utrecht-icon svg {
  height: 100%;
  pointer-events: none;
  width: 100%;
}
.utrecht-img {
  height: auto;
  width: auto;
}
.utrecht-img--scale-down,
.utrecht-img--photo {
  max-height: 100%;
  max-width: 100%;
}
.utrecht-index-char-nav {
  --utrecht-button-padding-inline-start: 1ch;
  --utrecht-button-padding-inline-end: 1ch;
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-index-char-nav-gap);
  margin-block-end: var(--utrecht-index-char-nav-margin-block-end);
  margin-block-start: var(--utrecht-index-char-nav-margin-block-start);
}
.utrecht-index-char-nav__link--current {
  --utrecht-button-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
  --utrecht-button-link-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
}
.utrecht-index-char-nav__link--disabled {
  pointer-events: none;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-link-button {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family)
  );
  font-weight: var(--utrecht-button-font-weight);
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: inherit;
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-link-button--hover,
.utrecht-link-button--html-button:not(:disabled):hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--disabled {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link-button--focus,
.utrecht-link-button--html-button:not(:disabled):focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--focus-visible,
.utrecht-link-button--html-button:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link-button--active,
.utrecht-link-button--html-button:not(:disabled):active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--inline {
  --utrecht-icon-inset-block-start: var(
    --utrecht-icon-baseline-inset-block-start
  );
  min-block-size: auto;
  min-inline-size: auto;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-link-button--pressed {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--html-button {
  background-color: transparent;
  border-width: 0;
}
.utrecht-link-list,
.utrecht-link-list--html-ul {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
}
.utrecht-link-list > li,
.utrecht-link-list--html-ul > li {
  list-style: none;
}
.utrecht-link-list {
  --utrecht-link-text-decoration: none;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: underline;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-start, 0)
  );
}
.utrecht-link-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-link-list__item {
  --utrecht-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-link-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-icon-inset-block-start: var(
    --utrecht-link-list-icon-inset-block-start
  );
  display: block;
  font-weight: var(--utrecht-link-list-item-font-weight);
}
.utrecht-link-list__item + .utrecht-link-list__item {
  margin-block-start: var(--utrecht-link-list-item-margin-block-start);
}
.utrecht-link-list__link {
  align-items: baseline;
  column-gap: var(--utrecht-link-list-item-column-gap);
  display: inline-flex;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 * Copyright (c) 2022 Gemeente Utrecht
 */
.utrecht-link-social {
  --utrecht-icon-size: var(--utrecht-link-social-icon-size);
  --utrecht-icon-color: currentColor;
  align-items: center;
  background-color: var(--utrecht-link-social-background-color);
  block-size: var(--utrecht-link-social-size);
  border-color: var(--utrecht-link-social-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-link-social-border-width);
  color: var(--utrecht-link-social-color);
  display: inline-flex;
  inline-size: var(--utrecht-link-social-size);
  justify-content: center;
}
.utrecht-link-social:hover,
.utrecht-link-social--hover {
  background-color: var(
    --utrecht-link-social-hover-background-color,
    var(--utrecht-link-social-background-color)
  );
  color: var(
    --utrecht-link-social-hover-color,
    var(--utrecht-link-social-color)
  );
  transform: var(--utrecht-link-social-hover-transform-scale);
}
.utrecht-link-social:focus-visible,
.utrecht-link-social--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-link-social--distanced {
  margin-inline-start: var(--utrecht-link-social-margin-inline-start);
}
.utrecht-link {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
}
.utrecht-link:any-link {
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
}
.utrecht-link--icon-left {
  background-image: var(--utrecht-link-icon-left-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-link-color, LinkText);
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration-line: none;
}
.utrecht-link--visited {
  --_utrecht-link-forced-colors-color: visitedtext;
  --_utrecht-link-state-color: var(--utrecht-link-visited-color);
}
.utrecht-link--html-a:any-link:hover,
.utrecht-link--hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus,
.utrecht-link--html-a:any-link:focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus:not(:focus-visible),
.utrecht-link--html-a:any-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-link--html-span:active,
.utrecht-link--html-a:any-link:active,
.utrecht-link--active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link--telephone {
  white-space: nowrap;
}
.utrecht-link--current {
  cursor: var(--utrecht-action-inert-cursor, normal);
  font-weight: var(--utrecht-link-current-font-weight);
}
.utrecht-link--box-content:any-link {
  color: unset;
  display: inline-block;
  text-decoration-line: unset;
  text-decoration-skip-ink: unset;
  text-decoration-thickness: unset;
  text-underline-offset: unset;
}
.utrecht-link--placeholder {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link--forced-colors {
  --utrecht-focus-outline-color: Highlight;
  --utrecht-focus-inverse-outline-color: HighlightText;
  --utrecht-link-color: linktext;
  --utrecht-link-hover-color: linktext;
  --utrecht-link-focus-color: linktext;
  --utrecht-link-active-color: activetext;
  --utrecht-link-visited-color: visitedtext;
  --utrecht-link-placeholder-color: GrayText;
}
.utrecht-list-social {
  display: flex;
  margin-block-end: var(--utrecht-list-social-margin-block-end);
  margin-block-start: var(--utrecht-list-social-margin-block-start);
  padding-inline-end: var(--utrecht-list-social-padding-inline-end);
  padding-inline-start: var(--utrecht-list-social-padding-inline-start);
}
.utrecht-list-social__item {
  list-style-type: none;
  margin-inline-end: var(--utrecht-list-social-item-margin-inline-end);
}
.utrecht-list-social__item:last-child {
  margin-inline-end: 0;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2023 Frameless B.V.
 */
.utrecht-listbox {
  --utrecht-listbox-max-block-size: 300px;
  background-color: var(--utrecht-listbox-background-color);
  border-color: var(--utrecht-listbox-border-color);
  border-radius: var(--utrecht-listbox-border-radius);
  border-style: solid;
  border-width: var(--utrecht-listbox-border-width);
  box-sizing: border-box;
  cursor: default;
  display: flex;
  flex-direction: column;
  inline-size: var(
    --utrecht-listbox-inline-size,
    var(--utrecht-form-input-max-inline-size)
  );
  max-block-size: var(--utrecht-listbox-max-block-size);
  min-block-size: 1em;
  overflow-block: auto;
  overflow-y: auto;
  padding-block-end: var(--utrecht-listbox-padding-block-end);
  padding-block-start: var(--utrecht-listbox-padding-block-start);
  padding-inline-end: var(--utrecht-listbox-padding-inline-end);
  padding-inline-start: var(--utrecht-listbox-padding-inline-start);
  -webkit-user-select: none;
  user-select: none;
}
@media (forced-colors: active) {
  .utrecht-listbox {
    --utrecht-listbox-option-selected-background-color: Highlight;
    --utrecht-listbox-option-selected-color: HighlightText;
    --utrecht-listbox-option-disabled-background-color: field;
    --utrecht-listbox-option-disabled-color: GrayText;
    background-color: field;
    color: fieldtext;
  }
}
.utrecht-listbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-listbox__list {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
}
.utrecht-listbox__group {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
  margin-block-end: var(--utrecht-listbox-option-group-margin-block-end);
}
.utrecht-listbox__group-label {
  color: var(--utrecht-listbox-option-group-label-color);
  font-size: var(--utrecht-listbox-option-group-label-font-size);
  font-weight: var(--utrecht-listbox-option-group-label-font-weight);
  line-height: var(--utrecht-listbox-option-group-label-line-height);
  margin-inline-start: var(
    --utrecht-listbox-option-group-label-margin-inline-start
  );
}
@media (forced-colors: active) {
  .utrecht-listbox__group-label {
    background-color: field;
    color: fieldtext;
  }
}
.utrecht-listbox__option {
  list-style: none;
  --utrecht-icon-size: var(--utrecht-listbox-option-icon-size, 16px);
  align-items: center;
  background-color: var(--utrecht-listbox-option-background-color);
  box-sizing: border-box;
  color: var(--utrecht-listbox-option-color);
  display: flex;
  min-block-size: var(
    --utrecht-listbox-option-min-block-size,
    var(--utrecht-pointer-target-min-size, 24px)
  );
  padding-block-end: var(--utrecht-listbox-option-padding-block-end);
  padding-block-start: var(--utrecht-listbox-option-padding-block-start);
  padding-inline-end: var(--utrecht-listbox-option-padding-inline-end);
  padding-inline-start: var(--utrecht-listbox-option-padding-inline-start);
}
@media (forced-colors: active) {
  .utrecht-listbox__option {
    forced-color-adjust: none;
  }
}
.utrecht-listbox__option--disabled {
  background-color: var(--utrecht-listbox-option-disabled-background-color);
  color: var(--utrecht-listbox-option-disabled-color);
}
.utrecht-listbox__option--hover {
  background-color: var(
    --utrecht-listbox-option-hover-background-color,
    var(--utrecht-listbox-option-color)
  );
  color: var(
    --utrecht-listbox-option-hover-color,
    var(--utrecht-listbox-option-color)
  );
}
.utrecht-listbox__option--focus {
  background-color: var(
    --utrecht-listbox-option-focus-background-color,
    var(--utrecht-listbox-option-color)
  );
  color: var(
    --utrecht-listbox-option-focus-color,
    var(--utrecht-listbox-option-color)
  );
}
.utrecht-listbox__option--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  --utrecht-focus-outline-offset: calc(var(--utrecht-focus-outline-width) * -1);
}
.utrecht-listbox__option--active {
  background-color: var(--utrecht-listbox-option-is-active-background-color);
  color: var(--utrecht-listbox-option-is-active-color);
  font-weight: var(--utrecht-listbox-option-is-active-font-weight);
}
.utrecht-listbox__option--selected {
  background-color: var(--utrecht-listbox-option-selected-background-color);
  color: var(--utrecht-listbox-option-selected-color);
}
.utrecht-listbox__option--html-li {
  list-style: none;
}
.utrecht-listbox__option--html-li:hover {
  background-color: var(
    --utrecht-listbox-option-hover-background-color,
    var(--utrecht-listbox-option-color)
  );
  color: var(
    --utrecht-listbox-option-hover-color,
    var(--utrecht-listbox-option-color)
  );
}
.utrecht-listbox__option--html-li:focus {
  background-color: var(
    --utrecht-listbox-option-focus-background-color,
    var(--utrecht-listbox-option-color)
  );
  color: var(
    --utrecht-listbox-option-focus-color,
    var(--utrecht-listbox-option-color)
  );
}
.utrecht-listbox--disabled {
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
@media (forced-colors: active) {
  .utrecht-listbox--disabled {
    --utrecht-listbox-option-selected-background-color: GrayText;
    --utrecht-listbox-option-selected-color: field;
    --utrecht-listbox-option-background-color: field;
    --utrecht-listbox-option-color: GrayText;
    --utrecht-listbox-background-color: field;
    --utrecht-listbox-color: GrayText;
  }
}
.utrecht-listbox--html-div:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-logo-button {
  --utrecht-icon-size: var(--utrecht-logo-button-icon, 50px);
  --utrecht-button-min-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-logo-button-block-size, 50px);
  align-items: flex-start;
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-logo-image__decoration-1 {
  fill: var(--utrecht-logo-decoration-1-color, #fff);
}
.utrecht-logo-image__decoration-2 {
  fill: var(--utrecht-logo-decoration-2-color, #c00);
}
.utrecht-logo-image__decoration-3 {
  fill: var(--utrecht-logo-decoration-3-color, #ffb70b);
}
.utrecht-logo {
  display: block;
  max-block-size: var(--utrecht-logo-max-block-size, 192px);
  max-inline-size: var(--utrecht-logo-max-inline-size, 96px);
  min-block-size: var(--utrecht-logo-min-block-size);
  min-inline-size: var(--utrecht-logo-min-inline-size);
}
.utrecht-logo > * {
  block-size: 100%;
  display: inline-block;
  inline-size: auto;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-map-marker {
  --utrecht-icon-size: var(--utrecht-map-marker-icon-size);
  align-items: center;
  background-color: var(--utrecht-map-marker-background-color);
  block-size: var(--utrecht-map-marker-size);
  border-color: var(--utrecht-map-marker-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-map-marker-border-width);
  box-shadow: 13px 3px 3px -2px var(--utrecht-map-marker-box-shadow-color);
  color: var(--utrecht-map-marker-color);
  display: flex;
  inline-size: var(--utrecht-map-marker-size);
  justify-content: center;
}
.utrecht-mapcontrolbutton {
  --utrecht-icon-size: var(--utrecht-mapcontrolbutton-min-block-size);
  --utrecht-icon-color: var(--utrecht-mapcontrolbutton-color);
  align-items: center;
  background-color: var(--utrecht-mapcontrolbutton-background-color);
  border-color: var(--utrecht-mapcontrolbutton-border-color);
  border-radius: var(--utrecht-mapcontrolbutton-border-radius);
  border-style: var(--utrecht-mapcontrolbutton-border-style);
  border-width: var(--utrecht-mapcontrolbutton-border-width);
  color: var(--utrecht-mapcontrolbutton-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  min-block-size: var(--utrecht-mapcontrolbutton-min-block-size);
  min-inline-size: var(--utrecht-mapcontrolbutton-min-inline-size);
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-mapcontrolbutton:disabled,
.utrecht-mapcontrolbutton--disabled {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-disabled-color,
    var(--utrecht-mapcontrolbutton-color)
  );
  background-color: var(--utrecht-mapcontrolbutton-disabled-background-color);
  border-color: var(--utrecht-mapcontrolbutton-disabled-border-color);
  color: var(--utrecht-mapcontrolbutton-disabled-color);
}
.utrecht-mapcontrolbutton--focus-visible,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-mapcontrolbutton--focus,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-focus-color,
    var(--utrecht-mapcontrolbutton-color)
  );
}
.utrecht-mapcontrolbutton:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-mapcontrolbutton--hover:not(:disabled),
.utrecht-mapcontrolbutton:hover:not(
    :disabled,
    .utrecht-mapcontrolbutton--disabled
  ) {
  background-color: var(--utrecht-mapcontrolbutton-hover-background-color);
  color: var(--utrecht-mapcontrolbutton-color);
}
.utrecht-mapcontrolbutton__label {
  display: block;
  padding-inline-end: var(--utrecht-mapcontrolbutton-label-margin-inline-end);
  padding-inline-start: var(
    --utrecht-mapcontrolbutton-label-margin-inline-start
  );
}
.utrecht-mark {
  background-color: var(--utrecht-mark-background-color, revert);
  color: var(--utrecht-mark-color, revert);
}
@media print {
  .utrecht-mark {
    outline-color: currentColor;
    outline-style: dotted;
    outline-width: 0.1em;
  }
}
@media screen and (-ms-high-contrast: active) {
  .utrecht-mark {
    background-color: Highlight;
    color: HighlightText;
  }
}
.utrecht-mark--print {
  outline-color: currentColor;
  outline-style: dotted;
  outline-width: 0.1em;
}
.utrecht-mark--windows-high-contrast {
  background-color: Highlight;
  color: HighlightText;
}
.utrecht-menulijst {
  border-block-end: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  border-block-start: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  font-family: var(--utrecht-document-font-family);
  padding-block-end: var(--utrecht-space-block-sm);
  padding-block-start: var(--utrecht-space-block-sm);
  padding-inline-start: 0;
}
.utrecht-menulijst__item {
  list-style: none;
  margin-block-end: var(--utrecht-space-block-sm);
  margin-block-start: var(--utrecht-space-block-sm);
}
.utrecht-menulijst__item a {
  background-image: var(--utrecht-menulijst-item-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-menulijst-item-color, var(--utrecht-link-color, blue));
  display: block;
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration: none;
}
.utrecht-menulijst__item a:hover {
  color: var(
    --utrecht-menulijst-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-menulijst__link--focus-visible,
.utrecht-menulijst__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-menulijst__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-multiline-data {
  white-space: pre-line;
  white-space-collapse: preserve-breaks;
}
.utrecht-multiline-data--html-pre {
  font-family: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-nav-bar {
  background-color: var(--utrecht-nav-bar-background-color);
  color: var(--utrecht-nav-bar-color);
  display: flex;
  justify-content: center;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-nav-bar {
    border-block-end-color: currentColor;
    border-block-end-style: solid;
    border-block-end-width: 1px;
    border-block-start-color: currentColor;
    border-block-start-style: solid;
    border-block-start-width: 1px;
    padding-block-end: calc(var(--utrecht-focus-outline-width) * 2);
    padding-block-start: calc(var(--utrecht-focus-outline-width) * 2);
  }
}
.utrecht-nav-bar__content {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  inline-size: 100%;
  justify-content: space-between;
  max-inline-size: var(--utrecht-nav-bar-content-max-inline-size);
}
.utrecht-nav-list {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  inline-size: 100%;
  justify-content: start;
}
.utrecht-nav-list--center > * {
  flex: 1 1 0;
  justify-content: center;
}
.utrecht-nav-list__item {
  list-style: none;
  display: inline-flex;
}
.utrecht-nav-list__link {
  font-weight: var(--utrecht-nav-list-link-font-weight);
  max-inline-size: var(--utrecht-nav-bar-link-max-inline-size, 30ch);
  padding-block-end: var(--utrecht-nav-bar-link-padding-block-end);
  padding-block-start: var(--utrecht-nav-bar-link-padding-block-start);
  padding-inline-end: var(--utrecht-nav-bar-link-padding-inline-end);
  padding-inline-start: var(--utrecht-nav-bar-link-padding-inline-start);
  text-decoration: none;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-sidenav {
  --utrecht-sidenav-connection-color: var(--utrecht-sidenav-item-marker-color);
  --utrecht-sidenav-connection-inline-size: 2px;
  --utrecht-sidenav-marker-current-color: var(
    --utrecht-sidenav-link-hover-color
  );
  --utrecht-sidenav-marker-offset: 26px;
  --utrecht-sidenav-connection-block-size: 100%;
  --utrecht-sidenav-marker-height: 8px;
  --utrecht-sidenav-marker-outline-width: 2px;
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  border-block-start: 1px solid var(--utrecht-color-grey-80);
  inline-size: 19rem;
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: 0;
  padding-block-start: 0;
}
.utrecht-sidenav__list {
  margin-block-end: 0;
  margin-block-start: 0.2rem;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
}
.utrecht-sidenav__list--child {
  margin-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 1.4rem;
}
.utrecht-sidenav__item {
  list-style: none;
  margin-inline-start: 0;
  position: relative;
}
.utrecht-sidenav__item--current {
  color: var(
    --utrecht-sidenav-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-sidenav__item--last {
  border-block-end: none;
}
.utrecht-sidenav__item-separator:not(
  .utrecht-sidenav__item--last .utrecht-sidenav__item-separator
) {
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  display: block;
  margin-inline-start: var(--utrecht-space-inline-lg);
}
.utrecht-sidenav__link {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  display: block;
  margin-inline-start: 0;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-block-start: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link:hover {
  color: var(
    --utrecht-sidenav-link-hover-color,
    var(--utrecht-link-hover-color, red)
  );
  text-decoration: underline;
}
.utrecht-sidenav__link--focus-visible,
.utrecht-sidenav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-sidenav__link--parent {
  padding-block-end: 0;
}
.utrecht-sidenav__connection,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:not(
    .utrecht-sidenav__link--sibling,
    .utrecht-sidenav__link--parent,
    .utrecht-sidenav__link--child
  ):after {
  background: var(--utrecht-sidenav-connection-color);
  block-size: calc(
    var(--utrecht-sidenav-connection-block-size) -
      var(--utrecht-sidenav-marker-height) - 2 *
      var(--utrecht-sidenav-marker-outline-width)
  );
  content: '';
  display: block;
  inline-size: var(--utrecht-sidenav-connection-inline-size);
  inset-block-end: 0;
  inset-block-start: calc(var(--utrecht-sidenav-marker-offset));
  inset-inline-start: 3px;
  overflow: hidden;
  position: absolute;
  z-index: 5;
}
.utrecht-sidenav__connection--last,
.utrecht-sidenav__connection--parent,
.utrecht-sidenav__connection--sibling {
  display: none;
}
.utrecht-sidenav__marker,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-item-marker-color);
  block-size: var(--utrecht-sidenav-marker-height);
  border-radius: 100%;
  content: '';
  inline-size: 8px;
  inset-block-start: 20px;
  inset-inline-start: var(--utrecht-sidenav-marker-offset);
  overflow: hidden;
  position: absolute;
  transform: translateY(-50%)
    translate(calc(-1 * var(--utrecht-sidenav-marker-offset)));
  z-index: 10;
}
.utrecht-sidenav__marker--child,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:before {
  background-color: transparent;
  block-size: 4px;
  border: 2px solid var(--utrecht-sidenav-link-color);
  inline-size: 4px;
  inset-block-start: 16px;
  inset-inline-start: 1.2rem;
  transform: translateY(-50%) translate(-19.5px);
}
.utrecht-sidenav__marker--current,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current:before,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child:before {
  background-color: var(--utrecht-sidenav-marker-current-color);
}
.utrecht-sidenav__link--child,
.utrecht-sidenav__link--current-child {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: var(--utrecht-space-block-2xs);
  padding-block-start: var(--utrecht-space-block-2xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link--current,
.utrecht-sidenav__link--current-child {
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
}
.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover .utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
  border: 2px solid var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:after {
  display: none;
}
.utrecht-sidenav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-navhtml {
  font-family: var(--utrecht-document-font-family);
}
.utrecht-topnav__list {
  background-color: var(--utrecht-topnav-list-background-color);
  display: flex;
  justify-content: space-between;
  list-style: none;
  list-style-image: none;
  margin-block-end: 0;
  margin-block-start: 0;
  overflow: visible;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-topnav__item {
  border-inline-end: 1px solid var(--utrecht-topnav-list-border-color);
  flex: 1 0 auto;
  margin-inline-start: 0;
  text-align: center;
}
.utrecht-topnav__item li:first-child {
  border-inline-start: 1px solid var(--utrecht-topnav-list-border-color);
  padding-inline-start: 0;
}
.utrecht-topnav__link {
  color: var(--utrecht-topnav-link-color);
  display: block;
  padding-block-end: 1rem;
  padding-block-start: 1rem;
  text-decoration: none;
}
.utrecht-topnav__link--hover,
.utrecht-topnav__link:hover {
  background-color: var(--utrecht-topnav-link-hover-background-color);
  color: var(--utrecht-topnav-link-color);
  text-decoration: underline;
}
.utrecht-topnav__link--current {
  background-color: var(--utrecht-topnav-list-background-active);
  text-decoration: underline;
}
.utrecht-topnav__link--focus,
.utrecht-topnav__link:focus {
  background-color: var(
    --utrecht-topnav-link-focus-background-color,
    var(--utrecht-topnav-link-background-color)
  );
  color: var(
    --utrecht-topnav-link-focus-color,
    var(--utrecht-topnav-link-color)
  );
}
.utrecht-topnav__link--focus-visible,
.utrecht-topnav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-topnav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-number-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-number-data--positive {
  color: var(--utrecht-number-data-positive-color);
}
.utrecht-number-data--negative {
  color: var(--utrecht-number-data-negative-color);
}
.utrecht-ordered-list,
.utrecht-ordered-list--html-content ol {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-font-size,
      var(--utrecht-document-font-size, inherit)
    )
  );
  line-height: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-line-height,
      var(--utrecht-document-line-height, inherit)
    )
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-end,
        var(--utrecht-unordered-list-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-start,
        var(--utrecht-unordered-list-margin-block-start, 0)
      )
  );
  padding-inline-start: var(
    --utrecht-ordered-list-padding-inline-start,
    var(--utrecht-unordered-list-padding-inline-start, 2ch)
  );
  text-align: start;
}
.utrecht-ordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-ordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-ordered-list--arabic {
  list-style: arabic-indic;
}
.utrecht-ordered-list--html-content > li,
.utrecht-ordered-list--html-content ol > li,
.utrecht-ordered-list__item {
  margin-block-end: var(
    --utrecht-ordered-list-item-margin-block-end,
    var(--utrecht-unordered-list-item-margin-block-end)
  );
  margin-block-start: var(
    --utrecht-ordered-list-item-margin-block-start,
    var(--utrecht-unordered-list-item-margin-block-start)
  );
  padding-inline-start: var(
    --utrecht-ordered-list-item-padding-inline-start,
    var(--utrecht-unordered-list-item-padding-inline-start, 1ch)
  );
}
.utrecht-page-content {
  padding-block-end: var(--utrecht-page-content-padding-block-end);
  padding-block-start: var(--utrecht-page-content-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-content__main {
  grid-area: main;
}
.utrecht-page-content__aside {
  grid-area: aside;
}
.utrecht-page-footer {
  --utrecht-document-color: currentColor;
  --utrecht-heading-color: currentColor;
  --utrecht-link-color: currentColor;
  --utrecht-link-focus-color: currentColor;
  --utrecht-link-hover-color: currentColor;
  --utrecht-link-active-color: currentColor;
  --utrecht-link-visited-color: currentColor;
  background-color: var(--utrecht-page-footer-background-color);
  background-image: var(--utrecht-page-footer-background-image);
  color: var(--utrecht-page-footer-color);
  font-family: var(--utrecht-document-font-family);
  font-size: var(--utrecht-document-font-size);
  padding-block-end: var(--utrecht-page-footer-padding-block-end);
  padding-block-start: var(--utrecht-page-footer-padding-block-start);
  padding-inline-end: var(--utrecht-page-footer-padding-inline-end);
  padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
}
.utrecht-page-footer__address--reset-address {
  font-style: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-page-header {
  background-color: var(--utrecht-page-header-background-color);
  color: var(--utrecht-page-header-color);
  grid-area: 'utrecht-header';
  padding-block-end: var(--utrecht-page-header-padding-block-end);
  padding-block-start: var(--utrecht-page-header-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-header__content {
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-page {
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: calc(
    var(--utrecht-page-max-inline-size) -
      var(--utrecht-page-margin-inline-start, 0px) -
      var(--utrecht-page-margin-inline-end, 0px)
  );
  padding-inline-end: var(--utrecht-page-margin-inline-end);
  padding-inline-start: var(--utrecht-page-margin-inline-start);
}
.utrecht-page__content {
  background-color: var(--utrecht-page-background-color);
  color: var(--utrecht-page-color);
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-pagination {
  font-family: var(
    --utrecht-pagination-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-pagination-font-size,
    var(--utrecht-document-font-family)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-start, 0)
  );
}
.utrecht-pagination--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pagination__relative-link {
  background-color: var(--utrecht-pagination-relative-link-background-color);
  border-color: var(--utrecht-pagination-relative-link-border-color);
  border-radius: var(--utrecht-pagination-relative-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-relative-link-border-width, 0);
  color: var(--utrecht-pagination-relative-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-relative-link-font-weight);
  padding-block-end: var(--utrecht-pagination-relative-link-padding-block-end);
  padding-block-start: var(
    --utrecht-pagination-relative-link-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-pagination-relative-link-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-pagination-relative-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-relative-link-text-decoration);
  text-transform: var(--utrecht-pagination-relative-link-text-transform);
}
.utrecht-pagination__relative-link--next {
  margin-inline-start: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__relative-link--prev {
  margin-inline-end: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-end
  );
}
.utrecht-pagination__relative-link--disabled {
  background-color: var(
    --utrecht-pagination-relative-link-disabled-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  color: var(
    --utrecht-pagination-relative-link-disabled-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__relative-link--hover,
.utrecht-pagination__relative-link:hover {
  background-color: var(
    --utrecht-pagination-relative-link-hover-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-relative-link-hover-border-color,
    var(--utrecht-pagination-relative-link-border-color)
  );
  color: var(
    --utrecht-pagination-relative-link-hover-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__page-link {
  background-color: var(--utrecht-pagination-page-link-background-color);
  border-color: var(--utrecht-pagination-page-link-border-color, 0);
  border-radius: var(--utrecht-pagination-page-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-page-link-border-width);
  color: var(--utrecht-pagination-page-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-page-link-font-weight);
  padding-block-end: var(--utrecht-pagination-page-link-padding-block-end);
  padding-block-start: var(--utrecht-pagination-page-link-padding-block-start);
  padding-inline-end: var(--utrecht-pagination-page-link-padding-inline-end);
  padding-inline-start: var(
    --utrecht-pagination-page-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-page-link-text-decoration);
}
.utrecht-pagination__page-link--current {
  --utrecht-pagination-page-link-background-color: var(
    --utrecht-pagination-page-link-current-background-color
  );
  --utrecht-pagination-page-link-border-color: var(
    --utrecht-pagination-page-link-current-border-color
  );
  --utrecht-pagination-page-link-color: var(
    --utrecht-pagination-page-link-current-color
  );
}
.utrecht-pagination__page-link ~ .utrecht-pagination__page-link {
  margin-inline-start: var(
    --utrecht-pagination-page-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__page-link--hover,
.utrecht-pagination__page-link:hover {
  background-color: var(
    --utrecht-pagination-page-link-hover-background-color,
    var(--utrecht-pagination-page-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-page-link-hover-border-color,
    var(--utrecht-pagination-page-link-border-color)
  );
  color: var(
    --utrecht-pagination-page-link-hover-color,
    var(--utrecht-pagination-page-link-color)
  );
}
.utrecht-pagination__page-link:focus,
.utrecht-pagination__relative-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-pagination__page-link:focus:not(:focus-visible),
.utrecht-pagination__relative-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-paragraph {
  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
  font-family: var(
    --utrecht-paragraph-font-family,
    var(--utrecht-document-font-family, inherit)
  );
  font-size: var(
    --utrecht-paragraph-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  font-weight: var(--utrecht-paragraph-font-weight, inherit);
  line-height: var(
    --utrecht-paragraph-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-start, 0)
  );
}
.utrecht-paragraph--lead {
  color: var(
    --utrecht-paragraph-lead-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-lead-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-lead-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-lead-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph--small {
  color: var(
    --utrecht-paragraph-small-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-small-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-small-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-small-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph__small {
  font-size: inherit;
}
.utrecht-paragraph__b {
  font-weight: inherit;
}
.utrecht-paragraph--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pre-heading {
  color: var(
    --utrecht-pre-heading-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-pre-heading-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-pre-heading-font-size);
  font-weight: var(
    --utrecht-pre-heading-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-pre-heading-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-start, 0)
  );
  order: var(--utrecht-pre-heading-order, 0);
}
.utrecht-pre-heading--distanced {
  --utrecht-space-around: 1;
}
.utrecht-preserve-data {
  unicode-bidi: isolate;
  white-space-collapse: preserve-spaces;
}
.utrecht-radio-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  --_utrecht-radio-button-background-color: var(
    --_utrecht-radio-button-interactive-background-color,
    var(
      --_utrecht-radio-button-state-background-color,
      var(--utrecht-radio-button-background-color)
    )
  );
  --_utrecht-radio-button-border-color: var(
    --_utrecht-radio-button-interactive-border-color,
    var(
      --_utrecht-radio-button-state-border-color,
      var(--utrecht-radio-button-border-color, currentColor)
    )
  );
  --_utrecht-radio-button-border-width: var(
    --_utrecht-radio-button-interactive-border-width,
    var(
      --_utrecht-radio-button-state-border-width,
      var(--utrecht-radio-button-border-width)
    )
  );
  --_utrecht-radio-button-color: var(
    --_utrecht-radio-button-interactive-color,
    var(
      --_utrecht-radio-button-state-color,
      var(--utrecht-radio-button-color, currentColor)
    )
  );
  --_utrecht-radio-button-icon-size: 0;
  background-color: var(--_utrecht-radio-button-background-color);
  background-image: radial-gradient(
    circle,
    var(--_utrecht-radio-button-color, transparent)
      calc(var(--_utrecht-radio-button-icon-size, 50%) - 5%),
    var(--_utrecht-radio-button-background-color, currentColor)
      var(--_utrecht-radio-button-icon-size, 50%)
  );
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-radio-button-size, 1em);
  border-color: var(--_utrecht-radio-button-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--_utrecht-radio-button-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-radio-button-size, 1em);
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
}
.utrecht-radio-button--checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--hover {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--focus {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--active {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
}
.utrecht-radio-button--disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--invalid {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--html-input:disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--html-input:invalid,
.utrecht-radio-button--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:focus:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--html-input:hover:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--html-input:active:not(
    [aria-disabled='true'],
    :disabled
  ) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-search-bar {
  --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
  --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-transform);
  --utrecht-button-font-size: var(--utrecht-search-bar-button-font-size);
  --utrecht-button-font-weight: var(--utrecht-search-bar-button-font-weight);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-search-bar-button-background-color
  );
  --utrecht-button-primary-action-color: var(--utrecht-search-bar-button-color);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-search-bar-button-hover-background-color
  );
  --utrecht-textbox-border-color: var(--utrecht-search-bar-input-border-color);
  --utrecht-textbox-padding-inline-start: var(
    --utrecht-search-bar-input-padding-inline-start
  );
  --utrecht-textbox-border-bottom-width: var(
    --utrecht-search-bar-input-border-bottom-width
  );
  --utrecht-textbox-max-inline-size: var(
    --utrecht-search-bar-input-max-inline-size
  );
  display: flex;
}
.utrecht-search-bar__input {
  background-image: var(--utrecht-search-bar-input-background-image, none);
  background-position-x: var(--utrecht-search-bar-input-background-position-x);
  background-position-y: var(--utrecht-search-bar-input-background-position-y);
  background-repeat: no-repeat;
  background-size: var(--utrecht-search-bar-input-background-size);
}
.utrecht-search-bar__dropdown {
  border-color: var(--utrecht-search-bar-dropdown-border-color);
  border-style: solid;
  border-width: var(--utrecht-search-bar-dropdown-border-width);
  inline-size: var(
    --utrecht-search-bar-dropdown-inline-size,
    var(--utrecht-form-input-max-inline-size)
  );
  max-block-size: var(--utrecht-search-bar-dropdown-max-block-size);
  overflow: auto;
  padding-block-end: var(--utrecht-search-bar-dropdown-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-dropdown-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-dropdown-padding-inline-end);
  padding-inline-start: var(--utrecht-search-bar-dropdown-padding-inline-start);
  position: absolute;
  z-index: var(--utrecht-search-bar-dropdown-z-index);
}
.utrecht-search-bar__section-title {
  color: var(--utrecht-search-bar-section-title-color);
  font-size: var(--utrecht-search-bar-section-title-font-size);
  font-weight: var(--utrecht-search-bar-section-title-font-weight);
  line-height: var(--utrecht-search-bar-section-title-line-height);
  margin-inline-start: var(
    --utrecht-search-bar-section-title-margin-inline-start
  );
}
.utrecht-search-bar__list-item {
  padding-block-end: var(--utrecht-search-bar-list-item-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-list-item-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-list-item-padding-inline-end);
  padding-inline-start: var(
    --utrecht-search-bar-list-item-padding-inline-start
  );
}
.utrecht-search-bar__list-item--is-active {
  background-color: var(
    --utrecht-search-bar-list-item-is-active-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-active-color);
  font-weight: var(--utrecht-search-bar-list-item-is-active-font-weight);
}
.utrecht-search-bar__list-item--is-selected {
  background-color: var(
    --utrecht-search-bar-list-item-is-selected-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-selected-color);
}
.utrecht-select {
  background-color: var(
    --utrecht-select-background-color,
    var(--utrecht-form-control-background-color)
  );
  border-block-end-width: var(
    --utrecht-select-border-block-end-width,
    var(--utrecht-select-border-width, var(--utrecht-form-control-border-width))
  );
  border-block-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-color: var(
    --utrecht-select-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-inline-end-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-inline-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-radius: var(
    --utrecht-select-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  color: var(--utrecht-select-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-select-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-select-font-size,
    var(--utrecht-form-control-font-size)
  );
  inline-size: 100%;
  min-block-size: var(
    --utrecht-select-min-block-size,
    var(--utrecht-pointer-target-min-size, 44px)
  );
  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
  max-inline-size: var(
    --utrecht-select-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  padding-block-end: var(
    --utrecht-select-padding-block-end,
    var(--utrecht-form-control-padding-block-end)
  );
  padding-block-start: var(
    --utrecht-select-padding-block-start,
    var(--utrecht-form-control-padding-block-start)
  );
  padding-inline-end: var(
    --utrecht-select-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end)
  );
  padding-inline-start: var(
    --utrecht-select-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start)
  );
}
.utrecht-select--disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-select--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-select--invalid {
  --_utrecht-select-border-width: var(
    --utrecht-select-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-select-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-select-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-select-border-width);
  border-block-end-width: var(
    --utrecht-select-invalid-border-block-end-width,
    var(
      --utrecht-form-control-invalid-border-block-end-width,
      var(
        --utrecht-select-border-block-end-width,
        var(
          --utrecht-form-control-border-block-end-width,
          var(--_utrecht-select-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-select-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
}
.utrecht-select--html-select:focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--html-select:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-select--html-select:disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--html-select:not([multiple]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: var(--utrecht-select-background-image);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 1.4em;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-separator {
  border-color: var(--utrecht-separator-color);
  border-style: solid;
  border-width: 0 0 var(--utrecht-separator-block-size) 0;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-start, 0)
  );
}
.utrecht-separator--distanced {
  --utrecht-space-around: 1;
}
.utrecht-skip-link {
  align-items: center;
  background-color: var(--utrecht-skip-link-background-color, ButtonFace);
  box-sizing: border-box;
  color: var(--utrecht-skip-link-color, ButtonText);
  display: inline-flex;
  justify-content: center;
  min-block-size: var(--utrecht-skip-link-min-block-size, 44px);
  min-inline-size: var(--utrecht-skip-link-min-inline-size, 44px);
  padding-block-end: var(--utrecht-skip-link-padding-block-end);
  padding-block-start: var(--utrecht-skip-link-padding-block-start);
  padding-inline-end: var(--utrecht-skip-link-padding-inline-end);
  padding-inline-start: var(--utrecht-skip-link-padding-inline-start);
  text-decoration: var(--utrecht-skip-link-text-decoration);
}
.utrecht-skip-link--hidden,
.utrecht-skip-link--visible-on-focus {
  inset-block-start: -200%;
  position: fixed;
}
.utrecht-skip-link--visible-on-focus:focus {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--visible {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--focus,
.utrecht-skip-link:focus,
.utrecht-skip-link:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  text-decoration: var(--utrecht-skip-link-focus-text-decoration);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2020-2022 Gemeente Utrecht
 * Copyright (c) 2020-2022 Frameless B.V.
 */
.utrecht-spotlight-section {
  background-color: var(
    --_utrecht-spotlight-section-background-color,
    var(--utrecht-spotlight-section-background-color)
  );
  border-color: var(
    --_utrecht-spotlight-section-border-color,
    var(--utrecht-spotlight-section-border-color)
  );
  border-style: solid;
  border-width: var(
    --_utrecht-spotlight-section-border-width,
    var(--utrecht-spotlight-section-border-width, 0)
  );
  color: var(
    --_utrecht-spotlight-section-color,
    var(--utrecht-spotlight-section-color)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-start, 0)
  );
  padding-block-end: var(--utrecht-spotlight-section-padding-block-end);
  padding-block-start: var(--utrecht-spotlight-section-padding-block-start);
  padding-inline-end: var(--utrecht-spotlight-section-padding-inline-end);
  padding-inline-start: var(--utrecht-spotlight-section-padding-inline-start);
}
.utrecht-spotlight-section--info {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-info-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-info-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-info-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-info-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-info-color
  );
}
.utrecht-spotlight-section--warning {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-warning-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-warning-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-warning-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-warning-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-warning-color
  );
}
.utrecht-surface {
  background-color: var(--utrecht-surface-background-color, inherit);
  color: var(--utrecht-surface-color, inherit);
}
.utrecht-surface--html-body {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.utrecht-table-container--overflow-inline {
  background-attachment: local, local, scroll, scroll;
  background-image:
    linear-gradient(to right, #fff, #fff),
    linear-gradient(to right, #fff, #fff),
    linear-gradient(to right, #00000040, #fff0),
    linear-gradient(to left, #00000040, #fff0);
  background-position:
    left center,
    right center,
    left center,
    right center;
  background-repeat: no-repeat;
  background-size:
    20px 100%,
    20px 100%,
    10px 100%,
    10px 100%;
  overflow: auto;
}
.utrecht-table {
  border-collapse: separate;
  border-color: var(--utrecht-table-border-color, 0);
  border-spacing: 0;
  border-style: solid;
  border-width: var(--utrecht-table-border-width, 0);
  font-family: var(
    --utrecht-table-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-table-font-size, inherit);
  inline-size: 100%;
  line-height: var(--utrecht-table-line-height, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-start, 0)
  );
}
.utrecht-table--distanced {
  --utrecht-space-around: 1;
}
.utrecht-table--html-table > caption,
.utrecht-table__caption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > figcaption,
.utrecht-table__figcaption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > thead,
.utrecht-table__header {
  --_utrecht-table-header-cell-vertical-align: bottom;
  --_utrecht-table-header-cell-z-index: 8;
  background-color: var(--utrecht-table-header-background-color);
  break-inside: avoid;
  color: var(--utrecht-table-header-color);
  font-weight: var(--utrecht-table-header-font-weight);
  page-break-inside: avoid;
  text-transform: var(--utrecht-table-header-text-transform);
}
.utrecht-table__header--sticky th {
  background-color: var(--utrecht-table-header-sticky-background-color);
  color: var(--utrecht-table-header-sticky-color);
  inset-block-start: 0;
  position: sticky;
}
.utrecht-table__header--sticky tr:last-child > th {
  border-block-end-color: var(
    --utrecht-table-header-sticky-border-block-end-color,
    var(--utrecht-table-header-border-block-end-color, transparent)
  );
  border-block-end-style: solid;
  border-block-end-width: var(
    --utrecht-table-header-sticky-border-block-end-width,
    var(--utrecht-table-header-border-block-end-width, 0)
  );
}
.utrecht-table__footer {
  --_utrecht-table-header-cell-z-index: 5;
  z-index: 3;
}
.utrecht-table__footer--sticky {
  background-color: var(
    --utrecht-table-footer-sticky-background-color,
    var(--utrecht-table-footer-background-color)
  );
  color: var(
    --utrecht-table-footer-sticky-color,
    var(--utrecht-table-footer-color)
  );
  inset-block-end: 0;
  position: sticky;
}
.utrecht-table__footer--sticky tr:first-child > th,
.utrecht-table__footer--sticky tr:first-child > td {
  border-block-start-color: var(
    --utrecht-table-header-sticky-border-block-start-color,
    var(--utrecht-table-header-border-block-start-color, transparent)
  );
  border-block-start-style: solid;
  border-block-start-width: var(
    --utrecht-table-header-sticky-border-block-start-width,
    var(--utrecht-table-header-border-block-start-width, 0)
  );
}
.utrecht-table--html-table > tbody,
.utrecht-table__body {
  --_utrecht-table-header-cell-z-index: 2;
}
.utrecht-table--fixed {
  inline-size: fit-content;
  table-layout: fixed;
}
.utrecht-table--fixed th,
.utrecht-table--oneline th,
.utrecht-table--oneline td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table--html-table > tr,
.utrecht-table--html-table > thead > tr,
.utrecht-table--html-table > tbody > tr,
.utrecht-table--html-table > tfoot > tr,
.utrecht-table__row {
  break-inside: avoid;
  page-break-inside: avoid;
}
.utrecht-table__row--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table--html-table > tr > th,
.utrecht-table--html-table > thead > tr > th,
.utrecht-table--html-table > tbody > tr > th,
.utrecht-table--html-table > tfoot > tr > th,
.utrecht-table__header-cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  color: var(--utrecht-table-header-cell-color);
  font-size: var(--utrecht-table-header-cell-font-size);
  font-weight: var(--utrecht-table-header-cell-font-weight, bold);
  text-transform: var(--utrecht-table-header-cell-text-transform);
  vertical-align: var(--_utrecht-table-header-cell-vertical-align, top);
  z-index: var(--_utrecht-table-header-cell-z-index);
}
.utrecht-table__header-cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--sticky-block {
  background-color: #eee;
  color: #000;
  inset-block-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 2);
}
.utrecht-table__header-cell--sticky-inline {
  background-color: #eee;
  color: #000;
  inset-inline-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 1);
}
.utrecht-table--html-table > tr > td,
.utrecht-table--html-table > thead > tr > td,
.utrecht-table--html-table > tbody > tr > td,
.utrecht-table--html-table > tfoot > tr > td,
.utrecht-table__cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  border-block-end-color: var(
    --utrecht-table-row-border-block-end-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-table-row-border-block-end-width, 0);
  vertical-align: top;
}
.utrecht-table--html-table > tr > td:first-child,
.utrecht-table--html-table > thead > tr > td:first-child,
.utrecht-table--html-table > tbody > tr > td:first-child,
.utrecht-table--html-table > tfoot > tr > td:first-child,
.utrecht-table__cell--first {
  padding-inline-start: var(
    --utrecht-table-row-padding-inline-start,
    var(--utrecht-table-cell-padding-inline-start, 0)
  );
}
.utrecht-table--html-table > tr > td:last-child,
.utrecht-table--html-table > thead > tr > td:last-child,
.utrecht-table--html-table > tbody > tr > td:last-child,
.utrecht-table--html-table > tfoot > tr > td:last-child,
.utrecht-table__cell--last {
  padding-inline-end: var(
    --utrecht-table-row-padding-inline-end,
    var(--utrecht-table-cell-padding-inline-end, 0)
  );
}
.utrecht-table__cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--numeric-column,
.utrecht-table__cell--numeric-column {
  --_utrecht-table-cell-text-align: right;
  text-align: var(--_utrecht-table-cell-text-align);
}
.utrecht-table__cell--numeric-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-table__row--alternate-odd {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table__row--alternate-even {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table__header-cell {
  --utrecht-button-font-size: inherit;
  --utrecht-button-font-weight: inherit;
  --utrecht-button-padding-inline-start: var(
    --utrecht-table-cell-padding-inline-start
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-table-cell-padding-inline-end
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-table-cell-padding-block-start
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-table-cell-padding-block-end
  );
  --utrecht-button-hover-scale: 1;
  --utrecht-button-focus-scale: 1;
  --utrecht-button-min-block-size: 100%;
  --utrecht-button-min-inline-size: 100%;
  --utrecht-button-border-color: transparent;
  --utrecht-button-border-size: 1px;
}
.utrecht-table__header-cell:has(.utrecht-button) {
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-table__header-cell-button {
  justify-content: var(--_utrecht-table-cell-text-align, start);
}
.utrecht-table__data--truncate {
  display: block;
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table__container {
  max-inline-size: 100%;
  overflow-inline: scroll;
}
.utrecht-table__header--hidden {
  block-size: 1px;
  border: 0 solid silver;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  inline-size: 1px;
  outline: 1px solid red;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.utrecht-table--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(odd) {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(2n) {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__header-cell,
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__header-cell,
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-textarea {
  background-color: var(
    --utrecht-textarea-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textarea-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textarea-border-bottom-width,
    var(
      --utrecht-textarea-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textarea-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textarea-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textarea-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textarea-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textarea-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(--utrecht-textarea-line-height, initial);
  max-inline-size: var(
    --utrecht-textarea-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  min-block-size: var(
    --utrecht-textarea-min-block-size,
    var(--utrecht-pointer-target-min-size, 44px)
  );
  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
  padding-block-end: var(
    --utrecht-textarea-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textarea-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textarea-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textarea-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
  resize: vertical;
  resize: block;
}
.utrecht-textarea--invalid {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea__placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textarea--html-textarea:focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--html-textarea:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textarea--html-textarea:invalid,
.utrecht-textarea--html-textarea[aria-invalid='true'] {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--html-textarea::placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-textbox {
  --_utrecht-textbox-value-char: 0.667em + 0.334ch;
  --_utrecht-textbox-max-inline-size: calc(
    calc(
        var(--utrecht-textbox-value-max-length) *
          var(--_utrecht-textbox-value-char)
      ) +
      var(
        --utrecht-textbox-padding-inline-end,
        var(--utrecht-form-control-padding-inline-end, 0)
      ) +
      var(
        --utrecht-textbox-padding-inline-start,
        var(--utrecht-form-control-padding-inline-start, 0)
      ) +
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width, 0)
      ) +
      var(--utrecht-textbox-autocomplete-ui-size, 44px)
  );
  background-color: var(
    --utrecht-textbox-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textbox-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textbox-border-bottom-width,
    var(
      --utrecht-textbox-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textbox-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textbox-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textbox-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textbox-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(
    --utrecht-textbox-line-height,
    var(--utrecht-form-control-line-height, initial)
  );
  min-block-size: var(--utrecht-pointer-target-min-size, 44px);
  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
  max-inline-size: min(
    var(--_utrecht-textbox-max-inline-size, 100%),
    var(
      --utrecht-textbox-max-inline-size,
      var(--utrecht-form-control-max-inline-size)
    )
  );
  padding-block-end: var(
    --utrecht-textbox-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textbox-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textbox-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textbox-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
}
.utrecht-textbox--invalid {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox__placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--numeric {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-textbox--password {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--postal-code-nl-size {
  --utrecht-textbox-value-max-length: 7;
}
.utrecht-textbox--house-number-size {
  --utrecht-textbox-value-max-length: 5;
}
.utrecht-textbox--house-letter-size {
  --utrecht-textbox-value-max-length: 1;
}
.utrecht-textbox--house-addition-size {
  --utrecht-textbox-value-max-length: 4;
}
.utrecht-textbox--voorvoegsel-size {
  --utrecht-textbox-value-max-length: 10;
}
.utrecht-textbox--tel-size {
  --utrecht-textbox-value-max-length: 19;
}
.utrecht-textbox--tel-nl-size {
  --utrecht-textbox-value-max-length: 13;
}
.utrecht-textbox--iban-size {
  --utrecht-textbox-value-max-length: 41;
}
.utrecht-textbox--iban-nl-size {
  --utrecht-textbox-value-max-length: 22;
}
.utrecht-textbox--placeholder-ltr::placeholder,
.utrecht-textbox--placeholder-ltr:placeholder-shown {
  direction: ltr;
}
.utrecht-textbox--placeholder-rtl::placeholder,
.utrecht-textbox--placeholder-rtl:placeholder-shown {
  direction: rtl;
}
.utrecht-textbox--url {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input:focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textbox--html-input:invalid,
.utrecht-textbox--html-input[aria-invalid='true'] {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--html-input::placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--html-input[type='password' i] {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--html-input[type='url' i],
.utrecht-textbox--html-input[type='email' i],
.utrecht-textbox--html-input[inputMode='email' i],
.utrecht-textbox--html-input[inputMode='url' i] {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input[pattern='\\d*'],
.utrecht-textbox--html-input[pattern='[0-9]*'],
.utrecht-textbox--html-input[type='number' i],
.utrecht-textbox--html-input[type='tel' i],
.utrecht-textbox--html-input[inputMode='numeric' i],
.utrecht-textbox--html-input[inputMode='decimal' i],
.utrecht-textbox--html-input[inputMode='tel' i] {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-toptask-link {
  --utrecht-icon-color: currentColor;
  --utrecht-icon-size: var(--utrecht-toptask-link-icon-size);
  background-color: var(--utrecht-toptask-link-background-color);
  color: var(--utrecht-toptask-link-color);
  display: flex;
  flex-direction: column;
  font-size: var(--utrecht-toptask-link-font-size);
  line-height: var(--utrecht-toptask-link-line-height);
  max-inline-size: var(--utrecht-toptask-link-max-inline-size);
  min-block-size: var(--utrecht-toptask-link-min-block-size);
  min-inline-size: var(--utrecht-toptask-link-min-inline-size);
  padding-block-end: var(--utrecht-toptask-link-padding-block-end);
  padding-block-start: var(--utrecht-toptask-link-padding-block-start);
  padding-inline-end: var(--utrecht-toptask-link-padding-inline-end);
  padding-inline-start: var(--utrecht-toptask-link-padding-inline-start);
  text-decoration: none;
}
.utrecht-toptask-link--hover,
.utrecht-toptask-link:hover {
  background-color: var(
    --utrecht-toptask-link-hover-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-hover-color,
    var(--utrecht-toptask-link-color)
  );
  transform: var(--utrecht-toptask-link-hover-transform-scale, 1);
}
.utrecht-toptask-link--focus-visible,
.utrecht-toptask-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-toptask-link--focus,
.utrecht-toptask-link:focus {
  background-color: var(
    --utrecht-toptask-link-focus-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-focus-color,
    var(--utrecht-toptask-link-color)
  );
}
.utrecht-toptask-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-toptask-link__title {
  display: block;
}
.utrecht-toptask-link__icon {
  display: block;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-md);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-toptask-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--utrecht-toptask-nav-gap);
}
.utrecht-toptask-nav--grid {
  --utrecht-toptask-link-max-inline-size: var(
    --utrecht-toptask-nav-link-grid-max-inline-size
  );
  flex-direction: row;
}
.utrecht-unordered-list,
.utrecht-unordered-list--html-content ul {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-unordered-list-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  line-height: var(
    --utrecht-unordered-list-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
  text-align: start;
}
.utrecht-unordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-unordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-unordered-list--nested,
.utrecht-unordered-list--html-content ul {
  margin-block-end: 0;
  margin-inline-start: 2ch;
}
.utrecht-unordered-list--html-content > li,
.utrecht-unordered-list--html-content ul > li,
.utrecht-unordered-list__item {
  margin-block-end: var(--utrecht-unordered-list-item-margin-block-end);
  margin-block-start: var(--utrecht-unordered-list-item-margin-block-start);
  padding-inline-start: var(
    --utrecht-unordered-list-item-padding-inline-start,
    1ch
  );
}
.utrecht-unordered-list--html-content > li::marker,
.utrecht-unordered-list--html-content ul > li::marker,
.utrecht-unordered-list__item::marker,
.utrecht-unordered-list__marker {
  color: var(--utrecht-unordered-list-marker-color);
  content: '●';
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-url-data {
  break-inside: avoid;
  font-variant-ligatures: none;
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: anywhere;
  page-break-inside: avoid;
}
:root,
::backdrop {
  --of-progress-indicator-mobile-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  --denhaag-process-steps-sub-step-marker-size: 12px;
  --denhaag-process-steps-step-marker-size: 28px;
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
  --utrecht-stack-focus-z-index: 1;
  --utrecht-border-style-dotted: dotted;
  --utrecht-border-style-solid: solid;
  --utrecht-border-radius-none: 0;
  --utrecht-border-radius-round: 999px;
  --utrecht-border-radius-lg: 8px;
  --utrecht-border-radius-md: 4px;
  --utrecht-border-radius-sm: 2px;
  --utrecht-border-width-md: 2px;
  --utrecht-border-width-sm: 1px;
  --utrecht-typography-line-height-lg: 2;
  --utrecht-typography-line-height-md: 1.5;
  --utrecht-typography-line-height-sm: 1.25;
  --utrecht-typography-line-height-xs: 1;
  --utrecht-typography-font-style-inherit: inherit;
  --utrecht-typography-font-style-normal: normal;
  --utrecht-typography-weight-scale-normal-font-weight: 400;
  --utrecht-typography-weight-scale-bold-font-weight: 700;
  --utrecht-typography-scale-4xl-font-size: 2rem;
  --utrecht-typography-scale-3xl-font-size: 1.5rem;
  --utrecht-typography-scale-2xl-font-size: 1.375rem;
  --utrecht-typography-scale-xl-font-size: 1.25rem;
  --utrecht-typography-scale-lg-font-size: 1.125rem;
  --utrecht-typography-scale-md-font-size: 1rem;
  --utrecht-typography-scale-sm-font-size: 0.875rem;
  --utrecht-typography-scale-xs-font-size: 0.75rem;
  --utrecht-typography-scale-2xs-font-size: 0.5rem;
  --utrecht-typography-sans-serif-font-family:
    'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Arial', sans-serif;
  --utrecht-icon-scale-4xl: 48px;
  --utrecht-icon-scale-3xl: 36px;
  --utrecht-icon-scale-2xl: 30px;
  --utrecht-icon-scale-xl: 26px;
  --utrecht-icon-scale-lg: 24px;
  --utrecht-icon-scale-md: 16px;
  --utrecht-icon-scale-sm: 12px;
  --utrecht-icon-scale-xs: 8px;
  --utrecht-icon-scale-2xs: 4px;
  --utrecht-icon-scale-3xs: 1px;
  --utrecht-color-black: hsl(0 0% 0%);
  --utrecht-color-white: hsl(0 0% 100%);
  --utrecht-color-invalid: #990000;
  --utrecht-color-secondary-grey: #757575;
  --utrecht-color-secondary-brown: #ad643b;
  --utrecht-color-secondary-navy: #1c4181;
  --utrecht-color-secondary-blue: #006dff;
  --utrecht-color-secondary-cyan: #009ed4;
  --utrecht-color-secondary-green: #32ab27;
  --utrecht-color-secondary-lime: #99d000;
  --utrecht-color-secondary-yellow: #ffcc00;
  --utrecht-color-secondary-orange: #ff6e00;
  --utrecht-color-secondary-red: #cc0000;
  --utrecht-color-secondary-magenta: #f02198;
  --utrecht-color-secondary-purple: #762cd1;
  --utrecht-color-green-90: hsl(90 30% 90%);
  --utrecht-color-green-80: hsl(90 30% 80%);
  --utrecht-color-green-50: hsl(90 30% 50%);
  --utrecht-color-green-40: hsl(90 30% 38%);
  --utrecht-color-green-30: hsl(90 30% 30%);
  --utrecht-color-yellow-80: hsl(48 100% 80%);
  --utrecht-color-yellow-60: hsl(48 100% 60%);
  --utrecht-color-yellow-50: hsl(48 100% 50%);
  --utrecht-color-yellow-40: hsl(48 100% 40%);
  --utrecht-color-yellow-20: hsl(48 100% 20%);
  --utrecht-color-grey-95: hsl(0 0% 95%);
  --utrecht-color-grey-90: hsl(0 0% 90%);
  --utrecht-color-grey-80: hsl(0 0% 80%);
  --utrecht-color-grey-40: hsl(0 0% 40%);
  --utrecht-color-grey-30: hsl(0 0% 30%);
  --utrecht-color-grey-20: hsl(0 0% 20%);
  --utrecht-color-grey-15: hsl(0 0% 15%);
  --utrecht-color-grey-10: hsl(0 0% 10%);
  --utrecht-color-blue-90: hsl(211 60% 90%);
  --utrecht-color-blue-80: hsl(211 60% 80%);
  --utrecht-color-blue-60: hsl(211 60% 60%);
  --utrecht-color-blue-50: hsl(211 60% 50%);
  --utrecht-color-blue-40: hsl(211 60% 40%);
  --utrecht-color-blue-35: hsl(211 60% 35%);
  --utrecht-color-blue-30: hsl(211 60% 30%);
  --utrecht-color-blue-20: hsl(211 60% 20%);
  --utrecht-color-red-95: hsl(0 100% 95%);
  --utrecht-color-red-40: hsl(0 100% 40%);
  --utrecht-color-red-30: hsl(0 100% 30%);
  --utrecht-color-red-20: hsl(0 100% 20%);
  --utrecht-unordered-list-item-margin-block-end: 0.25rem;
  --utrecht-unordered-list-item-margin-block-start: 0.25rem;
  --utrecht-unordered-list-margin-block-end: 0;
  --utrecht-toptask-link-icon-size: 2.25rem;
  --utrecht-toptask-link-hover-transform-scale: 1.02;
  --utrecht-toptask-link-min-inline-size: 15rem;
  --utrecht-toptask-link-min-block-size: 8.25rem;
  --utrecht-toptask-link-line-height: 1.2;
  --utrecht-toptask-link-font-size: 1rem;
  --utrecht-textbox-border-bottom-width: 3px;
  --utrecht-textarea-border-bottom-width: 3px;
  --utrecht-table-footer-sticky-border-block-start-width: 2px;
  --utrecht-table-cell-icon-size: 1em;
  --utrecht-table-cell-padding-inline-start: 0.4em;
  --utrecht-table-cell-padding-inline-end: 0.4em;
  --utrecht-table-cell-padding-block-start: 0.5em;
  --utrecht-table-cell-padding-block-end: 0.5em;
  --utrecht-table-cell-line-height: 24px;
  --utrecht-table-header-sticky-border-block-end-width: 2px;
  --utrecht-table-caption-margin-block-end: 1em;
  --utrecht-table-caption-text-align: start;
  --utrecht-table-caption-font-size: 1.125em;
  --utrecht-table-margin-block-end: 0;
  --utrecht-separator-block-size: 8px;
  --utrecht-select-border-block-end-width: 3px;
  --utrecht-search-bar-dropdown-max-block-size: 300px;
  --utrecht-search-bar-dropdown-border-width: 1px;
  --utrecht-search-bar-input-background-size: 1em;
  --utrecht-search-bar-input-background-position-y: 50%;
  --utrecht-search-bar-input-background-position-x: 0.5em;
  --utrecht-search-bar-button-hover-scale: 1;
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
  --utrecht-radio-button-margin-inline-end: 12px;
  --utrecht-radio-button-border-radius: 0;
  --utrecht-radio-button-invalid-border-width: 2px;
  --utrecht-radio-button-icon-size: 42%;
  --utrecht-radio-button-size: 24px;
  --utrecht-radio-button-border-width: 2px;
  --utrecht-paragraph-margin-block-end: 0;
  --utrecht-pagination-relative-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-relative-link-distanced-margin-inline-end: 0.5em;
  --utrecht-pagination-relative-link-text-transform: uppercase;
  --utrecht-pagination-relative-link-text-decoration: none;
  --utrecht-pagination-relative-link-padding-block-start: 0.5em;
  --utrecht-pagination-relative-link-padding-block-end: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-start: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-end: 0.5em;
  --utrecht-pagination-relative-link-border-width: 2px;
  --utrecht-pagination-page-link-border-color: transparent;
  --utrecht-pagination-page-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-page-link-text-decoration: none;
  --utrecht-pagination-page-link-padding-block-start: 0.5em;
  --utrecht-pagination-page-link-padding-block-end: 0.5em;
  --utrecht-pagination-page-link-padding-inline-start: 0.5em;
  --utrecht-pagination-page-link-padding-inline-end: 0.5em;
  --utrecht-pagination-page-link-border-width: 2px;
  --utrecht-pagination-page-link-background-color: transparent;
  --utrecht-pagination-margin-block-end: 1em;
  --utrecht-pagination-margin-block-start: 0;
  --utrecht-pagination-font-size: 14px;
  --utrecht-page-padding-inline-start: 2em;
  --utrecht-page-padding-block-end: 1em;
  --utrecht-page-padding-inline-end: 2em;
  --utrecht-page-padding-block-start: 1.8em;
  --utrecht-page-max-inline-size: 1184px;
  --utrecht-page-margin-inline-end: 2em;
  --utrecht-page-margin-inline-start: 2em;
  --utrecht-page-header-padding-block-start: 1.8em;
  --utrecht-page-header-padding-inline-start: 2em;
  --utrecht-page-header-padding-inline-end: 2.4em;
  --utrecht-page-header-padding-block-end: 1em;
  --utrecht-page-content-padding-block-end: 2em;
  --utrecht-page-content-padding-block-start: 2em;
  --utrecht-ordered-list-item-padding-inline-start: 0;
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
  --utrecht-ordered-list-padding-inline-start: 28.8px;
  --utrecht-ordered-list-margin-block-end: 1em;
  --utrecht-ordered-list-margin-block-start: 0;
  --utrecht-number-data-negative-color: red;
  --utrecht-number-data-positive-color: green;
  --utrecht-topnav-link-focus-text-decoration: none;
  --utrecht-topnav-link-focus-border-type: dotted;
  --utrecht-mapcontrolbutton-focus-text-decoration: none;
  --utrecht-mapcontrolbutton-border-radius: 2px;
  --utrecht-mapcontrolbutton-margin-inline-end: 0;
  --utrecht-mapcontrolbutton-margin-inline-start: 0;
  --utrecht-map-marker-icon-size: 30px;
  --utrecht-map-marker-box-shadow-color: rgb(0 0 0 / 20%);
  --utrecht-map-marker-border-width: 3px;
  --utrecht-map-marker-size: 48px;
  --utrecht-logo-min-inline-size: 110.57px;
  --utrecht-logo-min-block-size: 58.97px;
  --utrecht-logo-max-inline-size: 192px;
  --utrecht-logo-max-block-size: 103px;
  --utrecht-listbox-option-min-block-size: 44px;
  --utrecht-listbox-max-block-size: 300px;
  --utrecht-listbox-inline-size: 448px;
  --utrecht-list-social-item-margin-inline-end: 10px;
  --utrecht-link-icon-size: 1.2em;
  --utrecht-link-hover-text-decoration-thickness: 3px;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: none;
  --utrecht-link-text-underline-offset: 3px;
  --utrecht-link-text-decoration: underline;
  --utrecht-link-social-icon-size: 26px;
  --utrecht-link-social-hover-transform-scale: 1.1;
  --utrecht-link-social-size: 40px;
  --utrecht-link-social-border-width: 2px;
  --utrecht-link-list-icon-size: 14px;
  --utrecht-link-list-link-text-decoration: none;
  --utrecht-icon-baseline-inset-block-start: 0.125em;
  --utrecht-icon-size: 48px;
  --utrecht-heading-5-margin-block-start: 1rem;
  --utrecht-heading-5-margin-block-end: 0.2rem;
  --utrecht-heading-4-margin-block-start: 1.2rem;
  --utrecht-heading-4-margin-block-end: 0.3rem;
  --utrecht-heading-3-margin-block-start: 1rem;
  --utrecht-heading-3-margin-block-end: 0.2rem;
  --utrecht-heading-2-margin-block-start: 1.5rem;
  --utrecht-heading-2-margin-block-end: 0.3rem;
  --utrecht-heading-1-margin-block-start: 0.67rem;
  --utrecht-heading-1-margin-block-end: 0.67rem;
  --utrecht-form-toggle-width: 48px;
  --utrecht-form-toggle-padding-inline-start: 0;
  --utrecht-form-toggle-padding-inline-end: 0;
  --utrecht-form-toggle-padding-block-start: 0;
  --utrecht-form-toggle-padding-block-end: 0;
  --utrecht-form-toggle-height: 24px;
  --utrecht-form-toggle-border-style: solid;
  --utrecht-form-toggle-focus-border-width: 2px;
  --utrecht-form-toggle-focus-border-style: dotted;
  --utrecht-form-toggle-thumb-disabled-box-shadow: 0;
  --utrecht-form-toggle-thumb-min-inline-size: 18px;
  --utrecht-form-toggle-thumb-margin-inline-end: 0.25em;
  --utrecht-form-toggle-thumb-margin-inline-start: 0.25em;
  --utrecht-form-toggle-border-width: 2px;
  --utrecht-form-toggle-border-radius: 10em;
  --utrecht-form-toggle-border-color: transparent;
  --utrecht-form-toggle-accent-color: hsla(0, 0%, 48%, 1);
  --utrecht-form-label-font-size: 1em;
  --utrecht-form-fieldset-legend-line-height: 1.4;
  --utrecht-form-fieldset-legend-font-size: 1rem;
  --utrecht-form-field-invalid-border-inline-start-width: 3px;
  --utrecht-form-control-read-only-border-color: transparent;
  --utrecht-form-control-block-size: 42px;
  --utrecht-form-control-padding-inline-start: 12px;
  --utrecht-form-control-padding-inline-end: 12px;
  --utrecht-form-control-padding-block-start: 8px;
  --utrecht-form-control-padding-block-end: 8px;
  --utrecht-form-control-max-inline-size: 28em;
  --utrecht-form-control-border-radius: 0;
  --utrecht-focus-outline-style: dotted;
  --utrecht-figure-caption-line-height: 20px;
  --utrecht-figure-caption-font-size: 14px;
  --utrecht-figure-caption-color: #727272;
  --utrecht-drawer-max-inline-size: 320px;
  --utrecht-drawer-max-block-size: 240px;
  --utrecht-drawer-border-width: 1px;
  --utrecht-document-line-height: 1.4;
  --utrecht-data-list-rows-column-min-inline-size: 25ch;
  --utrecht-data-list-rows-column-inline-size: 80%;
  --utrecht-space-column-5xl: 64px;
  --utrecht-space-column-4xl: 48px;
  --utrecht-space-column-3xl: 32px;
  --utrecht-space-column-2xl: 28px;
  --utrecht-space-column-xl: 24px;
  --utrecht-space-column-lg: 20px;
  --utrecht-space-column-md: 16px;
  --utrecht-space-column-sm: 12px;
  --utrecht-space-column-xs: 8px;
  --utrecht-space-column-2xs: 4px;
  --utrecht-space-column-3xs: 2px;
  --utrecht-space-column-4xs: 1px;
  --utrecht-space-row-5xl: 64px;
  --utrecht-space-row-4xl: 48px;
  --utrecht-space-row-3xl: 32px;
  --utrecht-space-row-2xl: 28px;
  --utrecht-space-row-xl: 24px;
  --utrecht-space-row-lg: 20px;
  --utrecht-space-row-md: 16px;
  --utrecht-space-row-sm: 12px;
  --utrecht-space-row-xs: 8px;
  --utrecht-space-row-2xs: 4px;
  --utrecht-space-row-3xs: 2px;
  --utrecht-space-row-4xs: 1px;
  --utrecht-space-text-3xl: 3ch;
  --utrecht-space-text-2xl: 2ch;
  --utrecht-space-text-xl: 1.75ch;
  --utrecht-space-text-lg: 1.5ch;
  --utrecht-space-text-md: 1ch;
  --utrecht-space-text-sm: 0.75ch;
  --utrecht-space-text-xs: 0.5ch;
  --utrecht-space-text-2xs: 0.25ch;
  --utrecht-space-text-3xs: 0.125ch;
  --utrecht-space-inline-4xl: 48px;
  --utrecht-space-inline-3xl: 32px;
  --utrecht-space-inline-2xl: 28px;
  --utrecht-space-inline-xl: 24px;
  --utrecht-space-inline-lg: 20px;
  --utrecht-space-inline-md: 16px;
  --utrecht-space-inline-sm: 12px;
  --utrecht-space-inline-xs: 8px;
  --utrecht-space-inline-2xs: 4px;
  --utrecht-space-inline-3xs: 2px;
  --utrecht-space-block-4xs: 1px;
  --utrecht-space-block-4xl: 64px;
  --utrecht-space-block-3xl: 48px;
  --utrecht-space-block-2xl: 32px;
  --utrecht-space-block-xl: 24px;
  --utrecht-space-block-lg: 20px;
  --utrecht-space-block-md: 16px;
  --utrecht-space-block-sm: 12px;
  --utrecht-space-block-xs: 8px;
  --utrecht-space-block-2xs: 4px;
  --utrecht-space-block-3xs: 2px;
  --utrecht-pointer-target-min-size: 44px;
  --utrecht-action-inert-cursor: default;
  --utrecht-action-activate-cursor: pointer;
  --utrecht-action-submit-cursor: pointer;
  --utrecht-action-navigate-cursor: pointer;
  --utrecht-action-disabled-cursor: not-allowed;
  --utrecht-action-busy-cursor: wait;
  --utrecht-column-layout-column-width: 350px;
  --utrecht-column-layout-column-rule-width: 2px;
  --utrecht-code-block-padding-inline-end: 20px;
  --utrecht-code-block-padding-inline-start: 20px;
  --utrecht-code-block-padding-block-end: 20px;
  --utrecht-code-block-padding-block-start: 20px;
  --utrecht-code-block-line-height: 24px;
  --utrecht-code-block-font-size: 16px;
  --utrecht-checkbox-margin-block-start: 0;
  --utrecht-checkbox-focus-border-width: 2px;
  --utrecht-checkbox-size: 24px;
  --utrecht-checkbox-border-width: 2px;
  --utrecht-checkbox-border-radius: 0;
  --utrecht-calendar-icon-size: 24px;
  --utrecht-calendar-navigation-label-min-inline-size: 200px;
  --utrecht-calendar-navigation-padding-block-end: 2px;
  --utrecht-calendar-navigation-padding-block-start: 2px;
  --utrecht-calendar-table-days-item-day-disabled-border-color: transparent;
  --utrecht-calendar-table-days-item-day-selected-border-color: transparent;
  --utrecht-calendar-table-days-item-day-emphasis-border-color: transparent;
  --utrecht-calendar-table-days-item-day-is-today-font-weight: 700;
  --utrecht-calendar-table-days-item-day-out-of-the-month-border-color: transparent;
  --utrecht-calendar-table-days-item-day-active-border-color: transparent;
  --utrecht-calendar-table-days-item-day-focus-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-width: 2px;
  --utrecht-calendar-table-days-item-day-size: 44px;
  --utrecht-calendar-table-weeks-item-line-height: 24px;
  --utrecht-calendar-table-weeks-item-padding-block-end: 10px;
  --utrecht-calendar-table-weeks-item-padding-block-start: 4px;
  --utrecht-calendar-table-weeks-item-width: 44px;
  --utrecht-button-subtle-disabled-background-color: transparent;
  --utrecht-button-subtle-font-weight: 700;
  --utrecht-button-subtle-border-color: transparent;
  --utrecht-button-subtle-background-color: transparent;
  --utrecht-button-primary-action-danger-hover-border-color: transparent;
  --utrecht-button-primary-action-danger-border-color: transparent;
  --utrecht-button-primary-action-warning-hover-border-color: transparent;
  --utrecht-button-primary-action-warning-border-color: transparent;
  --utrecht-button-primary-action-ready-hover-border-color: transparent;
  --utrecht-button-primary-action-ready-border-color: transparent;
  --utrecht-button-primary-action-hover-border-color: transparent;
  --utrecht-button-primary-action-border-color: transparent;
  --utrecht-button-hover-scale: 1.02;
  --utrecht-button-focus-scale: 1.02;
  --utrecht-button-margin-inline-end: 0;
  --utrecht-button-margin-inline-start: 0;
  --utrecht-button-border-width: 1px;
  --utrecht-button-border-radius: 0;
  --utrecht-breadcrumb-nav-divider-inline-size: 1px;
  --utrecht-breadcrumb-nav-link-text-decoration: none;
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
  --utrecht-breadcrumb-nav-min-block-size: 34px;
  --utrecht-blockquote-margin-block-end: 1.6em;
  --utrecht-blockquote-margin-block-start: 1.6em;
  --utrecht-blockquote-content-font-size: 1.125rem;
  --utrecht-blockquote-attribution-font-size: 0.75rem;
  --utrecht-blockquote-margin-inline-end: 1.6em;
  --utrecht-blockquote-margin-inline-start: 1.6em;
  --utrecht-badge-border-radius: 0;
  --utrecht-badge-counter-padding-inline: 1ex;
  --utrecht-badge-counter-padding-block: 1ex;
  --utrecht-badge-counter-font-size: 16px;
  --utrecht-backdrop-reduced-transparency-opacity: 0.98;
  --utrecht-backdrop-fade-in-animation-duration: 0.4s;
  --utrecht-backdrop-opacity: 0.8;
  --utrecht-article-max-inline-size: 780px;
  --utrecht-alert-dialog-min-inline-size: 320px;
  --utrecht-alert-dialog-min-block-size: 100px;
  --utrecht-alert-dialog-max-block-size: 80vh;
  --utrecht-accordion-panel-border-width: 2px;
  --utrecht-accordion-button-icon-size: 24px;
  --utrecht-accordion-button-hover-background-color: inherit;
  --utrecht-accordion-button-border-width: 0;
  --denhaag-process-steps-sub-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --denhaag-process-steps-sub-step-heading-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-sub-step-heading-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-description-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --denhaag-process-steps-step-description-color: var(--utrecht-color-black);
  --denhaag-process-steps-step-metadata-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-metadata-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-line-warning-color: var(--utrecht-color-invalid);
  --denhaag-process-steps-step-line-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-line-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-line-stroke-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-sub-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-sub-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-warning-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-warning-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-warning-border-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-checked-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-checked-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-color: var(--utrecht-color-white);
  --denhaag-process-steps-step-marker-current-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-current-background-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-marker-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-marker-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-marker-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-heading-warning-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-not-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-heading-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-current-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-heading-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --denhaag-process-steps-step-heading-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --denhaag-process-steps-step-heading-color: var(--utrecht-color-black);
  --denhaag-process-steps-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
  --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
  --utrecht-unordered-list-marker-color: var(--utrecht-color-red-40);
  --utrecht-unordered-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-toptask-link-padding-inline-start: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-inline-end: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-block-start: var(--utrecht-space-block-xl);
  --utrecht-toptask-link-padding-block-end: var(--utrecht-space-block-xl);
  --utrecht-textarea-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-table-footer-sticky-border-block-start-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-footer-sticky-color: var(--utrecht-color-black);
  --utrecht-table-footer-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-row-alternate-even-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-even-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-table-row-alternate-odd-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-odd-background-color: var(
    --utrecht-color-white
  );
  --utrecht-table-row-border-block-end-width: var(--utrecht-border-width-sm);
  --utrecht-table-row-border-block-end-color: var(--utrecht-color-grey-90);
  --utrecht-table-cell-selected-color: var(--utrecht-color-black);
  --utrecht-table-cell-selected-background-color: var(--utrecht-color-blue-90);
  --utrecht-table-header-sticky-border-block-end-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-header-sticky-color: var(--utrecht-color-black);
  --utrecht-table-header-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-header-border-block-end-width: var(--utrecht-border-width-md);
  --utrecht-table-header-border-block-end-color: var(--utrecht-color-red-40);
  --utrecht-table-header-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-caption-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-surface-color: var(--utrecht-color-grey-10);
  --utrecht-surface-background-color: var(--utrecht-color-grey-95);
  --utrecht-spotlight-section-warning-background-color: var(
    --utrecht-color-yellow-80
  );
  --utrecht-spotlight-section-info-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-spotlight-section-padding-inline-end: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-inline-start: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-block-end: var(--utrecht-space-block-sm);
  --utrecht-spotlight-section-padding-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-spotlight-section-color: var(--utrecht-color-black);
  --utrecht-spotlight-section-background-color: var(--utrecht-color-grey-90);
  --utrecht-skip-link-focus-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --utrecht-skip-link-text-decoration: var(--utrecht-link-text-decoration);
  --utrecht-separator-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-separator-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-separator-color: var(--utrecht-color-grey-90);
  --utrecht-search-bar-list-item-is-selected-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-selected-color: var(--utrecht-color-black);
  --utrecht-search-bar-list-item-is-active-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-list-item-is-active-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-active-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-search-bar-section-title-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-section-title-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-search-bar-section-margin-block-end: var(--utrecht-space-inline-xs);
  --utrecht-search-bar-dropdown-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-input-padding-inline-start: var(
    --utrecht-space-inline-3xl
  );
  --utrecht-search-bar-input-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-search-bar-button-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-button-color: var(--utrecht-color-white);
  --utrecht-search-bar-button-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-background-color: var(--utrecht-color-red-40);
  --utrecht-radio-button-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-radio-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-radio-button-focus-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-hover-background-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-focus-border-color: var(
    --utrecht-color-blue-20
  );
  --utrecht-radio-button-checked-hover-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-active-color: var(--utrecht-color-blue-80);
  --utrecht-radio-button-checked-active-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-active-background-color: var(--utrecht-color-blue-80);
  --utrecht-pre-heading-margin-block-start: var(--utrecht-space-row-2xl);
  --utrecht-pre-heading-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-small-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-paragraph-lead-line-height: var(
    --utrecht-typography-line-height-md
  );
  --utrecht-paragraph-lead-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-lead-font-size: var(
    --utrecht-typography-scale-xl-font-size
  );
  --utrecht-paragraph-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-paragraph-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-pagination-relative-link-border-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-relative-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-relative-link-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-background-color: var(
    --utrecht-color-white
  );
  --utrecht-pagination-page-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-current-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-page-link-color: var(--utrecht-color-blue-35);
  --utrecht-page-color: var(--utrecht-color-black);
  --utrecht-page-background-color: var(--utrecht-color-white);
  --utrecht-page-footer-padding-block-start: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-block-end: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-inline-start: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-padding-inline-end: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-background-image: linear-gradient(
    45deg,
    var(--utrecht-color-red-40),
    var(--utrecht-color-red-40) 50%,
    #d63433 50%
  );
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
  --utrecht-page-footer-color: var(--utrecht-color-white);
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-box-shadow-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-color: var(--utrecht-color-black);
  --utrecht-topnav-link-background-color: var(--utrecht-color-blue-40);
  --utrecht-topnav-link-color: var(--utrecht-color-white);
  --utrecht-topnav-list-border-color: var(--utrecht-color-grey-40);
  --utrecht-topnav-list-background-color: var(--utrecht-color-grey-15);
  --utrecht-sidenav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-link-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-marker-hover-color: var(--utrecht-color-blue-50);
  --utrecht-sidenav-item-marker-color: var(--utrecht-color-grey-80);
  --utrecht-sidenav-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-margin-inline-end: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-inline-start: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-block-end: var(--utrecht-space-block-xs);
  --utrecht-sidenav-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-content-max-inline-size: var(
    --utrecht-page-max-inline-size
  );
  --utrecht-nav-bar-color: var(--utrecht-color-black);
  --utrecht-nav-bar-background-color: var(--utrecht-color-white);
  --utrecht-mark-color: var(--utrecht-color-black);
  --utrecht-mark-background-color: var(--utrecht-color-yellow-60);
  --utrecht-mapcontrolbutton-hover-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-hover-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-focus-color: var(--utrecht-color-black);
  --utrecht-mapcontrolbutton-label-margin-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-label-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-border-style: var(--utrecht-border-style-solid);
  --utrecht-mapcontrolbutton-border-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-background-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-mapcontrolbutton-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-mapcontrolbutton-padding-inline-end: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-inline-start: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-block-end: var(--utrecht-space-block-2xs);
  --utrecht-mapcontrolbutton-padding-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-mapcontrolbutton-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-min-inline-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-min-block-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-border-width: var(--utrecht-border-width-sm);
  --utrecht-map-marker-border-color: var(--utrecht-color-white);
  --utrecht-map-marker-color: var(--utrecht-color-white);
  --utrecht-map-marker-background-color: var(--utrecht-color-blue-30);
  --utrecht-listbox-option-group-title-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-listbox-option-group-title-color: var(--utrecht-color-black);
  --utrecht-listbox-option-group-title-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-listbox-option-group-title-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-listbox-option-group-margin-block-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-listbox-option-hover-background-color: var(--utrecht-color-blue-90);
  --utrecht-listbox-option-hover-color: var(--utrecht-color-black);
  --utrecht-listbox-option-selected-color: var(--utrecht-color-black);
  --utrecht-listbox-option-selected-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-listbox-option-active-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-listbox-option-active-color: var(--utrecht-color-black);
  --utrecht-listbox-option-active-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-listbox-option-padding-inline-start: var(--utrecht-space-inline-xs);
  --utrecht-listbox-option-padding-inline-end: var(--utrecht-space-inline-xs);
  --utrecht-listbox-option-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-listbox-option-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-listbox-background-color: var(--utrecht-color-white);
  --utrecht-link-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-link-color: var(--utrecht-color-blue-35);
  --utrecht-link-social-color: var(--utrecht-color-white);
  --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
  --utrecht-link-social-border-color: var(--utrecht-color-white);
  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
  --utrecht-link-list-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-link-list-link-column-gap: var(--utrecht-space-block-xs);
  --utrecht-link-list-row-gap: var(--utrecht-space-block-xs);
  --utrecht-index-char-nav-link-current-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-index-char-nav-gap: var(--utrecht-space-column-sm);
  --utrecht-index-char-nav-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-index-char-nav-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-6-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-6-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-6-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-6-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-5-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-5-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-5-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-5-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-4-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-4-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-4-font-size: var(--utrecht-typography-scale-lg-font-size);
  --utrecht-heading-4-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-3-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-3-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-3-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-3-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-2-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-2-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-2-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-2-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-1-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-1-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-1-font-size: var(--utrecht-typography-scale-4xl-font-size);
  --utrecht-heading-1-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
  --utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
  --utrecht-form-toggle-thumb-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-form-toggle-thumb-background-color: var(--utrecht-color-white);
  --utrecht-form-toggle-track-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-toggle-track-border-radius: var(
    --utrecht-form-toggle-border-radius
  );
  --utrecht-form-toggle-color: var(--utrecht-color-black);
  --utrecht-form-toggle-background-color: var(--utrecht-color-white);
  --utrecht-form-label-radio-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-checkbox-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-legend-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-form-fieldset-legend-margin-block-start: var(
    --utrecht-space-block-xl
  );
  --utrecht-form-fieldset-legend-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-fieldset-legend-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-section-color: var(--utrecht-color-black);
  --utrecht-form-fieldset-section-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-form-fieldset-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-fieldset-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-description-margin-block-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-label-margin-block-end: var(--utrecht-space-block-sm);
  --utrecht-form-field-invalid-padding-inline-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-control-read-only-color: var(--utrecht-color-grey-20);
  --utrecht-form-control-read-only-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-control-focus-border-color: var(--utrecht-color-grey-80);
  --utrecht-form-control-placeholder-font-style: var(
    --utrecht-typography-font-style-normal
  );
  --utrecht-form-control-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-form-control-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-form-control-color: var(--utrecht-color-black);
  --utrecht-form-control-border-width: var(--utrecht-border-width-sm);
  --utrecht-form-control-border-color: var(--utrecht-color-grey-30);
  --utrecht-form-control-background-color: var(--utrecht-color-white);
  --utrecht-focus-inverse-outline-color: var(--utrecht-color-white);
  --utrecht-focus-outline-width: var(--utrecht-border-width-md);
  --utrecht-focus-outline-color: var(--utrecht-color-black);
  --utrecht-focus-background-color: var(--utrecht-color-yellow-60);
  --utrecht-emphasis-strong-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-drawer-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-block-start: var(--utrecht-space-block-md);
  --utrecht-drawer-padding-block-end: var(--utrecht-space-block-md);
  --utrecht-drawer-border-color: var(--utrecht-color-grey-90);
  --utrecht-document-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-document-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-document-color: var(--utrecht-color-black);
  --utrecht-document-background-color: var(--utrecht-color-white);
  --utrecht-data-placeholder-background-color: var(--utrecht-color-grey-40);
  --utrecht-data-list-rows-item-value-margin-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-data-list-rows-item-margin-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-data-list-item-key-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-data-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-data-list-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-feedback-active-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-inactive-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-success-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-error-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-valid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-border-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-background-color: var(--utrecht-color-invalid);
  --utrecht-feedback-safe-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-safe-color: var(--utrecht-color-green-50);
  --utrecht-feedback-warning-fill-color: var(--utrecht-color-black);
  --utrecht-feedback-warning-color: var(--utrecht-color-yellow-50);
  --utrecht-feedback-danger-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-danger-color: var(--utrecht-color-red-40);
  --utrecht-column-layout-gap: var(--utrecht-space-column-md);
  --utrecht-column-layout-column-rule-color: var(--utrecht-color-grey-80);
  --utrecht-code-block-margin-block-end: var(--utrecht-space-block-lg);
  --utrecht-code-block-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-code-block-color: var(--utrecht-color-black);
  --utrecht-code-block-background-color: var(--utrecht-color-grey-95);
  --utrecht-checkbox-indeterminate-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-checkbox-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
  --utrecht-checkbox-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-calendar-navigation-label-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-calendar-navigation-label-color: var(--utrecht-color-black);
  --utrecht-calendar-navigation-color: var(--utrecht-color-blue-30);
  --utrecht-calendar-table-days-item-day-disabled-color: var(
    --utrecht-color-grey-40
  );
  --utrecht-calendar-table-days-item-day-selected-color: var(
    --utrecht-color-white
  );
  --utrecht-calendar-table-days-item-day-selected-background-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-calendar-table-days-item-day-is-today-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-calendar-table-days-item-day-out-of-the-month-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-calendar-table-days-item-day-hover-border-color: var(
    --utrecht-color-black
  );
  --utrecht-calendar-table-days-item-day-hover-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-calendar-table-days-item-day-color: var(--utrecht-color-black);
  --utrecht-button-subtle-ready-focus-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-hover-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-color: var(--utrecht-color-green-50);
  --utrecht-button-subtle-danger-focus-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-hover-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-subtle-focus-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-hover-border-color: var(--utrecht-color-blue-40);
  --utrecht-button-subtle-hover-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-subtle-active-color: var(--utrecht-color-white);
  --utrecht-button-subtle-active-background-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-border-width: var(--utrecht-border-width-md);
  --utrecht-button-secondary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-ready-border-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-secondary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-warning-border-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-secondary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-secondary-action-danger-border-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-secondary-action-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-hover-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-secondary-action-hover-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-disabled-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-active-color: var(--utrecht-color-blue-30);
  --utrecht-button-secondary-action-active-border-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-button-secondary-action-active-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-secondary-action-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-focus-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-hover-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-hover-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-danger-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-danger-background-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-primary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-focus-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-hover-color: var(
    --utrecht-color-black
  );
  --utrecht-button-primary-action-warning-hover-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-warning-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-warning-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-primary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-focus-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-ready-hover-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-ready-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-ready-background-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-primary-action-focus-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-primary-action-focus-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-focus-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-primary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-primary-action-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-active-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-active-border-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-button-primary-action-active-background-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-button-primary-action-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-border-width: var(--utrecht-border-width-md);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-background-color: var(--utrecht-color-grey-90);
  --utrecht-button-icon-gap: var(--utrecht-space-text-xs);
  --utrecht-button-active-color: var(--utrecht-color-white);
  --utrecht-button-active-background-color: var(--utrecht-color-grey-40);
  --utrecht-button-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-button-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-button-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-button-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-button-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-button-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-button-color: var(--utrecht-color-grey-40);
  --utrecht-button-border-color: var(--utrecht-color-grey-40);
  --utrecht-button-background-color: var(--utrecht-color-white);
  --utrecht-breadcrumb-nav-arrows-link-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-focus-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-breadcrumb-nav-separator-icon-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-breadcrumb-nav-separator-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-link-icon-size: var(--utrecht-icon-scale-md);
  --utrecht-breadcrumb-nav-link-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-breadcrumb-nav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-item-padding-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-blockquote-content-color: var(--utrecht-color-red-40);
  --utrecht-badge-font-style: var(--utrecht-typography-font-style-normal);
  --utrecht-badge-padding-inline: var(--utrecht-space-inline-sm);
  --utrecht-badge-padding-block: var(--utrecht-space-block-xs);
  --utrecht-badge-color: var(--utrecht-color-white);
  --utrecht-badge-background-color: var(--utrecht-color-grey-30);
  --utrecht-badge-list-item-margin-inline: var(--utrecht-space-block-sm);
  --utrecht-badge-list-item-margin-block: var(--utrecht-space-block-xs);
  --utrecht-badge-counter-font-style: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-badge-counter-color: var(--utrecht-color-white);
  --utrecht-badge-counter-border-radius: var(--utrecht-badge-counter-font-size);
  --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
  --utrecht-backdrop-color: var(--utrecht-color-black);
  --utrecht-backdrop-background-color: var(--utrecht-color-white);
  --utrecht-alert-icon-ok-color: var(--utrecht-color-green-40);
  --utrecht-alert-icon-warning-color: var(--utrecht-color-yellow-40);
  --utrecht-alert-icon-error-color: var(--utrecht-color-red-40);
  --utrecht-alert-icon-info-color: var(--utrecht-color-blue-35);
  --utrecht-alert-icon-gap: var(--utrecht-space-column-md);
  --utrecht-alert-icon-color: var(--utrecht-color-blue-35);
  --utrecht-alert-ok-color: var(--utrecht-color-black);
  --utrecht-alert-ok-background-color: var(--utrecht-color-green-90);
  --utrecht-alert-error-color: var(--utrecht-color-black);
  --utrecht-alert-error-background-color: var(--utrecht-color-red-95);
  --utrecht-alert-warning-color: var(--utrecht-color-black);
  --utrecht-alert-warning-background-color: var(--utrecht-color-yellow-80);
  --utrecht-alert-info-color: var(--utrecht-color-black);
  --utrecht-alert-info-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-padding-inline-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-inline-start: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-start: var(--utrecht-space-block-lg);
  --utrecht-alert-color: var(--utrecht-color-black);
  --utrecht-alert-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-dialog-max-inline-size: var(
    --utrecht-article-max-inline-size
  );
  --utrecht-accordion-section-margin-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-accordion-panel-padding-inline-end: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-inline-start: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-icon-utrecht-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-accordion-button-focus-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-focus-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-focus-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-active-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-active-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-active-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-hover-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-hover-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-background-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-inline-start: var(
    --utrecht-space-block-md
  );
  --utrecht-accordion-button-padding-inline-end: var(--utrecht-space-block-md);
  --of-progress-indicator-background-color: var(
    --utrecht-document-background-color
  );
  --of-page-footer-fg: var(--utrecht-page-footer-color);
  --of-page-footer-bg: var(--utrecht-page-footer-background-color);
  --of-layout-background: var(--utrecht-document-background-color);
  --denhaag-process-steps-sub-step-line-color: var(
    --denhaag-process-steps-step-line-color
  );
  --utrecht-toptask-link-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --utrecht-toptask-link-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --utrecht-toptask-link-color: var(--utrecht-button-primary-action-color);
  --utrecht-toptask-link-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --utrecht-skip-link-focus-background-color: var(
    --utrecht-topnav-link-focus-background-color
  );
  --utrecht-skip-link-focus-color: var(--utrecht-topnav-link-focus-color);
  --utrecht-skip-link-padding-inline-end: var(
    --utrecht-button-padding-inline-end
  );
  --utrecht-skip-link-padding-inline-start: var(
    --utrecht-button-padding-inline-start
  );
  --utrecht-skip-link-padding-block-end: var(
    --utrecht-button-padding-block-end
  );
  --utrecht-skip-link-padding-block-start: var(
    --utrecht-button-padding-block-start
  );
  --utrecht-skip-link-color: var(--utrecht-topnav-link-color);
  --utrecht-skip-link-background-color: var(
    --utrecht-topnav-list-background-color
  );
  --utrecht-radio-button-border-color: var(--utrecht-form-control-border-color);
  --utrecht-radio-button-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-paragraph-lead-color: var(--utrecht-document-color);
  --utrecht-listbox-border-width: var(--utrecht-form-control-border-width);
  --utrecht-listbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-link-visited-color: var(--utrecht-link-color);
  --utrecht-link-hover-color: var(--utrecht-link-focus-color);
  --utrecht-link-active-color: var(--utrecht-link-color);
  --utrecht-form-field-error-message-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-field-description-warning-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-form-field-description-invalid-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-control-invalid-border-color: var(
    --utrecht-feedback-invalid-border-color
  );
  --utrecht-form-control-font-family: var(--utrecht-document-font-family);
  --utrecht-drawer-color: var(--utrecht-document-color);
  --utrecht-drawer-background-color: var(--utrecht-document-background-color);
  --utrecht-feedback-active-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-inactive-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-success-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-error-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-valid-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-invalid-fill-background-color: var(
    --utrecht-feedback-invalid-background-color
  );
  --utrecht-feedback-safe-border-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-safe-background-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-warning-border-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-warning-background-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-danger-border-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-danger-background-color: var(
    --utrecht-feedback-danger-color
  );
  --utrecht-checkbox-color: var(--utrecht-form-control-color);
  --utrecht-checkbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-checkbox-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-button-subtle-pressed-color: var(
    --utrecht-button-subtle-active-color
  );
  --utrecht-button-subtle-pressed-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --utrecht-button-secondary-action-pressed-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --utrecht-button-secondary-action-pressed-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --utrecht-button-primary-action-pressed-color: var(
    --utrecht-button-primary-action-active-color
  );
  --utrecht-button-primary-action-pressed-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --utrecht-button-primary-action-pressed-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --utrecht-button-pressed-color: var(--utrecht-button-active-color);
  --utrecht-button-pressed-background-color: var(
    --utrecht-button-active-background-color
  );
  --utrecht-breadcrumb-nav-arrows-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --utrecht-breadcrumb-nav-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --of-layout-bg: var(--of-layout-background);
  --utrecht-radio-button-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-invalid-border-inline-start-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-description-valid-color: var(
    --utrecht-feedback-valid-color
  );
  --utrecht-feedback-active-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-active-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-inactive-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-inactive-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-success-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-success-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-error-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-error-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-valid-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-valid-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-safe-fill-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-warning-fill-background-color: var(
    --utrecht-feedback-warning-background-color
  );
  --utrecht-feedback-danger-fill-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-checkbox-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-feedback-active-fill-background-color: var(
    --utrecht-feedback-active-background-color
  );
  --utrecht-feedback-inactive-fill-background-color: var(
    --utrecht-feedback-inactive-background-color
  );
  --utrecht-feedback-success-fill-background-color: var(
    --utrecht-feedback-success-background-color
  );
  --utrecht-feedback-error-fill-background-color: var(
    --utrecht-feedback-error-background-color
  );
  --utrecht-feedback-valid-fill-background-color: var(
    --utrecht-feedback-valid-background-color
  );
}
.utrecht-accordion__button:after {
  display: none;
}

@charset "UTF-8";
.icon-section {
  background-color: var(
    --nlds-iconsection-background-color,
    var(--nlds-default-background-color, #f0f4f8)
  );
}
.icon-section .utrecht-button.utrecht-button--subtle.utrecht-accordion__button {
  background-color: var(--utrecht-button-primary-action-background-color);
  color: var(--utrecht-button-primary-action-color);
  border-radius: var(--nlds-iconsection-border-radius, 0);
  justify-content: center !important;
  grid-gap: 20px;
}
.icon-section
  .utrecht-button.utrecht-button--subtle.utrecht-accordion__button
  * {
  color: var(--utrecht-button-primary-action-color);
  fill: var(--utrecht-button-primary-action-color);
}
.icon-section .utrecht-accordion__panel {
  padding: revert;
  border: none;
}
.icon-section-container {
  padding-block-start: var(
    --nlds-iconsection-padding-block-start,
    var(--nlds-default-padding-block-start, 3.5rem)
  );
  padding-block-end: var(
    --nlds-iconsection-padding-block-end,
    var(--nlds-default-padding-block-start, 3.5rem)
  );
}
.icon-section .icon-section-grid .container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, auto));
  grid-gap: 2rem;
}
.icon-section .icon-section-content {
  padding: 10px;
  display: grid;
  grid-gap: 10px;
}
.icon-section .icon-section-content h3 {
  color: var(
    --nlds-iconsection-color,
    var(
      --utrecht-heading-3-color,
      var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
    )
  );
}
.icon-section .icon-section-content p {
  color: var(
    --nlds-iconsection-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
}
.icon-section .icon-section-content a {
  color: var(
    --nlds-iconsection-link-color,
    var(
      --_utrecht-link-state-color,
      var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
    )
  );
  font-weight: 600;
}
.icon-section .icon-section-content a:before {
  content: '';
  aspect-ratio: 1;
  width: 8px;
  border: solid
    var(
      --nlds-iconsection-link-color,
      var(
        --_utrecht-link-state-color,
        var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
      )
    );
  display: inline-block;
  transform: rotate(45deg) translate(-1px);
  border-width: 2px 2px 0 0;
  margin-right: 10px;
}
.icon-section .icon-section-card img {
  width: 100%;
  height: 120px;
  object-fit: contain;
  object-position: center center;
}
.utrecht-accordion {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-accordion-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-accordion-margin-block-start, 0)
  );
}
.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;
}
.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);
  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);
}
.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);
}
.utrecht-alternate-lang-nav__heading {
  display: none;
}
.utrecht-article {
  max-inline-size: var(--utrecht-article-max-inline-size);
}
.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;
}
.utrecht-badge-counter {
  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);
  font-weight: var(
    --utrecht-badge-counter-font-weight,
    var(--utrecht-badge-font-weight, bold)
  );
  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;
  white-space: nowrap;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-badge-counter {
    border-color: currentColor;
    border-style: solid;
    border-width: 1px;
  }
}
.utrecht-badge-data {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    border-width: 1px;
  }
}
.utrecht-badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-badge-list-item-margin-block)
    var(--utrecht-badge-list-item-margin-inline);
}
.utrecht-badge-status {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    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)
  );
}
.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;
}
.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
  );
  --_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)
  );
  --_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)
  );
  cursor: var(
    --_utrecht-breadcrumb-nav-link-current-cursor,
    var(--_utrecht-breadcrumb-nav-link-disabled-cursor)
  );
}
.utrecht-breadcrumb-nav__separator,
.utrecht-breadcrumb-nav__separator--html-li {
  --_utrecht-breadcrumb-nav-separator-display: inline-flex;
  --utrecht-icon-size: var(--utrecht-breadcrumb-nav-separator-icon-size);
  align-items: center;
  color: var(--utrecht-breadcrumb-nav-separator-color);
  cursor: var(--utrecht-action-inert-cursor, default);
  display: var(--_utrecht-breadcrumb-nav-separator-display);
  inline-size: fit-content;
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-breadcrumb-nav--arrows {
  --utrecht-breadcrumb-nav-arrow-size: 24px;
  min-block-size: var(--utrecht-breadcrumb-nav-min-block-size);
  overflow: hidden;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link {
  background-color: var(--utrecht-breadcrumb-nav-arrows-link-background-color);
  padding-inline-end: 0;
  position: relative;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  block-size: 0;
  border-block-end-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-block-start-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-color: transparent;
  border-style: solid;
  content: ' ';
  display: block;
  inline-size: 0;
  inset-block-start: 50%;
  inset-inline-start: 100%;
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  position: absolute;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-background-color
  );
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  z-index: 2;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  border-inline-start-color: var(--utrecht-document-background-color);
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  margin-inline-start: 1px;
  z-index: 1;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus {
  --utrecht-link-focus-background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
  background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__link
  ~ .utrecht-breadcrumb-nav__link,
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__item
  ~ .utrecht-breadcrumb-nav__item
  .utrecht-breadcrumb-nav__link {
  padding-inline-start: calc(
    var(--utrecht-breadcrumb-nav-item-padding-inline-start) +
      var(--utrecht-breadcrumb-nav-arrow-size)
  );
}
.utrecht-breadcrumb-nav__item ~ .utrecht-breadcrumb-nav__item {
  margin-inline-start: var(--utrecht-breadcrumb-nav-item-divider-inline-size);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Frameless B.V.
 */
.utrecht-button-group {
  align-items: baseline;
  background-color: var(--utrecht-button-group-background-color);
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-button-group-inline-gap, 1em);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-start, 0)
  );
  min-block-size: var(--utrecht-button-block-size);
  padding-block-end: var(--utrecht-button-group-padding-block-end);
  padding-block-start: var(--utrecht-button-group-padding-block-start);
}
.utrecht-button-group--distanced {
  --utrecht-space-around: 1;
}
.utrecht-button-group__link-button--row,
.utrecht-button-group--row .utrecht-link-button,
.utrecht-button-group:not(.utrecht-button-group--column) .utrecht-link-button {
  --utrecht-button-padding-inline-end: 0;
  --utrecht-button-padding-inline-start: 0;
}
.utrecht-button-group--column {
  flex-direction: column;
  gap: var(--utrecht-button-group-block-gap, 1em);
}
.utrecht-button-link {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
  cursor: var(--utrecht-action-navigate-cursor, pointer);
  text-decoration: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button-link {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button-link--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--placeholder {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button-link--html-a:focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--html-a:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--html-a:hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--html-a:active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button-link--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button-link--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-button {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button--distanced {
  margin-block-end: var(--utrecht-button-margin-block-end);
  margin-block-start: var(--utrecht-button-margin-block-start);
  margin-inline-end: var(--utrecht-button-margin-inline-end);
  margin-inline-start: var(--utrecht-button-margin-inline-start);
}
.utrecht-button--submit {
  cursor: var(--utrecht-action-submit-cursor, revert);
}
.utrecht-button--busy {
  cursor: var(--utrecht-action-busy-cursor, wait);
}
.utrecht-button--pressed {
  background-color: var(--_utrecht-button-pressed-background-color);
  border-color: var(--_utrecht-button-pressed-border-color);
  color: var(--_utrecht-button-pressed-color);
}
.utrecht-button:disabled,
.utrecht-button--disabled {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button--focus:not(.utrecht-button--disabled) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-button--hover:not(:disabled, .utrecht-button--disabled),
.utrecht-button:hover:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button:active:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ),
.utrecht-button--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-danger-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-ready-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-warning-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-danger-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-ready-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-warning-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-danger-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-danger-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-danger-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-ready-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-ready-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-ready-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-warning-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-warning-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-warning-pressed-color
  );
}
.utrecht-calendar {
  background-color: var(--utrecht-calendar-background-color);
  inline-size: fit-content;
}
.utrecht-calendar__table {
  margin-inline: auto;
  padding-block-end: var(--utrecht-calendar-table-padding-block-end);
  padding-block-start: var(--utrecht-calendar-table-padding-block-start);
}
.utrecht-calendar__table-weeks-item {
  inline-size: var(--utrecht-calendar-table-weeks-item-width);
  line-height: var(--utrecht-calendar-table-weeks-item-line-height, inherit);
  padding-block-end: var(--utrecht-calendar-table-weeks-item-padding-block-end);
  padding-block-start: var(
    --utrecht-calendar-table-weeks-item-padding-block-start
  );
}
.utrecht-calendar__table-days-item-day {
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-border-color
  );
  --utrecht-calendar-button-border-width: var(
    --utrecht-calendar-table-days-item-day-border-width
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-color
  );
  block-size: var(--utrecht-calendar-table-days-item-day-size);
  inline-size: var(--utrecht-calendar-table-days-item-day-size);
}
.utrecht-calendar__table-days-item-day:hover {
  --utrecht-calendar-button-hover-background-color: var(
    --utrecht-calendar-table-days-item-day-hover-background-color
  );
  --utrecht-calendar-button-hover-border-color: var(
    --utrecht-calendar-table-days-item-day-hover-border-color
  );
  --utrecht-calendar-button-hover-color: var(
    --utrecht-calendar-table-days-item-day-hover-color
  );
}
.utrecht-calendar__table-days-item-day:focus {
  --utrecht-calendar-button-focus-background-color: var(
    --utrecht-calendar-table-days-item-day-focus-background-color
  );
  --utrecht-calendar-button-focus-border-color: var(
    --utrecht-calendar-table-days-item-day-focus-border-color
  );
  --utrecht-calendar-button-focus-color: var(
    --utrecht-calendar-table-days-item-day-focus-color
  );
}
.utrecht-calendar__table-days-item-day:active {
  --utrecht-calendar-button-active-background-color: var(
    --utrecht-calendar-table-days-item-day-active-background-color
  );
  --utrecht-calendar-button-active-border-color: var(
    --utrecht-calendar-table-days-item-day-active-border-color
  );
  --utrecht-calendar-button-active-color: var(
    --utrecht-calendar-table-days-item-day-active-color
  );
}
.utrecht-calendar__table-days-item-day:disabled {
  --utrecht-calendar-button-disabled-background-color: var(
    --utrecht-calendar-table-days-item-day-disabled-background-color
  );
  --utrecht-calendar-button-disabled-border-color: var(
    --utrecht-calendar-table-days-item-day-disabled-border-color
  );
  --utrecht-calendar-button-disabled-color: var(
    --utrecht-calendar-table-days-item-day-disabled-color
  );
}
.utrecht-calendar__table-days-item-day--out-of-the-month {
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-color
  );
}
.utrecht-calendar__table-days-item-day--is-today {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-is-today-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-is-today-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-is-today-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-is-today-color
  );
}
.utrecht-calendar__table-days-item-day--emphasis {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-emphasis-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-color
  );
}
.utrecht-calendar__table-days-item-day--selected {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-selected-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-selected-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-selected-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-selected-color
  );
}
.utrecht-calendar__navigation {
  background-color: var(--utrecht-calendar-navigation-background-color);
  color: var(--utrecht-calendar-navigation-color);
  padding-block-end: var(--utrecht-calendar-navigation-padding-block-end);
  padding-block-start: var(--utrecht-calendar-navigation-padding-block-start);
}
.utrecht-calendar__navigation-label {
  color: var(--utrecht-calendar-navigation-label-color);
  font-size: var(--utrecht-calendar-navigation-label-font-size);
  text-align: center;
}
.utrecht-calendar__navigation-buttons {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.utrecht-calendar__button {
  --utrecht-button-subtle-color: var(
    --utrecht-calendar-button-color,
    currentColor
  );
  --utrecht-button-subtle-background-color: var(
    --utrecht-calendar-button-background-color,
    transparent
  );
  --utrecht-button-subtle-border-color: var(
    --utrecht-calendar-button-border-color,
    transparent
  );
  --utrecht-button-subtle-border-width: var(
    --utrecht-calendar-button-border-width
  );
  --utrecht-button-font-weight: var(--utrecht-calendar-button-font-weight);
  --utrecht-button-subtle-focus-background-color: var(
    --utrecht-calendar-button-focus-background-color
  );
  --utrecht-button-subtle-focus-border-color: var(
    --utrecht-calendar-button-focus-border-color
  );
  --utrecht-button-subtle-focus-color: var(
    --utrecht-calendar-button-focus-color
  );
  --utrecht-button-subtle-active-background-color: var(
    --utrecht-calendar-button-active-background-color
  );
  --utrecht-button-subtle-active-border-color: var(
    --utrecht-calendar-button-active-border-color
  );
  --utrecht-button-subtle-active-color: var(
    --utrecht-calendar-button-active-color
  );
  --utrecht-button-subtle-hover-background-color: var(
    --utrecht-calendar-button-hover-background-color
  );
  --utrecht-button-subtle-hover-border-color: var(
    --utrecht-calendar-button-hover-border-color,
    transparent
  );
  --utrecht-button-subtle-hover-color: var(
    --utrecht-calendar-button-hover-color
  );
  --utrecht-button-subtle-disabled-background-color: var(
    --utrecht-calendar-button-disabled-background-color
  );
  --utrecht-button-subtle-disabled-border-color: var(
    --utrecht-calendar-button-disabled-border-color
  );
  --utrecht-button-subtle-disabled-color: var(
    --utrecht-calendar-button-disabled-color
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-calendar-button-padding-block-end,
    0
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-calendar-button-padding-block-start,
    0
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-calendar-button-padding-inline-end,
    0
  );
  --utrecht-button-padding-inline-start: var(
    --utrecht-calendar-button-padding-inline-start,
    0
  );
  cursor: pointer;
}
.utrecht-calendar__icon {
  block-size: var(--utrecht-calendar-icon-size);
  inline-size: var(--utrecht-calendar-icon-size);
}
.utrecht-checkbox {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  cursor: var(--utrecht-action-activate-cursor, revert);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-checkbox--disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--html-input:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-code-block {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size, inherit);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
  --utrecht-code-color: var(--utrecht-code-block-color, inherit);
  --utrecht-code-background-color: var(
    --utrecht-code-block-background-color,
    inherit
  );
  --utrecht-code-font-weight: var(--utrecht-code-block-font-weight, inherit);
  --utrecht-code-font-size: var(--utrecht-code-block-font-size, inherit);
  --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
  background-color: var(--utrecht-code-block-background-color);
  display: block;
  font-size: var(
    --utrecht-code-block-font-size,
    var(--utrecht-code-font-size, inherit)
  );
  line-height: var(
    --utrecht-code-block-line-height,
    var(--utrecht-code-line-height)
  );
  margin-block-end: var(--utrecht-code-block-margin-block-end);
  margin-block-start: var(--utrecht-code-block-margin-block-start);
  margin-inline-end: var(--utrecht-code-block-margin-inline-end);
  margin-inline-start: var(--utrecht-code-block-margin-inline-start);
  padding-block-end: var(--utrecht-code-block-padding-block-end);
  padding-block-start: var(--utrecht-code-block-padding-block-start);
  padding-inline-end: var(--utrecht-code-block-padding-inline-end);
  padding-inline-start: var(--utrecht-code-block-padding-inline-start);
  white-space: pre;
}
.utrecht-code-block__content {
  font-family: inherit;
  font-size: inherit;
}
.utrecht-code {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size, inherit);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
}
.utrecht-color-sample {
  background-color: var(--utrecht-color-sample-background-color, currentColor);
  block-size: var(--utrecht-color-sample-block-size, 2em);
  border-color: var(
    --utrecht-color-sample-border-color,
    var(--utrecht-color-sample-default-border-color)
  );
  border-radius: var(--utrecht-color-sample-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-color-sample-border-width, 0);
  box-sizing: border-box;
  display: inline-block;
  inline-size: var(--utrecht-color-sample-inline-size, 2em);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
@media (forced-colors: active) {
  .utrecht-color-sample {
    forced-color-adjust: none;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-dark-border-color,
      #000
    );
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-light-border-color,
      #fff
    );
  }
}
.utrecht-column-layout {
  column-gap: var(--utrecht-column-layout-gap, 2em);
  column-width: var(--utrecht-column-layout-column-width, 40ch);
  display: block;
}
.utrecht-column-layout--rule {
  column-rule-color: var(--utrecht-column-layout-column-rule-color);
  column-rule-style: solid;
  column-rule-width: var(--utrecht-column-layout-column-rule-width, 0);
}
.utrecht-combobox {
  inline-size: 100%;
  max-inline-size: var(
    --utrecht-textbox-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  position: relative;
}
.utrecht-combobox__popover {
  border-width: 0;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
  background-color: canvas;
  block-size: fit-content;
  color: canvastext;
  inline-size: fit-content;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  position: absolute;
  z-index: var(--utrecht-combobox-popover-z-index);
}
.utrecht-combobox__popover--block-end {
  inset-block-start: 100%;
}
.utrecht-combobox__popover--hidden {
  display: none !important;
}
.utrecht-currency-data {
  font-variant-numeric: lining-nums tabular-nums;
  white-space: nowrap;
}
.utrecht-checkbox--custom,
.utrecht-custom-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-checkbox-size, 1em);
  border-color: var(--utrecht-checkbox-border-color);
  border-radius: var(--utrecht-checkbox-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-checkbox-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-checkbox-size, 1em);
  margin-block-start: var(--utrecht-checkbox-margin-block-start);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  vertical-align: top;
}
.utrecht-checkbox--custom.utrecht-checkbox--checked,
.utrecht-custom-checkbox--checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled,
.utrecht-custom-checkbox--disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,
.utrecht-custom-checkbox--disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,
.utrecht-custom-checkbox--disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,
.utrecht-custom-checkbox--indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--invalid,
.utrecht-custom-checkbox--invalid {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--active,
.utrecht-custom-checkbox--active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--hover,
.utrecht-custom-checkbox--hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus,
.utrecht-custom-checkbox--focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,
.utrecht-custom-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,
.utrecht-custom-checkbox--html-input:disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,
.utrecht-custom-checkbox--html-input:disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,
.utrecht-custom-checkbox--html-input:disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,
.utrecht-custom-checkbox--html-input:hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,
.utrecht-custom-checkbox--html-input:focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,
.utrecht-custom-checkbox--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,
.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid='true'],
.utrecht-custom-checkbox--html-input:invalid,
.utrecht-custom-checkbox--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,
.utrecht-custom-checkbox--html-input:active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,
.utrecht-custom-checkbox--html-input:checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,
.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked:indeterminate,
.utrecht-custom-checkbox--html-input:indeterminate,
.utrecht-custom-checkbox--html-input:checked:indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-data-list {
  display: block;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-start, 0)
  );
}
.utrecht-data-list__item-key {
  color: var(--utrecht-data-list-item-key-color);
  font-size: var(--utrecht-data-list-item-key-font-size);
  font-weight: var(--utrecht-data-list-item-key-font-weight);
  line-height: var(--utrecht-data-list-item-key-line-height);
}
.utrecht-data-list__item-value {
  color: var(--utrecht-data-list-item-value-color);
  font-size: var(--utrecht-data-list-item-value-font-size);
  font-weight: var(--utrecht-data-list-item-value-font-weight);
  line-height: var(--utrecht-data-list-item-value-line-height);
  min-block-size: calc(var(--utrecht-data-list-item-value-line-height) * 1rem);
}
.utrecht-data-list__actions--html-dd,
.utrecht-data-list__item-value--html-dd {
  margin-inline-start: 0;
}
.utrecht-data-list__item-value--multiline {
  white-space: pre-line;
}
.utrecht-data-list--rows .utrecht-data-list__actions {
  align-items: baseline;
  display: flex;
  grid-column: -1;
  grid-row: 1;
  justify-content: flex-end;
}
.utrecht-data-list--rows .utrecht-data-list__item {
  --_utrecht-minmax: max(
    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),
    var(--utrecht-data-list-rows-column-inline-size, 80%)
  );
  --_utrecht-auto-col: minmax(var(--_utrecht-minmax), max-content);
  border-block-end-color: var(
    --utrecht-data-list-rows-border-bottom-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-data-list-rows-border-bottom-width, 0);
  column-gap: var(--utrecht-data-list-rows-gap);
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: repeat(auto-fit, var(--_utrecht-auto-col));
  margin-block-start: var(--utrecht-data-list-rows-item-margin-block-start);
  padding-block-end: var(--utrecht-data-list-rows-item-padding-block-end);
  padding-block-start: var(--utrecht-data-list-rows-item-padding-block-start);
  row-gap: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item:first-of-type {
  margin-block-start: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item-value {
  margin-block-start: var(
    --utrecht-data-list-rows-item-value-margin-block-start
  );
}
.utrecht-data-placeholder {
  background-color: var(
    --utrecht-data-placeholder-background-color,
    currentColor
  );
  block-size: 1em;
  display: inline-block;
  inline-size: min(100%, var(--utrecht-data-placeholder-max-inline-size));
  max-inline-size: var(--utrecht-data-placeholder-max-inline-size);
  min-inline-size: var(--utrecht-data-placeholder-min-inline-size, 10ch);
  vertical-align: -0.1em;
}
@media print {
  .utrecht-data-placeholder {
    outline-color: currentColor;
    outline-style: dashed;
    outline-width: 0.1em;
  }
}
@media screen and (prefers-contrast: more) {
  .utrecht-data-placeholder {
    background-color: var(
      --utrecht-data-placeholder-high-contrast-background-color,
      var(--utrecht-data-placeholder-background-color, currentColor)
    );
  }
}
@media screen and (forced-colors: active) {
  .utrecht-data-placeholder {
    background-color: GrayText;
  }
}
.utrecht-data-placeholder--loading {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-data-placeholder--print {
  outline-color: currentColor;
  outline-style: dashed;
  outline-width: 0.1em;
}
.utrecht-data-placeholder--forced-colors {
  background-color: GrayText;
}
.utrecht-data-placeholder--high-contrast {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-digid-button {
  --utrecht-button-min-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-digid-button-block-size, 50px);
  block-size: var(--utrecht-digid-button-block-size, 50px);
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-document {
  color: var(--utrecht-document-color, inherit);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-document-font-size, inherit);
  font-weight: var(--utrecht-document-font-weight, inherit);
  line-height: var(--utrecht-document-line-height, inherit);
  text-rendering: optimizeLegibility;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
.utrecht-document :lang(ar) {
  letter-spacing: 0 !important;
}
.utrecht-document--surface {
  background-color: var(--utrecht-document-background-color, inherit);
}
.utrecht-drawer {
  --_utrecht-drawer-backdrop-min-size: max(
    var(--utrecht-drawer-backdrop-min-size),
    44px
  );
  background-color: var(--utrecht-drawer-background-color, Canvas);
  border-color: var(--utrecht-drawer-border-color, currentColor);
  border-width: var(--utrecht-drawer-border-width, 0);
  box-sizing: border-box;
  color: var(--utrecht-drawer-color, CanvasText);
  overflow: auto;
  padding-block-end: var(--utrecht-drawer-padding-block-end);
  padding-block-start: var(--utrecht-drawer-padding-block-start);
  padding-inline-end: var(--utrecht-drawer-padding-inline-end);
  padding-inline-start: var(--utrecht-drawer-padding-inline-start);
  position: fixed;
  z-index: var(--utrecht-drawer-z-index, 1);
}
.utrecht-drawer::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;
}
@keyframes utrecht-backdrop-fade-in {
  0% {
    opacity: 0%;
  }
  to {
    opacity: var(--_utrecht-backdrop-opacity);
  }
}
@media (prefers-reduced-motion: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-fade-in-animation-duration: 0;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-opacity: var(
      --utrecht-backdrop-reduced-transparency-opacity,
      100%
    );
  }
}
.utrecht-drawer--inline-start {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-inline-start-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: auto;
  inset-inline-start: 0;
}
.utrecht-drawer--inline-end {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  border-inline-end-width: 0;
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: 0;
  inset-inline-start: auto;
}
.utrecht-drawer--block-start {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-start-width: 0;
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: auto;
  inset-block-start: 0;
}
.utrecht-drawer--block-end {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-end-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: 0;
  inset-block-start: auto;
}
.utrecht-emphasis--stressed {
  font-style: var(--utrecht-emphasis-stressed-font-style, italic);
}
.utrecht-emphasis--strong {
  font-weight: var(--utrecht-emphasis-strong-font-weight, bold);
}
.utrecht-figure {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-start, 0)
  );
}
.utrecht-figure__caption {
  color: var(--utrecht-figure-caption-color);
  font-size: var(--utrecht-figure-caption-font-size);
  line-height: var(--utrecht-figure-caption-line-height);
}
.utrecht-form-field-description {
  --utrecht-document-color: currentColor;
  color: var(--utrecht-form-field-description-color);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-description-font-size, inherit);
  font-style: var(--utrecht-form-field-description-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
}
.utrecht-form-field-description > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--invalid {
  color: var(
    --utrecht-form-field-description-invalid-color,
    var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color))
  );
}
.utrecht-form-field-description--valid {
  color: var(
    --utrecht-form-field-description-valid-color,
    var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color))
  );
}
.utrecht-form-field-description--warning {
  color: var(
    --utrecht-form-field-description-warning-color,
    var(--utrecht-feedback-warning-color)
  );
}
.utrecht-form-field-error-message {
  --utrecht-document-color: currentColor;
  background-color: var(--utrecht-form-field-error-message-background-color);
  color: var(--utrecht-form-field-error-message-color);
  display: block;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-error-message-font-size, inherit);
  font-style: var(--utrecht-form-field-error-message-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-block-end: var(--utrecht-form-field-error-message-padding-block-end);
  padding-block-start: var(
    --utrecht-form-field-error-message-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-form-field-error-message-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-form-field-error-message-padding-inline-start
  );
}
.utrecht-form-field-error-message > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field {
  break-inside: avoid;
  font-family: var(--utrecht-document-font-family, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-start, 0)
  );
  max-inline-size: var(--utrecht-form-field-max-inline-size);
  page-break-inside: avoid;
}
.utrecht-form-field--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field--invalid {
  border-inline-start-color: var(
    --utrecht-form-field-invalid-border-inline-start-color
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-field-invalid-border-inline-start-width,
    0
  );
  padding-inline-start: var(--utrecht-form-field-invalid-padding-inline-start);
}
.utrecht-form-field--checkbox {
  display: grid;
  gap: 0 var(--utrecht-checkbox-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-checkbox-size) 100fr;
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-checkbox-size) +
          var(--utrecht-checkbox-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-checkbox-margin-inline-end, 12px);
}
.utrecht-form-field--radio {
  display: grid;
  gap: 0 var(--utrecht-radio-button-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-radio-button-size) 100fr;
}
.utrecht-form-field--radio
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-radio-button-size) +
          var(--utrecht-radio-button-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--radio
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end, 12px);
}
.utrecht-form-field__input {
  margin-block-end: 0;
  margin-block-start: 0;
  grid-area: input;
  order: 5;
}
.utrecht-form-field__label {
  grid-area: label;
  margin-block-end: var(--utrecht-form-field-label-margin-block-end);
  margin-block-start: 0;
  order: 1;
}
.utrecht-form-field .utrecht-form-field-description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field .utrecht-form-field-description--invalid {
  grid-area: description-invalid;
  order: 3;
}
.utrecht-form-field__description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field__description--before {
  grid-area: description-before;
  order: 4;
}
.utrecht-form-fieldset {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--html-fieldset,
.utrecht-form-fieldset__fieldset--html-fieldset {
  all: revert;
  border: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  min-inline-size: 0;
  padding-block-end: 0;
  padding-block-start: 0.01em;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset__legend--html-legend {
  display: table;
  inline-size: 100%;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-fieldset--section {
  background-color: var(--utrecht-form-fieldset-section-background-color);
  color: var(--utrecht-form-fieldset-section-color);
}
.utrecht-form-fieldset__legend {
  break-inside: avoid;
  color: var(
    --utrecht-form-fieldset-legend-color,
    var(--utrecht-document-color, inherit)
  );
  font-family: var(
    --utrecht-form-fieldset-legend-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-form-fieldset-legend-font-size);
  font-weight: var(--utrecht-form-fieldset-legend-font-weight);
  line-height: var(--utrecht-form-fieldset-legend-line-height);
  page-break-after: avoid;
  page-break-inside: avoid;
}
.utrecht-form-fieldset__legend--disabled {
  color: var(
    --utrecht-form-fieldset-legend-disabled-color,
    var(
      --utrecht-form-fieldset-legend-color,
      var(--utrecht-document-color, inherit)
    )
  );
}
.utrecht-form-fieldset__legend--distanced {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--invalid {
  border-inline-start-color: var(
    --utrecht-form-fieldset-invalid-border-inline-start-color,
    var(--utrecht-form-field-invalid-border-inline-start-color)
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-fieldset-invalid-border-inline-start-width,
    var(--utrecht-form-field-invalid-border-inline-start-width)
  );
  padding-inline-start: var(
    --utrecht-form-fieldset-invalid-padding-inline-start,
    var(--utrecht-form-field-invalid-padding-inline-start)
  );
}
.utrecht-form-label {
  color: var(--utrecht-form-label-color);
  font-size: var(--utrecht-form-label-font-size);
  font-weight: var(--utrecht-form-label-font-weight);
}
.utrecht-form-label--checkbox {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-checkbox-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--checked {
  font-weight: var(
    --utrecht-form-label-checked-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--disabled {
  color: var(
    --utrecht-form-label-disabled-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-form-label--radio {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-radio-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-toggle {
  align-items: center;
  block-size: var(--utrecht-form-toggle-height, 2em);
  border-color: var(--utrecht-form-toggle-border-color, currentColor);
  border-radius: var(--utrecht-form-toggle-border-radius, 999rem);
  border-style: var(--utrecht-form-toggle-border-style, solid);
  border-width: var(--utrecht-form-toggle-border-width, 1px);
  color: var(--utrecht-form-toggle-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: flex;
  inline-size: var(--utrecht-form-toggle-width, 6em);
  padding-block-end: var(--utrecht-form-toggle-padding-block-end);
  padding-block-start: var(--utrecht-form-toggle-padding-block-start);
  padding-inline-end: var(--utrecht-form-toggle-padding-inline-end);
  padding-inline-start: var(--utrecht-form-toggle-padding-inline-start);
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-form-toggle {
    --utrecht-form-toggle-background-color: ButtonFace;
    --utrecht-form-toggle-border-color: buttonborder;
    --utrecht-form-toggle-border-width: 1px;
    --utrecht-form-toggle-border-radius: var(
      --utrecht-form-toggle-track-border-radius
    );
    --utrecht-form-toggle-thumb-background-color: ButtonText;
    --utrecht-form-toggle-thumb-disabled-background-color: GrayText;
    border-color: var(
      --utrecht-form-toggle-track-disabled-border-color,
      var(--utrecht-form-toggle-track-border-color)
    );
    border-width: min(var(--utrecht-form-toggle-border-width, 1px), 1px);
  }
}
.utrecht-form-toggle--focus-visible,
.utrecht-form-toggle--html-div:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--hover {
  background-color: var(
    --utrecht-form-toggle-hover-background-color,
    var(--utrecht-form-toggle-background-color)
  );
  color: var(
    --utrecht-form-toggle-hover-color,
    var(--utrecht-form-toggle-color)
  );
}
.utrecht-form-toggle--disabled,
.utrecht-form-toggle--html-div:disabled {
  border-color: var(
    --utrecht-form-toggle-disabled-border-color,
    var(--utrecht-form-toggle-border-color, currentColor)
  );
  border-style: var(
    --utrecht-form-toggle-disabled-border-style,
    var(--utrecht-form-toggle-border-style, solid)
  );
  border-width: var(
    --utrecht-form-toggle-disabled-border-width,
    var(--utrecht-form-toggle-border-width, 1px)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-background-color,
    currentColor
  );
  border-radius: var(--utrecht-form-toggle-thumb-border-radius, 50%);
  box-shadow: var(--utrecht-form-toggle-thumb-box-shadow);
  margin-inline-end: var(--utrecht-form-toggle-thumb-margin-inline-end, 0);
  margin-inline-start: var(--utrecht-form-toggle-thumb-margin-inline-start, 0);
  min-block-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  min-inline-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  z-index: 20;
}
.utrecht-form-toggle__thumb--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-start: auto;
}
.utrecht-form-toggle__thumb--not-checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:not(:checked)
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-end: auto;
}
.utrecht-form-toggle__thumb--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-disabled-background-color,
    #aaa
  );
  box-shadow: var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0);
}
.utrecht-form-toggle__track {
  align-items: center;
  background-color: var(--utrecht-form-toggle-accent-color);
  block-size: 100%;
  border-radius: var(
    --utrecht-form-toggle-track-border-radius,
    var(--utrecht-form-toggle-border-radius)
  );
  display: flex;
  inline-size: 100%;
}
.utrecht-form-toggle__track--html-label {
  cursor: inherit;
}
.utrecht-form-toggle__track--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-checked-accent-color,
    var(--utrecht-form-toggle-accent-color)
  );
}
.utrecht-form-toggle__track--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-background-disabled-background-color,
    #ddd
  );
  color: var(--utrecht-form-toggle-disabled-color, black);
}
.utrecht-form-toggle__track--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox {
  block-size: 1px !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  inline-size: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
}
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:focus-visible
  ~ .utrecht-form-toggle__track {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form {
  display: block;
  max-inline-size: var(--utrecht-form-max-inline-size);
}
.utrecht-heading-1 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-1-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-1-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-1-font-size, revert);
  font-weight: var(
    --utrecht-heading-1-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-1-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-1--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-2 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-2-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-2-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-2-font-size, revert);
  font-weight: var(
    --utrecht-heading-2-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-2-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-2--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-3 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-3-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-3-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-3-font-size, revert);
  font-weight: var(
    --utrecht-heading-3-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-3-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-3--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-4 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-4-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-4-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-4-font-size, revert);
  font-weight: var(
    --utrecht-heading-4-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-4-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-4--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-5 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-5-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-5-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-5-font-size, revert);
  font-weight: var(
    --utrecht-heading-5-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-5-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-5--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-heading-6 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-6-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-6-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-6-font-size, revert);
  font-weight: var(
    --utrecht-heading-6-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-6-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-6--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 */
.utrecht-heading-group {
  --utrecht-pre-heading-order: -1;
  display: flex;
  flex-direction: column;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-start, 0)
  );
}
.utrecht-heading-group > * {
  --utrecht-space-around: 0;
}
.utrecht-iban-data {
  font-variant-numeric: lining-nums slashed-zero tabular-nums;
  white-space: nowrap;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Gemeente Utrecht
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-icon {
  block-size: var(--utrecht-icon-size);
  color: var(--utrecht-icon-color);
  display: inline-block;
  font-size: var(--utrecht-icon-size);
  inline-size: var(--utrecht-icon-size);
  inset-block-start: var(--utrecht-icon-inset-block-start, 0);
  position: relative;
}
.utrecht-icon svg {
  height: 100%;
  pointer-events: none;
  width: 100%;
}
.utrecht-img {
  height: auto;
  width: auto;
}
.utrecht-img--scale-down,
.utrecht-img--photo {
  max-height: 100%;
  max-width: 100%;
}
.utrecht-index-char-nav {
  --utrecht-button-padding-inline-start: 1ch;
  --utrecht-button-padding-inline-end: 1ch;
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-index-char-nav-gap);
  margin-block-end: var(--utrecht-index-char-nav-margin-block-end);
  margin-block-start: var(--utrecht-index-char-nav-margin-block-start);
}
.utrecht-index-char-nav__link--current {
  --utrecht-button-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
  --utrecht-button-link-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
}
.utrecht-index-char-nav__link--disabled {
  pointer-events: none;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-link-button {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family)
  );
  font-weight: var(--utrecht-button-font-weight);
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: inherit;
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-link-button--hover,
.utrecht-link-button--html-button:not(:disabled):hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--disabled {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link-button--focus,
.utrecht-link-button--html-button:not(:disabled):focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--focus-visible,
.utrecht-link-button--html-button:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link-button--active,
.utrecht-link-button--html-button:not(:disabled):active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--inline {
  --utrecht-icon-inset-block-start: var(
    --utrecht-icon-baseline-inset-block-start
  );
  min-block-size: auto;
  min-inline-size: auto;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-link-button--pressed {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--html-button {
  background-color: transparent;
  border-width: 0;
}
.utrecht-link-list--html-ul {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
}
.utrecht-link-list--html-ul > li {
  list-style: none;
}
.utrecht-link-list {
  --utrecht-icon-inset-block-start: var(
    --utrecht-link-list-icon-inset-block-start
  );
  --utrecht-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-link-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-link-text-decoration: var(
    --utrecht-link-list-link-text-decoration,
    none
  );
  display: flex;
  flex-direction: column;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-start, 0)
  );
  row-gap: var(--utrecht-link-list-row-gap);
}
.utrecht-link-list__item {
  display: block;
}
.utrecht-link-list__link {
  align-items: baseline;
  column-gap: var(--utrecht-link-list-link-column-gap);
  display: inline-flex;
  font-weight: var(--utrecht-link-list-link-font-weight);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 * Copyright (c) 2022 Gemeente Utrecht
 */
.utrecht-link-social {
  --utrecht-icon-size: var(--utrecht-link-social-icon-size);
  --utrecht-icon-color: currentColor;
  align-items: center;
  background-color: var(--utrecht-link-social-background-color);
  block-size: var(--utrecht-link-social-size);
  border-color: var(--utrecht-link-social-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-link-social-border-width);
  color: var(--utrecht-link-social-color);
  display: inline-flex;
  inline-size: var(--utrecht-link-social-size);
  justify-content: center;
}
.utrecht-link-social:hover,
.utrecht-link-social--hover {
  background-color: var(
    --utrecht-link-social-hover-background-color,
    var(--utrecht-link-social-background-color)
  );
  color: var(
    --utrecht-link-social-hover-color,
    var(--utrecht-link-social-color)
  );
  transform: var(--utrecht-link-social-hover-transform-scale);
}
.utrecht-link-social:focus-visible,
.utrecht-link-social--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-link-social--distanced {
  margin-inline-start: var(--utrecht-link-social-margin-inline-start);
}
.utrecht-link {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
}
.utrecht-link:any-link {
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
}
.utrecht-link--icon-left {
  background-image: var(--utrecht-link-icon-left-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-link-color, LinkText);
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration-line: none;
}
.utrecht-link--visited {
  --_utrecht-link-forced-colors-color: visitedtext;
  --_utrecht-link-state-color: var(--utrecht-link-visited-color);
}
.utrecht-link--html-a:any-link:hover,
.utrecht-link--hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus,
.utrecht-link--html-a:any-link:focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus:not(:focus-visible),
.utrecht-link--html-a:any-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-link--html-span:active,
.utrecht-link--html-a:any-link:active,
.utrecht-link--active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link--telephone {
  white-space: nowrap;
}
.utrecht-link--current {
  cursor: var(--utrecht-action-inert-cursor, normal);
  font-weight: var(--utrecht-link-current-font-weight);
}
.utrecht-link--box-content:any-link {
  color: unset;
  display: inline-block;
  text-decoration-line: unset;
  text-decoration-skip-ink: unset;
  text-decoration-thickness: unset;
  text-underline-offset: unset;
}
.utrecht-link--placeholder {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link--forced-colors {
  --utrecht-focus-outline-color: Highlight;
  --utrecht-focus-inverse-outline-color: HighlightText;
  --utrecht-link-color: linktext;
  --utrecht-link-hover-color: linktext;
  --utrecht-link-focus-color: linktext;
  --utrecht-link-active-color: activetext;
  --utrecht-link-visited-color: visitedtext;
  --utrecht-link-placeholder-color: GrayText;
}
.utrecht-list-social {
  display: flex;
  margin-block-end: var(--utrecht-list-social-margin-block-end);
  margin-block-start: var(--utrecht-list-social-margin-block-start);
  padding-inline-end: var(--utrecht-list-social-padding-inline-end);
  padding-inline-start: var(--utrecht-list-social-padding-inline-start);
}
.utrecht-list-social__item {
  list-style-type: none;
  margin-inline-end: var(--utrecht-list-social-item-margin-inline-end);
}
.utrecht-list-social__item:last-child {
  margin-inline-end: 0;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2023 Frameless B.V.
 */
.utrecht-listbox {
  --utrecht-listbox-max-block-size: 300px;
  background-color: var(--utrecht-listbox-background-color);
  border-color: var(--utrecht-listbox-border-color);
  border-radius: var(--utrecht-listbox-border-radius);
  border-style: solid;
  border-width: var(--utrecht-listbox-border-width);
  box-sizing: border-box;
  cursor: default;
  display: flex;
  flex-direction: column;
  inline-size: var(
    --utrecht-listbox-inline-size,
    var(--utrecht-form-input-max-inline-size)
  );
  max-block-size: var(--utrecht-listbox-max-block-size);
  min-block-size: 1em;
  overflow-block: auto;
  overflow-y: auto;
  padding-block-end: var(--utrecht-listbox-padding-block-end);
  padding-block-start: var(--utrecht-listbox-padding-block-start);
  padding-inline-end: var(--utrecht-listbox-padding-inline-end);
  padding-inline-start: var(--utrecht-listbox-padding-inline-start);
  -webkit-user-select: none;
  user-select: none;
}
@media (forced-colors: active) {
  .utrecht-listbox {
    --utrecht-listbox-option-selected-background-color: Highlight;
    --utrecht-listbox-option-selected-color: HighlightText;
    --utrecht-listbox-option-disabled-background-color: field;
    --utrecht-listbox-option-disabled-color: GrayText;
    background-color: field;
    color: fieldtext;
  }
}
.utrecht-listbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-listbox__list {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
}
.utrecht-listbox__group {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
  margin-block-end: var(--utrecht-listbox-option-group-margin-block-end);
}
.utrecht-listbox__group-label {
  color: var(--utrecht-listbox-option-group-label-color);
  font-size: var(--utrecht-listbox-option-group-label-font-size);
  font-weight: var(--utrecht-listbox-option-group-label-font-weight);
  line-height: var(--utrecht-listbox-option-group-label-line-height);
  margin-inline-start: var(
    --utrecht-listbox-option-group-label-margin-inline-start
  );
}
@media (forced-colors: active) {
  .utrecht-listbox__group-label {
    background-color: field;
    color: fieldtext;
  }
}
.utrecht-listbox__option {
  list-style: none;
  --utrecht-icon-size: var(--utrecht-listbox-option-icon-size, 16px);
  align-items: center;
  background-color: var(--utrecht-listbox-option-background-color);
  box-sizing: border-box;
  color: var(--utrecht-listbox-option-color);
  display: flex;
  min-block-size: var(
    --utrecht-listbox-option-min-block-size,
    var(--utrecht-pointer-target-min-size, 24px)
  );
  padding-block-end: var(--utrecht-listbox-option-padding-block-end);
  padding-block-start: var(--utrecht-listbox-option-padding-block-start);
  padding-inline-end: var(--utrecht-listbox-option-padding-inline-end);
  padding-inline-start: var(--utrecht-listbox-option-padding-inline-start);
}
@media (forced-colors: active) {
  .utrecht-listbox__option {
    forced-color-adjust: none;
  }
}
.utrecht-listbox__option--disabled {
  background-color: var(--utrecht-listbox-option-disabled-background-color);
  color: var(--utrecht-listbox-option-disabled-color);
}
.utrecht-listbox__option--hover {
  background-color: var(
    --utrecht-listbox-option-hover-background-color,
    var(--utrecht-listbox-option-color)
  );
  color: var(
    --utrecht-listbox-option-hover-color,
    var(--utrecht-listbox-option-color)
  );
}
.utrecht-listbox__option--focus {
  background-color: var(
    --utrecht-listbox-option-focus-background-color,
    var(--utrecht-listbox-option-color)
  );
  color: var(
    --utrecht-listbox-option-focus-color,
    var(--utrecht-listbox-option-color)
  );
}
.utrecht-listbox__option--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  --utrecht-focus-outline-offset: calc(var(--utrecht-focus-outline-width) * -1);
}
.utrecht-listbox__option--active {
  background-color: var(--utrecht-listbox-option-is-active-background-color);
  color: var(--utrecht-listbox-option-is-active-color);
  font-weight: var(--utrecht-listbox-option-is-active-font-weight);
}
.utrecht-listbox__option--selected {
  background-color: var(--utrecht-listbox-option-selected-background-color);
  color: var(--utrecht-listbox-option-selected-color);
}
.utrecht-listbox__option--html-li {
  list-style: none;
}
.utrecht-listbox__option--html-li:hover {
  background-color: var(
    --utrecht-listbox-option-hover-background-color,
    var(--utrecht-listbox-option-color)
  );
  color: var(
    --utrecht-listbox-option-hover-color,
    var(--utrecht-listbox-option-color)
  );
}
.utrecht-listbox__option--html-li:focus {
  background-color: var(
    --utrecht-listbox-option-focus-background-color,
    var(--utrecht-listbox-option-color)
  );
  color: var(
    --utrecht-listbox-option-focus-color,
    var(--utrecht-listbox-option-color)
  );
}
.utrecht-listbox--disabled {
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
@media (forced-colors: active) {
  .utrecht-listbox--disabled {
    --utrecht-listbox-option-selected-background-color: GrayText;
    --utrecht-listbox-option-selected-color: field;
    --utrecht-listbox-option-background-color: field;
    --utrecht-listbox-option-color: GrayText;
    --utrecht-listbox-background-color: field;
    --utrecht-listbox-color: GrayText;
  }
}
.utrecht-listbox--html-div:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-logo-button {
  --utrecht-icon-size: var(--utrecht-logo-button-icon, 50px);
  --utrecht-button-min-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-logo-button-block-size, 50px);
  align-items: flex-start;
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-logo-image__decoration-1 {
  fill: var(--utrecht-logo-decoration-1-color, #fff);
}
.utrecht-logo-image__decoration-2 {
  fill: var(--utrecht-logo-decoration-2-color, #c00);
}
.utrecht-logo-image__decoration-3 {
  fill: var(--utrecht-logo-decoration-3-color, #ffb70b);
}
.utrecht-logo {
  display: block;
  max-block-size: var(--utrecht-logo-max-block-size, 192px);
  max-inline-size: var(--utrecht-logo-max-inline-size, 96px);
  min-block-size: var(--utrecht-logo-min-block-size);
  min-inline-size: var(--utrecht-logo-min-inline-size);
}
.utrecht-logo > * {
  block-size: 100%;
  display: inline-block;
  inline-size: auto;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-map-marker {
  --utrecht-icon-size: var(--utrecht-map-marker-icon-size);
  align-items: center;
  background-color: var(--utrecht-map-marker-background-color);
  block-size: var(--utrecht-map-marker-size);
  border-color: var(--utrecht-map-marker-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-map-marker-border-width);
  box-shadow: 13px 3px 3px -2px var(--utrecht-map-marker-box-shadow-color);
  color: var(--utrecht-map-marker-color);
  display: flex;
  inline-size: var(--utrecht-map-marker-size);
  justify-content: center;
}
.utrecht-mapcontrolbutton {
  --utrecht-icon-size: var(--utrecht-mapcontrolbutton-min-block-size);
  --utrecht-icon-color: var(--utrecht-mapcontrolbutton-color);
  align-items: center;
  background-color: var(--utrecht-mapcontrolbutton-background-color);
  border-color: var(--utrecht-mapcontrolbutton-border-color);
  border-radius: var(--utrecht-mapcontrolbutton-border-radius);
  border-style: var(--utrecht-mapcontrolbutton-border-style);
  border-width: var(--utrecht-mapcontrolbutton-border-width);
  color: var(--utrecht-mapcontrolbutton-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  min-block-size: var(--utrecht-mapcontrolbutton-min-block-size);
  min-inline-size: var(--utrecht-mapcontrolbutton-min-inline-size);
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-mapcontrolbutton:disabled,
.utrecht-mapcontrolbutton--disabled {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-disabled-color,
    var(--utrecht-mapcontrolbutton-color)
  );
  background-color: var(--utrecht-mapcontrolbutton-disabled-background-color);
  border-color: var(--utrecht-mapcontrolbutton-disabled-border-color);
  color: var(--utrecht-mapcontrolbutton-disabled-color);
}
.utrecht-mapcontrolbutton--focus-visible,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-mapcontrolbutton--focus,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-focus-color,
    var(--utrecht-mapcontrolbutton-color)
  );
}
.utrecht-mapcontrolbutton:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-mapcontrolbutton--hover:not(:disabled),
.utrecht-mapcontrolbutton:hover:not(
    :disabled,
    .utrecht-mapcontrolbutton--disabled
  ) {
  background-color: var(--utrecht-mapcontrolbutton-hover-background-color);
  color: var(--utrecht-mapcontrolbutton-color);
}
.utrecht-mapcontrolbutton__label {
  display: block;
  padding-inline-end: var(--utrecht-mapcontrolbutton-label-margin-inline-end);
  padding-inline-start: var(
    --utrecht-mapcontrolbutton-label-margin-inline-start
  );
}
.utrecht-mark {
  background-color: var(--utrecht-mark-background-color, revert);
  color: var(--utrecht-mark-color, revert);
}
@media print {
  .utrecht-mark {
    outline-color: currentColor;
    outline-style: dotted;
    outline-width: 0.1em;
  }
}
@media screen and (-ms-high-contrast: active) {
  .utrecht-mark {
    background-color: Highlight;
    color: HighlightText;
  }
}
.utrecht-mark--print {
  outline-color: currentColor;
  outline-style: dotted;
  outline-width: 0.1em;
}
.utrecht-mark--windows-high-contrast {
  background-color: Highlight;
  color: HighlightText;
}
.utrecht-menulijst {
  border-block-end: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  border-block-start: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  font-family: var(--utrecht-document-font-family);
  padding-block-end: var(--utrecht-space-block-sm);
  padding-block-start: var(--utrecht-space-block-sm);
  padding-inline-start: 0;
}
.utrecht-menulijst__item {
  list-style: none;
  margin-block-end: var(--utrecht-space-block-sm);
  margin-block-start: var(--utrecht-space-block-sm);
}
.utrecht-menulijst__item a {
  background-image: var(--utrecht-menulijst-item-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-menulijst-item-color, var(--utrecht-link-color, blue));
  display: block;
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration: none;
}
.utrecht-menulijst__item a:hover {
  color: var(
    --utrecht-menulijst-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-menulijst__link--focus-visible,
.utrecht-menulijst__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-menulijst__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-multiline-data {
  white-space: pre-line;
  white-space-collapse: preserve-breaks;
}
.utrecht-multiline-data--html-pre {
  font-family: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-nav-bar {
  background-color: var(--utrecht-nav-bar-background-color);
  color: var(--utrecht-nav-bar-color);
  display: flex;
  justify-content: center;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-nav-bar {
    border-block-end-color: currentColor;
    border-block-end-style: solid;
    border-block-end-width: 1px;
    border-block-start-color: currentColor;
    border-block-start-style: solid;
    border-block-start-width: 1px;
    padding-block-end: calc(var(--utrecht-focus-outline-width) * 2);
    padding-block-start: calc(var(--utrecht-focus-outline-width) * 2);
  }
}
.utrecht-nav-bar__content {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  inline-size: 100%;
  justify-content: space-between;
  max-inline-size: var(--utrecht-nav-bar-content-max-inline-size);
}
.utrecht-nav-list {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  inline-size: 100%;
  justify-content: start;
}
.utrecht-nav-list--center > * {
  flex: 1 1 0;
  justify-content: center;
}
.utrecht-nav-list__item {
  list-style: none;
  display: inline-flex;
}
.utrecht-nav-list__link {
  font-weight: var(--utrecht-nav-list-link-font-weight);
  max-inline-size: var(--utrecht-nav-bar-link-max-inline-size, 30ch);
  padding-block-end: var(--utrecht-nav-bar-link-padding-block-end);
  padding-block-start: var(--utrecht-nav-bar-link-padding-block-start);
  padding-inline-end: var(--utrecht-nav-bar-link-padding-inline-end);
  padding-inline-start: var(--utrecht-nav-bar-link-padding-inline-start);
  text-decoration: none;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-sidenav {
  --utrecht-sidenav-connection-color: var(--utrecht-sidenav-item-marker-color);
  --utrecht-sidenav-connection-inline-size: 2px;
  --utrecht-sidenav-marker-current-color: var(
    --utrecht-sidenav-link-hover-color
  );
  --utrecht-sidenav-marker-offset: 26px;
  --utrecht-sidenav-connection-block-size: 100%;
  --utrecht-sidenav-marker-height: 8px;
  --utrecht-sidenav-marker-outline-width: 2px;
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  border-block-start: 1px solid var(--utrecht-color-grey-80);
  inline-size: 19rem;
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: 0;
  padding-block-start: 0;
}
.utrecht-sidenav__list {
  margin-block-end: 0;
  margin-block-start: 0.2rem;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
}
.utrecht-sidenav__list--child {
  margin-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 1.4rem;
}
.utrecht-sidenav__item {
  list-style: none;
  margin-inline-start: 0;
  position: relative;
}
.utrecht-sidenav__item--current {
  color: var(
    --utrecht-sidenav-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-sidenav__item--last {
  border-block-end: none;
}
.utrecht-sidenav__item-separator:not(
  .utrecht-sidenav__item--last .utrecht-sidenav__item-separator
) {
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  display: block;
  margin-inline-start: var(--utrecht-space-inline-lg);
}
.utrecht-sidenav__link {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  display: block;
  margin-inline-start: 0;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-block-start: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link:hover {
  color: var(
    --utrecht-sidenav-link-hover-color,
    var(--utrecht-link-hover-color, red)
  );
  text-decoration: underline;
}
.utrecht-sidenav__link--focus-visible,
.utrecht-sidenav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-sidenav__link--parent {
  padding-block-end: 0;
}
.utrecht-sidenav__connection,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:not(
    .utrecht-sidenav__link--sibling,
    .utrecht-sidenav__link--parent,
    .utrecht-sidenav__link--child
  ):after {
  background: var(--utrecht-sidenav-connection-color);
  block-size: calc(
    var(--utrecht-sidenav-connection-block-size) -
      var(--utrecht-sidenav-marker-height) - 2 *
      var(--utrecht-sidenav-marker-outline-width)
  );
  content: '';
  display: block;
  inline-size: var(--utrecht-sidenav-connection-inline-size);
  inset-block-end: 0;
  inset-block-start: calc(var(--utrecht-sidenav-marker-offset));
  inset-inline-start: 3px;
  overflow: hidden;
  position: absolute;
  z-index: 5;
}
.utrecht-sidenav__connection--last,
.utrecht-sidenav__connection--parent,
.utrecht-sidenav__connection--sibling {
  display: none;
}
.utrecht-sidenav__marker,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-item-marker-color);
  block-size: var(--utrecht-sidenav-marker-height);
  border-radius: 100%;
  content: '';
  inline-size: 8px;
  inset-block-start: 20px;
  inset-inline-start: var(--utrecht-sidenav-marker-offset);
  overflow: hidden;
  position: absolute;
  transform: translateY(-50%)
    translate(calc(-1 * var(--utrecht-sidenav-marker-offset)));
  z-index: 10;
}
.utrecht-sidenav__marker--child,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:before {
  background-color: transparent;
  block-size: 4px;
  border: 2px solid var(--utrecht-sidenav-link-color);
  inline-size: 4px;
  inset-block-start: 16px;
  inset-inline-start: 1.2rem;
  transform: translateY(-50%) translate(-19.5px);
}
.utrecht-sidenav__marker--current,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current:before,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child:before {
  background-color: var(--utrecht-sidenav-marker-current-color);
}
.utrecht-sidenav__link--child,
.utrecht-sidenav__link--current-child {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: var(--utrecht-space-block-2xs);
  padding-block-start: var(--utrecht-space-block-2xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link--current,
.utrecht-sidenav__link--current-child {
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
}
.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover .utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
  border: 2px solid var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:after {
  display: none;
}
.utrecht-sidenav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-navhtml {
  font-family: var(--utrecht-document-font-family);
}
.utrecht-topnav__list {
  background-color: var(--utrecht-topnav-list-background-color);
  display: flex;
  justify-content: space-between;
  list-style: none;
  list-style-image: none;
  margin-block-end: 0;
  margin-block-start: 0;
  overflow: visible;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-topnav__item {
  border-inline-end: 1px solid var(--utrecht-topnav-list-border-color);
  flex: 1 0 auto;
  margin-inline-start: 0;
  text-align: center;
}
.utrecht-topnav__item li:first-child {
  border-inline-start: 1px solid var(--utrecht-topnav-list-border-color);
  padding-inline-start: 0;
}
.utrecht-topnav__link {
  color: var(--utrecht-topnav-link-color);
  display: block;
  padding-block-end: 1rem;
  padding-block-start: 1rem;
  text-decoration: none;
}
.utrecht-topnav__link--hover,
.utrecht-topnav__link:hover {
  background-color: var(--utrecht-topnav-link-hover-background-color);
  color: var(--utrecht-topnav-link-color);
  text-decoration: underline;
}
.utrecht-topnav__link--current {
  background-color: var(--utrecht-topnav-list-background-active);
  text-decoration: underline;
}
.utrecht-topnav__link--focus,
.utrecht-topnav__link:focus {
  background-color: var(
    --utrecht-topnav-link-focus-background-color,
    var(--utrecht-topnav-link-background-color)
  );
  color: var(
    --utrecht-topnav-link-focus-color,
    var(--utrecht-topnav-link-color)
  );
}
.utrecht-topnav__link--focus-visible,
.utrecht-topnav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-topnav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-number-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-number-data--positive {
  color: var(--utrecht-number-data-positive-color);
}
.utrecht-number-data--negative {
  color: var(--utrecht-number-data-negative-color);
}
.utrecht-ordered-list,
.utrecht-ordered-list--html-content ol {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-font-size,
      var(--utrecht-document-font-size, inherit)
    )
  );
  line-height: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-line-height,
      var(--utrecht-document-line-height, inherit)
    )
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-end,
        var(--utrecht-unordered-list-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-start,
        var(--utrecht-unordered-list-margin-block-start, 0)
      )
  );
  padding-inline-start: var(
    --utrecht-ordered-list-padding-inline-start,
    var(--utrecht-unordered-list-padding-inline-start, 2ch)
  );
  text-align: start;
}
.utrecht-ordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-ordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-ordered-list--arabic {
  list-style: arabic-indic;
}
.utrecht-ordered-list--html-content > li,
.utrecht-ordered-list--html-content ol > li,
.utrecht-ordered-list__item {
  margin-block-end: var(
    --utrecht-ordered-list-item-margin-block-end,
    var(--utrecht-unordered-list-item-margin-block-end)
  );
  margin-block-start: var(
    --utrecht-ordered-list-item-margin-block-start,
    var(--utrecht-unordered-list-item-margin-block-start)
  );
  padding-inline-start: var(
    --utrecht-ordered-list-item-padding-inline-start,
    var(--utrecht-unordered-list-item-padding-inline-start, 1ch)
  );
}
.utrecht-page-content {
  padding-block-end: var(--utrecht-page-content-padding-block-end);
  padding-block-start: var(--utrecht-page-content-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-content__main {
  grid-area: main;
}
.utrecht-page-content__aside {
  grid-area: aside;
}
.utrecht-page-footer {
  --utrecht-document-color: currentColor;
  --utrecht-heading-color: currentColor;
  --utrecht-link-color: currentColor;
  --utrecht-link-focus-color: currentColor;
  --utrecht-link-hover-color: currentColor;
  --utrecht-link-active-color: currentColor;
  --utrecht-link-visited-color: currentColor;
  background-color: var(--utrecht-page-footer-background-color);
  background-image: var(--utrecht-page-footer-background-image);
  color: var(--utrecht-page-footer-color);
  font-family: var(--utrecht-document-font-family);
  font-size: var(--utrecht-document-font-size);
  padding-block-end: var(--utrecht-page-footer-padding-block-end);
  padding-block-start: var(--utrecht-page-footer-padding-block-start);
  padding-inline-end: var(--utrecht-page-footer-padding-inline-end);
  padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
}
.utrecht-page-footer__address--reset-address {
  font-style: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-page-header {
  background-color: var(--utrecht-page-header-background-color);
  color: var(--utrecht-page-header-color);
  grid-area: 'utrecht-header';
  padding-block-end: var(--utrecht-page-header-padding-block-end);
  padding-block-start: var(--utrecht-page-header-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-header__content {
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-page {
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: calc(
    var(--utrecht-page-max-inline-size) -
      var(--utrecht-page-margin-inline-start, 0px) -
      var(--utrecht-page-margin-inline-end, 0px)
  );
  padding-inline-end: var(--utrecht-page-margin-inline-end);
  padding-inline-start: var(--utrecht-page-margin-inline-start);
}
.utrecht-page__content {
  background-color: var(--utrecht-page-background-color);
  color: var(--utrecht-page-color);
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-pagination {
  font-family: var(
    --utrecht-pagination-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-pagination-font-size,
    var(--utrecht-document-font-family)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-start, 0)
  );
}
.utrecht-pagination--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pagination__relative-link {
  background-color: var(--utrecht-pagination-relative-link-background-color);
  border-color: var(--utrecht-pagination-relative-link-border-color);
  border-radius: var(--utrecht-pagination-relative-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-relative-link-border-width, 0);
  color: var(--utrecht-pagination-relative-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-relative-link-font-weight);
  padding-block-end: var(--utrecht-pagination-relative-link-padding-block-end);
  padding-block-start: var(
    --utrecht-pagination-relative-link-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-pagination-relative-link-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-pagination-relative-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-relative-link-text-decoration);
  text-transform: var(--utrecht-pagination-relative-link-text-transform);
}
.utrecht-pagination__relative-link--next {
  margin-inline-start: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__relative-link--prev {
  margin-inline-end: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-end
  );
}
.utrecht-pagination__relative-link--disabled {
  background-color: var(
    --utrecht-pagination-relative-link-disabled-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  color: var(
    --utrecht-pagination-relative-link-disabled-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__relative-link--hover,
.utrecht-pagination__relative-link:hover {
  background-color: var(
    --utrecht-pagination-relative-link-hover-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-relative-link-hover-border-color,
    var(--utrecht-pagination-relative-link-border-color)
  );
  color: var(
    --utrecht-pagination-relative-link-hover-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__page-link {
  background-color: var(--utrecht-pagination-page-link-background-color);
  border-color: var(--utrecht-pagination-page-link-border-color, 0);
  border-radius: var(--utrecht-pagination-page-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-page-link-border-width);
  color: var(--utrecht-pagination-page-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-page-link-font-weight);
  padding-block-end: var(--utrecht-pagination-page-link-padding-block-end);
  padding-block-start: var(--utrecht-pagination-page-link-padding-block-start);
  padding-inline-end: var(--utrecht-pagination-page-link-padding-inline-end);
  padding-inline-start: var(
    --utrecht-pagination-page-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-page-link-text-decoration);
}
.utrecht-pagination__page-link--current {
  --utrecht-pagination-page-link-background-color: var(
    --utrecht-pagination-page-link-current-background-color
  );
  --utrecht-pagination-page-link-border-color: var(
    --utrecht-pagination-page-link-current-border-color
  );
  --utrecht-pagination-page-link-color: var(
    --utrecht-pagination-page-link-current-color
  );
}
.utrecht-pagination__page-link ~ .utrecht-pagination__page-link {
  margin-inline-start: var(
    --utrecht-pagination-page-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__page-link--hover,
.utrecht-pagination__page-link:hover {
  background-color: var(
    --utrecht-pagination-page-link-hover-background-color,
    var(--utrecht-pagination-page-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-page-link-hover-border-color,
    var(--utrecht-pagination-page-link-border-color)
  );
  color: var(
    --utrecht-pagination-page-link-hover-color,
    var(--utrecht-pagination-page-link-color)
  );
}
.utrecht-pagination__page-link:focus,
.utrecht-pagination__relative-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-pagination__page-link:focus:not(:focus-visible),
.utrecht-pagination__relative-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-paragraph {
  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
  font-family: var(
    --utrecht-paragraph-font-family,
    var(--utrecht-document-font-family, inherit)
  );
  font-size: var(
    --utrecht-paragraph-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  font-weight: var(--utrecht-paragraph-font-weight, inherit);
  line-height: var(
    --utrecht-paragraph-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-start, 0)
  );
}
.utrecht-paragraph--lead {
  color: var(
    --utrecht-paragraph-lead-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-lead-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-lead-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-lead-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph--small {
  color: var(
    --utrecht-paragraph-small-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-small-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-small-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-small-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph__small {
  font-size: inherit;
}
.utrecht-paragraph__b {
  font-weight: inherit;
}
.utrecht-paragraph--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pre-heading {
  color: var(
    --utrecht-pre-heading-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-pre-heading-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-pre-heading-font-size);
  font-weight: var(
    --utrecht-pre-heading-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-pre-heading-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-start, 0)
  );
  order: var(--utrecht-pre-heading-order, 0);
}
.utrecht-pre-heading--distanced {
  --utrecht-space-around: 1;
}
.utrecht-preserve-data {
  unicode-bidi: isolate;
  white-space-collapse: preserve-spaces;
}
.utrecht-radio-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  --_utrecht-radio-button-background-color: var(
    --_utrecht-radio-button-interactive-background-color,
    var(
      --_utrecht-radio-button-state-background-color,
      var(--utrecht-radio-button-background-color)
    )
  );
  --_utrecht-radio-button-border-color: var(
    --_utrecht-radio-button-interactive-border-color,
    var(
      --_utrecht-radio-button-state-border-color,
      var(--utrecht-radio-button-border-color, currentColor)
    )
  );
  --_utrecht-radio-button-border-width: var(
    --_utrecht-radio-button-interactive-border-width,
    var(
      --_utrecht-radio-button-state-border-width,
      var(--utrecht-radio-button-border-width)
    )
  );
  --_utrecht-radio-button-color: var(
    --_utrecht-radio-button-interactive-color,
    var(
      --_utrecht-radio-button-state-color,
      var(--utrecht-radio-button-color, currentColor)
    )
  );
  --_utrecht-radio-button-icon-size: 0;
  background-color: var(--_utrecht-radio-button-background-color);
  background-image: radial-gradient(
    circle,
    var(--_utrecht-radio-button-color, transparent)
      calc(var(--_utrecht-radio-button-icon-size, 50%) - 5%),
    var(--_utrecht-radio-button-background-color, currentColor)
      var(--_utrecht-radio-button-icon-size, 50%)
  );
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-radio-button-size, 1em);
  border-color: var(--_utrecht-radio-button-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--_utrecht-radio-button-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-radio-button-size, 1em);
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
}
.utrecht-radio-button--checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--hover {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--focus {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--active {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
}
.utrecht-radio-button--disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--invalid {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--html-input:disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--html-input:invalid,
.utrecht-radio-button--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:focus:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--html-input:hover:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--html-input:active:not(
    [aria-disabled='true'],
    :disabled
  ) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2024-2025 Gemeente Utrecht
 * Copyright (c) 2024-2025 Frameless B.V.
 */
.utrecht-rich-text {
  --utrecht-space-around: 1;
}
.utrecht-rich-text .utrecht-heading-1:first-child {
  --utrecht-heading-1-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-heading-2) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-accordion) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-alert) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-badge-list) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-blockquote) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-button) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-button-group) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-data-list) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-form-field) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-img) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-link) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-ordered-list) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-pagination) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-paragraph) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-separator) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-badge-status) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-table) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-1:has(+ .utrecht-unordered-list) {
  --utrecht-heading-1-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:first-child {
  --utrecht-heading-2-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-heading-3) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-accordion) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-alert) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-badge-list) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-blockquote) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-button) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-button-group) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-data-list) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-figure) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-form-field) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-img) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-link) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-ordered-list) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-pagination) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-paragraph) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-separator) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-sidenav) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-badge-status) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-table) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-2:has(+ .utrecht-unordered-list) {
  --utrecht-heading-2-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:first-child {
  --utrecht-heading-3-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-heading-4) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-accordion) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-alert) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-badge-list) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-blockquote) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-button) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-button-group) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-data-list) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-figure) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-form-field) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-img) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-link) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-ordered-list) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-pagination) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-paragraph) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-separator) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-sidenav) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-badge-status) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-table) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-3:has(+ .utrecht-unordered-list) {
  --utrecht-heading-3-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:first-child {
  --utrecht-heading-4-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-heading-5) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-accordion) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-alert) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-badge-list) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-blockquote) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-button) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-button-group) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-data-list) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-figure) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-form-field) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-img) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-link) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-ordered-list) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-pagination) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-paragraph) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-separator) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-sidenav) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-badge-status) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-table) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-4:has(+ .utrecht-unordered-list) {
  --utrecht-heading-4-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:first-child {
  --utrecht-heading-5-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-heading-6) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-accordion) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-alert) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-badge-list) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-blockquote) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-button) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-button-group) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-data-list) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-figure) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-form-field) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-img) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-link) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-ordered-list) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-pagination) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-paragraph) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-separator) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-sidenav) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-badge-status) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-table) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-5:has(+ .utrecht-unordered-list) {
  --utrecht-heading-5-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:first-child {
  --utrecht-heading-6-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-accordion) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-alert) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-badge-list) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-blockquote) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-button) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-button-group) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-data-list) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-figure) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-form-field) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-img) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-link) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-ordered-list) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-pagination) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-paragraph) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-separator) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-sidenav) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-badge-status) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-table) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-heading-6:has(+ .utrecht-unordered-list) {
  --utrecht-heading-6-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:first-child {
  --utrecht-accordion-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-heading-2) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-heading-3) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-heading-4) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-heading-5) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-heading-6) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-accordion) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-alert) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-badge-list) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-blockquote) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-button) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-button-group) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-data-list) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-figure) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-form-field) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-img) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-link) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-ordered-list) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-paragraph) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-separator) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-sidenav) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-table) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-accordion:has(+ .utrecht-unordered-list) {
  --utrecht-accordion-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:first-child {
  --utrecht-alert-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-1) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-2) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-3) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-4) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-5) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-heading-6) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-accordion) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-alert) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-badge-list) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-blockquote) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-button) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-button-group) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-data-list) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-figure) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-form-field) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-img) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-link) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-ordered-list) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-pagination) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-paragraph) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-separator) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-badge-status) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-table) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-alert:has(+ .utrecht-unordered-list) {
  --utrecht-alert-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:first-child {
  --utrecht-badge-list-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-1) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-2) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-3) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-4) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-5) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-heading-6) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-accordion) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-alert) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-blockquote) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-button) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-button-group) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-data-list) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-figure) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-form-field) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-img) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-link) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-ordered-list) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-paragraph) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-separator) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-table) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-list:has(+ .utrecht-unordered-list) {
  --utrecht-badge-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:first-child {
  --utrecht-blockquote-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-heading-2) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-heading-3) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-heading-4) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-heading-5) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-heading-6) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-accordion) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-alert) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-badge-list) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-blockquote) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-button) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-button-group) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-data-list) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-figure) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-form-field) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-img) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-link) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-ordered-list) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-pagination) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-paragraph) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-separator) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-table) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-blockquote:has(+ .utrecht-unordered-list) {
  --utrecht-blockquote-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:first-child {
  --utrecht-breadcrumb-nav-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-1) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-2) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-3) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-4) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-5) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-heading-6) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-accordion) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-alert) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-badge-list) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-blockquote) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-button) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-button-group) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-data-list) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-figure) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-form-field) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-img) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-link) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-ordered-list) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-pagination) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-paragraph) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-separator) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-sidenav) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-badge-status) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-table) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-breadcrumb-nav:has(+ .utrecht-unordered-list) {
  --utrecht-breadcrumb-nav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:first-child {
  --utrecht-button-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-heading-2) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-heading-3) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-heading-4) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-heading-5) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-heading-6) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-accordion) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-alert) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-badge-list) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-blockquote) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-button) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-button-group) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-data-list) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-figure) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-img) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-link) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-ordered-list) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-paragraph) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-separator) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-sidenav) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-table) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button:has(+ .utrecht-unordered-list) {
  --utrecht-button-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:first-child {
  --utrecht-button-group-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-heading-2) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-heading-3) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-heading-4) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-heading-5) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-heading-6) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-accordion) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-alert) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-badge-list) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-blockquote) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-button) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-button-group) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-data-list) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-figure) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-img) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-link) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-ordered-list) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-paragraph) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-separator) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-sidenav) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-table) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-button-group:has(+ .utrecht-unordered-list) {
  --utrecht-button-group-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:first-child {
  --utrecht-data-list-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-heading-2) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-heading-3) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-heading-4) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-heading-5) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-heading-6) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-accordion) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-alert) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-badge-list) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-blockquote) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-button) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-button-group) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-data-list) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-figure) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-form-field) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-img) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-link) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-ordered-list) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-pagination) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-paragraph) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-separator) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-table) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-data-list:has(+ .utrecht-unordered-list) {
  --utrecht-data-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:first-child {
  --utrecht-figure-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-heading-2) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-heading-3) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-heading-4) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-heading-5) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-heading-6) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-accordion) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-alert) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-badge-list) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-blockquote) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-button) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-button-group) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-data-list) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-form-field) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-img) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-link) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-ordered-list) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-pagination) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-paragraph) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-separator) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-table) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-figure:has(+ .utrecht-unordered-list) {
  --utrecht-figure-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:first-child {
  --utrecht-form-field-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-heading-2) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-heading-3) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-heading-4) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-heading-5) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-heading-6) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-accordion) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-alert) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-badge-list) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-blockquote) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-button) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-button-group) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-data-list) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-figure) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-form-field) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-img) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-link) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-ordered-list) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-paragraph) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-separator) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-table) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field:has(+ .utrecht-unordered-list) {
  --utrecht-form-field-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-description:first-child {
  --utrecht-form-field-description-margin-block-start: 0;
}
.utrecht-rich-text
  .utrecht-form-field-description:has(+ .utrecht-form-field-error-message) {
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-description:has(+ .utrecht-select) {
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-description:has(+ .utrecht-textarea) {
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-description:has(+ .utrecht-textbox) {
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-error-message:first-child {
  --utrecht-form-field-error-message-margin-block-start: 0;
}
.utrecht-rich-text
  .utrecht-form-field-error-message:has(+ .utrecht-form-field-description) {
  --utrecht-form-field-error-message-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text
  .utrecht-form-field-error-message:has(+ .utrecht-form-field-error-message) {
  --utrecht-form-field-error-message-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-error-message:has(+ .utrecht-select) {
  --utrecht-form-field-error-message-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-error-message:has(+ .utrecht-textarea) {
  --utrecht-form-field-error-message-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-field-error-message:has(+ .utrecht-textbox) {
  --utrecht-form-field-error-message-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-label:first-child {
  --utrecht-form-label-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-form-label:has(+ .utrecht-form-field-description) {
  --utrecht-form-label-margin-block-end: var(
    --utrecht-rich-text-confidant-margin-block-end
  );
}
.utrecht-rich-text
  .utrecht-form-label:has(+ .utrecht-form-field-error-message) {
  --utrecht-form-label-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-label:has(+ .utrecht-select) {
  --utrecht-form-label-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-label:has(+ .utrecht-textarea) {
  --utrecht-form-label-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-form-label:has(+ .utrecht-textbox) {
  --utrecht-form-label-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:first-child {
  --utrecht-img-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-heading-2) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-heading-3) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-heading-4) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-heading-5) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-heading-6) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-accordion) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-alert) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-badge-list) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-blockquote) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-button) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-button-group) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-data-list) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-form-field) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-img) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-link) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-ordered-list) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-pagination) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-paragraph) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-separator) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-table) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-img:has(+ .utrecht-unordered-list) {
  --utrecht-img-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:first-child {
  --utrecht-link-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-heading-2) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-heading-3) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-heading-4) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-heading-5) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-heading-6) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-accordion) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-alert) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-badge-list) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-blockquote) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-button) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-button-group) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-data-list) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-form-field) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-img) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-link) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-ordered-list) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-paragraph) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-separator) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-sidenav) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-table) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-link:has(+ .utrecht-unordered-list) {
  --utrecht-link-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:first-child {
  --utrecht-ordered-list-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-heading-2) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-heading-3) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-heading-4) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-heading-5) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-heading-6) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-accordion) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-alert) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-badge-list) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-blockquote) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-button) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-button-group) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-data-list) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-form-field) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-img) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-link) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-ordered-list) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-pagination) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-paragraph) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-separator) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-table) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-ordered-list:has(+ .utrecht-unordered-list) {
  --utrecht-ordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:first-child {
  --utrecht-pagination-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-heading-2) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-heading-3) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-heading-4) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-heading-5) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-heading-6) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-accordion) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-alert) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-badge-list) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-blockquote) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-button) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-button-group) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-data-list) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-form-field) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-img) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-link) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-ordered-list) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-paragraph) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-separator) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-table) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-pagination:has(+ .utrecht-unordered-list) {
  --utrecht-pagination-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:first-child {
  --utrecht-paragraph-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-heading-2) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-heading-3) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-heading-4) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-heading-5) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-heading-6) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-accordion) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-alert) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-badge-list) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-blockquote) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-button) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-button-group) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-data-list) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-form-field) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-img) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-link) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-ordered-list) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-pagination) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-paragraph) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-separator) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-table) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-paragraph:has(+ .utrecht-unordered-list) {
  --utrecht-paragraph-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-select:first-child {
  --utrecht-select-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-select:has(+ .utrecht-form-field-description) {
  --utrecht-select-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-select:has(+ .utrecht-form-field-error-message) {
  --utrecht-select-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:first-child {
  --utrecht-separator-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-1) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-2) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-3) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-4) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-5) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-heading-6) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-accordion) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-alert) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-badge-list) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-blockquote) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-button) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-button-group) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-data-list) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-form-field) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-img) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-link) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-ordered-list) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-pagination) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-paragraph) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-separator) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-sidenav) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-table) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-separator:has(+ .utrecht-unordered-list) {
  --utrecht-separator-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:first-child {
  --utrecht-sidenav-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-1) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-2) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-3) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-4) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-5) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-heading-6) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-accordion) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-alert) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-badge-list) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-blockquote) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-button) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-button-group) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-data-list) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-form-field) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-img) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-link) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-ordered-list) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-pagination) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-separator) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-table) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-sidenav:has(+ .utrecht-unordered-list) {
  --utrecht-sidenav-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:first-child {
  --utrecht-badge-status-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-heading-2) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-heading-3) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-heading-4) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-heading-5) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-heading-6) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-badge-status:has(+ .utrecht-badge-status) {
  --utrecht-badge-status-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:first-child {
  --utrecht-table-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-heading-2) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-heading-3) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-heading-4) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-heading-5) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-heading-6) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-accordion) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-alert) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-badge-list) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-blockquote) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-button) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-button-group) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-data-list) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-form-field) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-img) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-link) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-ordered-list) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-pagination) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-paragraph) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-separator) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-table) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-table:has(+ .utrecht-unordered-list) {
  --utrecht-table-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-textarea:first-child {
  --utrecht-textarea-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-textarea:has(+ .utrecht-form-field-description) {
  --utrecht-textarea-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-textarea:has(+ .utrecht-form-field-error-message) {
  --utrecht-textarea-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-textbox:first-child {
  --utrecht-textbox-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-textbox:has(+ .utrecht-form-field-description) {
  --utrecht-textbox-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-textbox:has(+ .utrecht-form-field-error-message) {
  --utrecht-textbox-margin-block-end: var(
    --utrecht-rich-text-best-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:first-child {
  --utrecht-unordered-list-margin-block-start: 0;
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-heading-2) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-heading-3) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-heading-4) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-heading-5) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-heading-6) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-accordion) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-alert) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-badge-list) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-blockquote) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-acquaintance-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-button) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-button-group) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-data-list) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-form-field) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-img) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-link) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-ordered-list) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-pagination) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-paragraph) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-separator) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-stranger-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-table) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
}
.utrecht-rich-text .utrecht-unordered-list:has(+ .utrecht-unordered-list) {
  --utrecht-unordered-list-margin-block-end: var(
    --utrecht-rich-text-friend-margin-block-end
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-search-bar {
  --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
  --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-transform);
  --utrecht-button-font-size: var(--utrecht-search-bar-button-font-size);
  --utrecht-button-font-weight: var(--utrecht-search-bar-button-font-weight);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-search-bar-button-background-color
  );
  --utrecht-button-primary-action-color: var(--utrecht-search-bar-button-color);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-search-bar-button-hover-background-color
  );
  --utrecht-textbox-border-color: var(--utrecht-search-bar-input-border-color);
  --utrecht-textbox-padding-inline-start: var(
    --utrecht-search-bar-input-padding-inline-start
  );
  --utrecht-textbox-border-bottom-width: var(
    --utrecht-search-bar-input-border-bottom-width
  );
  --utrecht-textbox-max-inline-size: var(
    --utrecht-search-bar-input-max-inline-size
  );
  display: flex;
}
.utrecht-search-bar__input {
  background-image: var(--utrecht-search-bar-input-background-image, none);
  background-position-x: var(--utrecht-search-bar-input-background-position-x);
  background-position-y: var(--utrecht-search-bar-input-background-position-y);
  background-repeat: no-repeat;
  background-size: var(--utrecht-search-bar-input-background-size);
}
.utrecht-search-bar__dropdown {
  border-color: var(--utrecht-search-bar-dropdown-border-color);
  border-style: solid;
  border-width: var(--utrecht-search-bar-dropdown-border-width);
  inline-size: var(
    --utrecht-search-bar-dropdown-inline-size,
    var(--utrecht-form-input-max-inline-size)
  );
  max-block-size: var(--utrecht-search-bar-dropdown-max-block-size);
  overflow: auto;
  padding-block-end: var(--utrecht-search-bar-dropdown-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-dropdown-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-dropdown-padding-inline-end);
  padding-inline-start: var(--utrecht-search-bar-dropdown-padding-inline-start);
  position: absolute;
  z-index: var(--utrecht-search-bar-dropdown-z-index);
}
.utrecht-search-bar__section-title {
  color: var(--utrecht-search-bar-section-title-color);
  font-size: var(--utrecht-search-bar-section-title-font-size);
  font-weight: var(--utrecht-search-bar-section-title-font-weight);
  line-height: var(--utrecht-search-bar-section-title-line-height);
  margin-inline-start: var(
    --utrecht-search-bar-section-title-margin-inline-start
  );
}
.utrecht-search-bar__list-item {
  padding-block-end: var(--utrecht-search-bar-list-item-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-list-item-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-list-item-padding-inline-end);
  padding-inline-start: var(
    --utrecht-search-bar-list-item-padding-inline-start
  );
}
.utrecht-search-bar__list-item--is-active {
  background-color: var(
    --utrecht-search-bar-list-item-is-active-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-active-color);
  font-weight: var(--utrecht-search-bar-list-item-is-active-font-weight);
}
.utrecht-search-bar__list-item--is-selected {
  background-color: var(
    --utrecht-search-bar-list-item-is-selected-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-selected-color);
}
.utrecht-select {
  background-color: var(
    --utrecht-select-background-color,
    var(--utrecht-form-control-background-color)
  );
  border-block-end-width: var(
    --utrecht-select-border-block-end-width,
    var(--utrecht-select-border-width, var(--utrecht-form-control-border-width))
  );
  border-block-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-color: var(
    --utrecht-select-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-inline-end-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-inline-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-radius: var(
    --utrecht-select-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  color: var(--utrecht-select-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-select-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-select-font-size,
    var(--utrecht-form-control-font-size)
  );
  inline-size: 100%;
  min-block-size: var(
    --utrecht-select-min-block-size,
    var(--utrecht-pointer-target-min-size, 44px)
  );
  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
  max-inline-size: var(
    --utrecht-select-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  padding-block-end: var(
    --utrecht-select-padding-block-end,
    var(--utrecht-form-control-padding-block-end)
  );
  padding-block-start: var(
    --utrecht-select-padding-block-start,
    var(--utrecht-form-control-padding-block-start)
  );
  padding-inline-end: var(
    --utrecht-select-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end)
  );
  padding-inline-start: var(
    --utrecht-select-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start)
  );
}
.utrecht-select--disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-select--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-select--invalid {
  --_utrecht-select-border-width: var(
    --utrecht-select-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-select-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-select-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-select-border-width);
  border-block-end-width: var(
    --utrecht-select-invalid-border-block-end-width,
    var(
      --utrecht-form-control-invalid-border-block-end-width,
      var(
        --utrecht-select-border-block-end-width,
        var(
          --utrecht-form-control-border-block-end-width,
          var(--_utrecht-select-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-select-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
}
.utrecht-select--html-select:focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--html-select:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-select--html-select:disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--html-select:not([multiple]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: var(--utrecht-select-background-image);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 1.4em;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-separator {
  border-color: var(--utrecht-separator-color);
  border-style: solid;
  border-width: 0 0 var(--utrecht-separator-block-size) 0;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-start, 0)
  );
}
.utrecht-separator--distanced {
  --utrecht-space-around: 1;
}
.utrecht-skip-link {
  align-items: center;
  background-color: var(--utrecht-skip-link-background-color, ButtonFace);
  box-sizing: border-box;
  color: var(--utrecht-skip-link-color, ButtonText);
  display: inline-flex;
  justify-content: center;
  min-block-size: var(--utrecht-skip-link-min-block-size, 44px);
  min-inline-size: var(--utrecht-skip-link-min-inline-size, 44px);
  padding-block-end: var(--utrecht-skip-link-padding-block-end);
  padding-block-start: var(--utrecht-skip-link-padding-block-start);
  padding-inline-end: var(--utrecht-skip-link-padding-inline-end);
  padding-inline-start: var(--utrecht-skip-link-padding-inline-start);
  text-decoration: var(--utrecht-skip-link-text-decoration);
}
.utrecht-skip-link--hidden,
.utrecht-skip-link--visible-on-focus {
  inset-block-start: -200%;
  position: fixed;
}
.utrecht-skip-link--visible-on-focus:focus {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--visible {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--focus,
.utrecht-skip-link:focus,
.utrecht-skip-link:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  text-decoration: var(--utrecht-skip-link-focus-text-decoration);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2020-2022 Gemeente Utrecht
 * Copyright (c) 2020-2022 Frameless B.V.
 */
.utrecht-spotlight-section {
  background-color: var(
    --_utrecht-spotlight-section-background-color,
    var(--utrecht-spotlight-section-background-color)
  );
  border-color: var(
    --_utrecht-spotlight-section-border-color,
    var(--utrecht-spotlight-section-border-color)
  );
  border-style: solid;
  border-width: var(
    --_utrecht-spotlight-section-border-width,
    var(--utrecht-spotlight-section-border-width, 0)
  );
  color: var(
    --_utrecht-spotlight-section-color,
    var(--utrecht-spotlight-section-color)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-start, 0)
  );
  padding-block-end: var(--utrecht-spotlight-section-padding-block-end);
  padding-block-start: var(--utrecht-spotlight-section-padding-block-start);
  padding-inline-end: var(--utrecht-spotlight-section-padding-inline-end);
  padding-inline-start: var(--utrecht-spotlight-section-padding-inline-start);
}
.utrecht-spotlight-section--info {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-info-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-info-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-info-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-info-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-info-color
  );
}
.utrecht-spotlight-section--warning {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-warning-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-warning-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-warning-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-warning-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-warning-color
  );
}
.utrecht-surface {
  background-color: var(--utrecht-surface-background-color, inherit);
  color: var(--utrecht-surface-color, inherit);
}
.utrecht-surface--html-body {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.utrecht-table-container--overflow-inline {
  background-attachment: local, local, scroll, scroll;
  background-image:
    linear-gradient(to right, #fff, #fff),
    linear-gradient(to right, #fff, #fff),
    linear-gradient(to right, #00000040, #fff0),
    linear-gradient(to left, #00000040, #fff0);
  background-position:
    left center,
    right center,
    left center,
    right center;
  background-repeat: no-repeat;
  background-size:
    20px 100%,
    20px 100%,
    10px 100%,
    10px 100%;
  overflow: auto;
}
.utrecht-table {
  border-collapse: separate;
  border-color: var(--utrecht-table-border-color, 0);
  border-spacing: 0;
  border-style: solid;
  border-width: var(--utrecht-table-border-width, 0);
  font-family: var(
    --utrecht-table-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-table-font-size, inherit);
  inline-size: 100%;
  line-height: var(--utrecht-table-line-height, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-start, 0)
  );
}
.utrecht-table--distanced {
  --utrecht-space-around: 1;
}
.utrecht-table--html-table > caption,
.utrecht-table__caption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > figcaption,
.utrecht-table__figcaption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > thead,
.utrecht-table__header {
  --_utrecht-table-header-cell-vertical-align: bottom;
  --_utrecht-table-header-cell-z-index: 8;
  background-color: var(--utrecht-table-header-background-color);
  break-inside: avoid;
  color: var(--utrecht-table-header-color);
  font-weight: var(--utrecht-table-header-font-weight);
  page-break-inside: avoid;
  text-transform: var(--utrecht-table-header-text-transform);
}
.utrecht-table__header--sticky th {
  background-color: var(--utrecht-table-header-sticky-background-color);
  color: var(--utrecht-table-header-sticky-color);
  inset-block-start: 0;
  position: sticky;
}
.utrecht-table__header--sticky tr:last-child > th {
  border-block-end-color: var(
    --utrecht-table-header-sticky-border-block-end-color,
    var(--utrecht-table-header-border-block-end-color, transparent)
  );
  border-block-end-style: solid;
  border-block-end-width: var(
    --utrecht-table-header-sticky-border-block-end-width,
    var(--utrecht-table-header-border-block-end-width, 0)
  );
}
.utrecht-table__footer {
  --_utrecht-table-header-cell-z-index: 5;
  z-index: 3;
}
.utrecht-table__footer--sticky {
  background-color: var(
    --utrecht-table-footer-sticky-background-color,
    var(--utrecht-table-footer-background-color)
  );
  color: var(
    --utrecht-table-footer-sticky-color,
    var(--utrecht-table-footer-color)
  );
  inset-block-end: 0;
  position: sticky;
}
.utrecht-table__footer--sticky tr:first-child > th,
.utrecht-table__footer--sticky tr:first-child > td {
  border-block-start-color: var(
    --utrecht-table-header-sticky-border-block-start-color,
    var(--utrecht-table-header-border-block-start-color, transparent)
  );
  border-block-start-style: solid;
  border-block-start-width: var(
    --utrecht-table-header-sticky-border-block-start-width,
    var(--utrecht-table-header-border-block-start-width, 0)
  );
}
.utrecht-table--html-table > tbody,
.utrecht-table__body {
  --_utrecht-table-header-cell-z-index: 2;
}
.utrecht-table--fixed {
  inline-size: fit-content;
  table-layout: fixed;
}
.utrecht-table--fixed th,
.utrecht-table--oneline th,
.utrecht-table--oneline td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table--html-table > tr,
.utrecht-table--html-table > thead > tr,
.utrecht-table--html-table > tbody > tr,
.utrecht-table--html-table > tfoot > tr,
.utrecht-table__row {
  break-inside: avoid;
  page-break-inside: avoid;
}
.utrecht-table__row--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table--html-table > tr > th,
.utrecht-table--html-table > thead > tr > th,
.utrecht-table--html-table > tbody > tr > th,
.utrecht-table--html-table > tfoot > tr > th,
.utrecht-table__header-cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  color: var(--utrecht-table-header-cell-color);
  font-size: var(--utrecht-table-header-cell-font-size);
  font-weight: var(--utrecht-table-header-cell-font-weight, bold);
  text-transform: var(--utrecht-table-header-cell-text-transform);
  vertical-align: var(--_utrecht-table-header-cell-vertical-align, top);
  z-index: var(--_utrecht-table-header-cell-z-index);
}
.utrecht-table__header-cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--sticky-block {
  background-color: #eee;
  color: #000;
  inset-block-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 2);
}
.utrecht-table__header-cell--sticky-inline {
  background-color: #eee;
  color: #000;
  inset-inline-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 1);
}
.utrecht-table--html-table > tr > td,
.utrecht-table--html-table > thead > tr > td,
.utrecht-table--html-table > tbody > tr > td,
.utrecht-table--html-table > tfoot > tr > td,
.utrecht-table__cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  border-block-end-color: var(
    --utrecht-table-row-border-block-end-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-table-row-border-block-end-width, 0);
  vertical-align: top;
}
.utrecht-table--html-table > tr > td:first-child,
.utrecht-table--html-table > thead > tr > td:first-child,
.utrecht-table--html-table > tbody > tr > td:first-child,
.utrecht-table--html-table > tfoot > tr > td:first-child,
.utrecht-table__cell--first {
  padding-inline-start: var(
    --utrecht-table-row-padding-inline-start,
    var(--utrecht-table-cell-padding-inline-start, 0)
  );
}
.utrecht-table--html-table > tr > td:last-child,
.utrecht-table--html-table > thead > tr > td:last-child,
.utrecht-table--html-table > tbody > tr > td:last-child,
.utrecht-table--html-table > tfoot > tr > td:last-child,
.utrecht-table__cell--last {
  padding-inline-end: var(
    --utrecht-table-row-padding-inline-end,
    var(--utrecht-table-cell-padding-inline-end, 0)
  );
}
.utrecht-table__cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--numeric-column,
.utrecht-table__cell--numeric-column {
  --_utrecht-table-cell-text-align: right;
  text-align: var(--_utrecht-table-cell-text-align);
}
.utrecht-table__cell--numeric-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-table__row--alternate-odd {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table__row--alternate-even {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table__header-cell {
  --utrecht-button-font-size: inherit;
  --utrecht-button-font-weight: inherit;
  --utrecht-button-padding-inline-start: var(
    --utrecht-table-cell-padding-inline-start
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-table-cell-padding-inline-end
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-table-cell-padding-block-start
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-table-cell-padding-block-end
  );
  --utrecht-button-hover-scale: 1;
  --utrecht-button-focus-scale: 1;
  --utrecht-button-min-block-size: 100%;
  --utrecht-button-min-inline-size: 100%;
  --utrecht-button-border-color: transparent;
  --utrecht-button-border-size: 1px;
}
.utrecht-table__header-cell:has(.utrecht-button) {
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-table__header-cell-button {
  justify-content: var(--_utrecht-table-cell-text-align, start);
}
.utrecht-table__data--truncate {
  display: block;
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table__container {
  max-inline-size: 100%;
  overflow-inline: scroll;
}
.utrecht-table__header--hidden {
  block-size: 1px;
  border: 0 solid silver;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  inline-size: 1px;
  outline: 1px solid red;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.utrecht-table--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(odd) {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(2n) {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__header-cell,
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__header-cell,
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-textarea {
  background-color: var(
    --utrecht-textarea-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textarea-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textarea-border-bottom-width,
    var(
      --utrecht-textarea-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textarea-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textarea-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textarea-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textarea-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textarea-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(--utrecht-textarea-line-height, initial);
  max-inline-size: var(
    --utrecht-textarea-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  min-block-size: var(
    --utrecht-textarea-min-block-size,
    var(--utrecht-pointer-target-min-size, 44px)
  );
  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
  padding-block-end: var(
    --utrecht-textarea-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textarea-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textarea-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textarea-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
  resize: vertical;
  resize: block;
}
.utrecht-textarea--invalid {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea__placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textarea--html-textarea:focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--html-textarea:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textarea--html-textarea:invalid,
.utrecht-textarea--html-textarea[aria-invalid='true'] {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--html-textarea::placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-textbox {
  --_utrecht-textbox-value-char: 0.667em + 0.334ch;
  --_utrecht-textbox-max-inline-size: calc(
    calc(
        var(--utrecht-textbox-value-max-length) *
          var(--_utrecht-textbox-value-char)
      ) +
      var(
        --utrecht-textbox-padding-inline-end,
        var(--utrecht-form-control-padding-inline-end, 0)
      ) +
      var(
        --utrecht-textbox-padding-inline-start,
        var(--utrecht-form-control-padding-inline-start, 0)
      ) +
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width, 0)
      ) +
      var(--utrecht-textbox-autocomplete-ui-size, 44px)
  );
  background-color: var(
    --utrecht-textbox-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textbox-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textbox-border-bottom-width,
    var(
      --utrecht-textbox-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textbox-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textbox-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textbox-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textbox-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(
    --utrecht-textbox-line-height,
    var(--utrecht-form-control-line-height, initial)
  );
  min-block-size: var(--utrecht-pointer-target-min-size, 44px);
  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
  max-inline-size: min(
    var(--_utrecht-textbox-max-inline-size, 100%),
    var(
      --utrecht-textbox-max-inline-size,
      var(--utrecht-form-control-max-inline-size)
    )
  );
  padding-block-end: var(
    --utrecht-textbox-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textbox-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textbox-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textbox-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
}
.utrecht-textbox--invalid {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox__placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--numeric {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-textbox--password {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--postal-code-nl-size {
  --utrecht-textbox-value-max-length: 7;
}
.utrecht-textbox--house-number-size {
  --utrecht-textbox-value-max-length: 5;
}
.utrecht-textbox--house-letter-size {
  --utrecht-textbox-value-max-length: 1;
}
.utrecht-textbox--house-addition-size {
  --utrecht-textbox-value-max-length: 4;
}
.utrecht-textbox--voorvoegsel-size {
  --utrecht-textbox-value-max-length: 10;
}
.utrecht-textbox--tel-size {
  --utrecht-textbox-value-max-length: 19;
}
.utrecht-textbox--tel-nl-size {
  --utrecht-textbox-value-max-length: 13;
}
.utrecht-textbox--iban-size {
  --utrecht-textbox-value-max-length: 41;
}
.utrecht-textbox--iban-nl-size {
  --utrecht-textbox-value-max-length: 22;
}
.utrecht-textbox--placeholder-ltr::placeholder,
.utrecht-textbox--placeholder-ltr:placeholder-shown {
  direction: ltr;
}
.utrecht-textbox--placeholder-rtl::placeholder,
.utrecht-textbox--placeholder-rtl:placeholder-shown {
  direction: rtl;
}
.utrecht-textbox--url {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input:focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textbox--html-input:invalid,
.utrecht-textbox--html-input[aria-invalid='true'] {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--html-input::placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--html-input[type='password' i] {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--html-input[type='url' i],
.utrecht-textbox--html-input[type='email' i],
.utrecht-textbox--html-input[inputMode='email' i],
.utrecht-textbox--html-input[inputMode='url' i] {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input[pattern='\\d*'],
.utrecht-textbox--html-input[pattern='[0-9]*'],
.utrecht-textbox--html-input[type='number' i],
.utrecht-textbox--html-input[type='tel' i],
.utrecht-textbox--html-input[inputMode='numeric' i],
.utrecht-textbox--html-input[inputMode='decimal' i],
.utrecht-textbox--html-input[inputMode='tel' i] {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-toptask-link {
  --utrecht-icon-color: currentColor;
  --utrecht-icon-size: var(--utrecht-toptask-link-icon-size);
  background-color: var(--utrecht-toptask-link-background-color);
  color: var(--utrecht-toptask-link-color);
  display: flex;
  flex-direction: column;
  font-size: var(--utrecht-toptask-link-font-size);
  line-height: var(--utrecht-toptask-link-line-height);
  max-inline-size: var(--utrecht-toptask-link-max-inline-size);
  min-block-size: var(--utrecht-toptask-link-min-block-size);
  min-inline-size: var(--utrecht-toptask-link-min-inline-size);
  padding-block-end: var(--utrecht-toptask-link-padding-block-end);
  padding-block-start: var(--utrecht-toptask-link-padding-block-start);
  padding-inline-end: var(--utrecht-toptask-link-padding-inline-end);
  padding-inline-start: var(--utrecht-toptask-link-padding-inline-start);
  text-decoration: none;
}
.utrecht-toptask-link--hover,
.utrecht-toptask-link:hover {
  background-color: var(
    --utrecht-toptask-link-hover-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-hover-color,
    var(--utrecht-toptask-link-color)
  );
  transform: var(--utrecht-toptask-link-hover-transform-scale, 1);
}
.utrecht-toptask-link--focus-visible,
.utrecht-toptask-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-toptask-link--focus,
.utrecht-toptask-link:focus {
  background-color: var(
    --utrecht-toptask-link-focus-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-focus-color,
    var(--utrecht-toptask-link-color)
  );
}
.utrecht-toptask-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-toptask-link__title {
  display: block;
}
.utrecht-toptask-link__icon {
  display: block;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-md);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-toptask-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--utrecht-toptask-nav-gap);
}
.utrecht-toptask-nav--grid {
  --utrecht-toptask-link-max-inline-size: var(
    --utrecht-toptask-nav-link-grid-max-inline-size
  );
  flex-direction: row;
}
.utrecht-unordered-list,
.utrecht-unordered-list--html-content ul {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-unordered-list-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  line-height: var(
    --utrecht-unordered-list-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
  text-align: start;
}
.utrecht-unordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-unordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-unordered-list--nested,
.utrecht-unordered-list--html-content ul {
  margin-block-end: 0;
  margin-inline-start: 2ch;
}
.utrecht-unordered-list--html-content > li,
.utrecht-unordered-list--html-content ul > li,
.utrecht-unordered-list__item {
  margin-block-end: var(--utrecht-unordered-list-item-margin-block-end);
  margin-block-start: var(--utrecht-unordered-list-item-margin-block-start);
  padding-inline-start: var(
    --utrecht-unordered-list-item-padding-inline-start,
    1ch
  );
}
.utrecht-unordered-list--html-content > li::marker,
.utrecht-unordered-list--html-content ul > li::marker,
.utrecht-unordered-list__item::marker,
.utrecht-unordered-list__marker {
  color: var(--utrecht-unordered-list-marker-color);
  content: '●';
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-url-data {
  break-inside: avoid;
  font-variant-ligatures: none;
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: anywhere;
  page-break-inside: avoid;
}
:root,
::backdrop {
  --denhaag-process-steps-sub-step-marker-size: 12px;
  --denhaag-process-steps-step-marker-size: 28px;
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
  --utrecht-stack-focus-z-index: 1;
  --utrecht-border-style-dotted: dotted;
  --utrecht-border-style-solid: solid;
  --utrecht-border-radius-none: 0;
  --utrecht-border-radius-round: 999px;
  --utrecht-border-radius-lg: 8px;
  --utrecht-border-radius-md: 4px;
  --utrecht-border-radius-sm: 2px;
  --utrecht-border-width-md: 2px;
  --utrecht-border-width-sm: 1px;
  --utrecht-typography-line-height-lg: 2;
  --utrecht-typography-line-height-md: 1.5;
  --utrecht-typography-line-height-sm: 1.25;
  --utrecht-typography-line-height-xs: 1;
  --utrecht-typography-font-style-inherit: inherit;
  --utrecht-typography-font-style-normal: normal;
  --utrecht-typography-weight-scale-normal-font-weight: 400;
  --utrecht-typography-weight-scale-bold-font-weight: 700;
  --utrecht-typography-scale-4xl-font-size: 2rem;
  --utrecht-typography-scale-3xl-font-size: 1.5rem;
  --utrecht-typography-scale-2xl-font-size: 1.375rem;
  --utrecht-typography-scale-xl-font-size: 1.25rem;
  --utrecht-typography-scale-lg-font-size: 1.125rem;
  --utrecht-typography-scale-md-font-size: 1rem;
  --utrecht-typography-scale-sm-font-size: 0.875rem;
  --utrecht-typography-scale-xs-font-size: 0.75rem;
  --utrecht-typography-scale-2xs-font-size: 0.5rem;
  --utrecht-typography-sans-serif-font-family:
    'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Arial', sans-serif;
  --utrecht-icon-scale-4xl: 48px;
  --utrecht-icon-scale-3xl: 36px;
  --utrecht-icon-scale-2xl: 30px;
  --utrecht-icon-scale-xl: 26px;
  --utrecht-icon-scale-lg: 24px;
  --utrecht-icon-scale-md: 16px;
  --utrecht-icon-scale-sm: 12px;
  --utrecht-icon-scale-xs: 8px;
  --utrecht-icon-scale-2xs: 4px;
  --utrecht-icon-scale-3xs: 1px;
  --utrecht-color-black: hsl(0 0% 0%);
  --utrecht-color-white: hsl(0 0% 100%);
  --utrecht-color-invalid: #990000;
  --utrecht-color-secondary-grey: #757575;
  --utrecht-color-secondary-brown: #ad643b;
  --utrecht-color-secondary-navy: #1c4181;
  --utrecht-color-secondary-blue: #006dff;
  --utrecht-color-secondary-cyan: #009ed4;
  --utrecht-color-secondary-green: #32ab27;
  --utrecht-color-secondary-lime: #99d000;
  --utrecht-color-secondary-yellow: #ffcc00;
  --utrecht-color-secondary-orange: #ff6e00;
  --utrecht-color-secondary-red: #cc0000;
  --utrecht-color-secondary-magenta: #f02198;
  --utrecht-color-secondary-purple: #762cd1;
  --utrecht-color-green-90: hsl(90 30% 90%);
  --utrecht-color-green-80: hsl(90 30% 80%);
  --utrecht-color-green-50: hsl(90 30% 50%);
  --utrecht-color-green-40: hsl(90 30% 38%);
  --utrecht-color-green-30: hsl(90 30% 30%);
  --utrecht-color-yellow-80: hsl(48 100% 80%);
  --utrecht-color-yellow-60: hsl(48 100% 60%);
  --utrecht-color-yellow-50: hsl(48 100% 50%);
  --utrecht-color-yellow-40: hsl(48 100% 40%);
  --utrecht-color-yellow-20: hsl(48 100% 20%);
  --utrecht-color-grey-95: hsl(0 0% 95%);
  --utrecht-color-grey-90: hsl(0 0% 90%);
  --utrecht-color-grey-80: hsl(0 0% 80%);
  --utrecht-color-grey-40: hsl(0 0% 40%);
  --utrecht-color-grey-30: hsl(0 0% 30%);
  --utrecht-color-grey-20: hsl(0 0% 20%);
  --utrecht-color-grey-15: hsl(0 0% 15%);
  --utrecht-color-grey-10: hsl(0 0% 10%);
  --utrecht-color-blue-90: hsl(211 60% 90%);
  --utrecht-color-blue-80: hsl(211 60% 80%);
  --utrecht-color-blue-60: hsl(211 60% 60%);
  --utrecht-color-blue-50: hsl(211 60% 50%);
  --utrecht-color-blue-40: hsl(211 60% 40%);
  --utrecht-color-blue-35: hsl(211 60% 35%);
  --utrecht-color-blue-30: hsl(211 60% 30%);
  --utrecht-color-blue-20: hsl(211 60% 20%);
  --utrecht-color-red-95: hsl(0 100% 95%);
  --utrecht-color-red-40: hsl(0 100% 40%);
  --utrecht-color-red-30: hsl(0 100% 30%);
  --utrecht-color-red-20: hsl(0 100% 20%);
  --utrecht-unordered-list-item-margin-block-end: 0.5rem;
  --utrecht-unordered-list-item-margin-block-start: 0.5rem;
  --utrecht-unordered-list-margin-block-end: 0;
  --utrecht-toptask-link-icon-size: 2.25rem;
  --utrecht-toptask-link-hover-transform-scale: 1.02;
  --utrecht-toptask-link-min-inline-size: 15rem;
  --utrecht-toptask-link-min-block-size: 8.25rem;
  --utrecht-toptask-link-line-height: 1.2;
  --utrecht-toptask-link-font-size: 1rem;
  --utrecht-textbox-border-bottom-width: 3px;
  --utrecht-textarea-border-bottom-width: 3px;
  --utrecht-table-footer-sticky-border-block-start-width: 2px;
  --utrecht-table-cell-icon-size: 1em;
  --utrecht-table-cell-padding-inline-start: 0.4em;
  --utrecht-table-cell-padding-inline-end: 0.4em;
  --utrecht-table-cell-padding-block-start: 0.5em;
  --utrecht-table-cell-padding-block-end: 0.5em;
  --utrecht-table-cell-line-height: 24px;
  --utrecht-table-header-sticky-border-block-end-width: 2px;
  --utrecht-table-caption-margin-block-end: 1em;
  --utrecht-table-caption-text-align: start;
  --utrecht-table-caption-font-size: 1.125em;
  --utrecht-table-margin-block-end: 0;
  --utrecht-separator-block-size: 8px;
  --utrecht-select-border-block-end-width: 3px;
  --utrecht-search-bar-dropdown-max-block-size: 300px;
  --utrecht-search-bar-dropdown-border-width: 1px;
  --utrecht-search-bar-input-background-size: 1em;
  --utrecht-search-bar-input-background-position-y: 50%;
  --utrecht-search-bar-input-background-position-x: 0.5em;
  --utrecht-search-bar-button-hover-scale: 1;
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
  --utrecht-radio-button-margin-inline-end: 12px;
  --utrecht-radio-button-border-radius: 0;
  --utrecht-radio-button-invalid-border-width: 2px;
  --utrecht-radio-button-icon-size: 42%;
  --utrecht-radio-button-size: 24px;
  --utrecht-radio-button-border-width: 2px;
  --utrecht-paragraph-margin-block-end: 0;
  --utrecht-pagination-relative-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-relative-link-distanced-margin-inline-end: 0.5em;
  --utrecht-pagination-relative-link-text-transform: uppercase;
  --utrecht-pagination-relative-link-text-decoration: none;
  --utrecht-pagination-relative-link-padding-block-start: 0.5em;
  --utrecht-pagination-relative-link-padding-block-end: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-start: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-end: 0.5em;
  --utrecht-pagination-relative-link-border-width: 2px;
  --utrecht-pagination-page-link-border-color: transparent;
  --utrecht-pagination-page-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-page-link-text-decoration: none;
  --utrecht-pagination-page-link-padding-block-start: 0.5em;
  --utrecht-pagination-page-link-padding-block-end: 0.5em;
  --utrecht-pagination-page-link-padding-inline-start: 0.5em;
  --utrecht-pagination-page-link-padding-inline-end: 0.5em;
  --utrecht-pagination-page-link-border-width: 2px;
  --utrecht-pagination-page-link-background-color: transparent;
  --utrecht-pagination-margin-block-end: 1em;
  --utrecht-pagination-margin-block-start: 0;
  --utrecht-pagination-font-size: 14px;
  --utrecht-page-padding-inline-start: 2em;
  --utrecht-page-padding-block-end: 1em;
  --utrecht-page-padding-inline-end: 2em;
  --utrecht-page-padding-block-start: 1.8em;
  --utrecht-page-max-inline-size: 1184px;
  --utrecht-page-margin-inline-end: 2em;
  --utrecht-page-margin-inline-start: 2em;
  --utrecht-page-header-padding-block-start: 1.8em;
  --utrecht-page-header-padding-inline-start: 2em;
  --utrecht-page-header-padding-inline-end: 2.4em;
  --utrecht-page-header-padding-block-end: 1em;
  --utrecht-page-content-padding-block-end: 2em;
  --utrecht-page-content-padding-block-start: 2em;
  --utrecht-ordered-list-item-padding-inline-start: 0;
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
  --utrecht-ordered-list-padding-inline-start: 28.8px;
  --utrecht-ordered-list-margin-block-end: 1em;
  --utrecht-ordered-list-margin-block-start: 0;
  --utrecht-number-data-negative-color: red;
  --utrecht-number-data-positive-color: green;
  --utrecht-topnav-link-focus-text-decoration: none;
  --utrecht-topnav-link-focus-border-type: dotted;
  --utrecht-mapcontrolbutton-focus-text-decoration: none;
  --utrecht-mapcontrolbutton-border-radius: 2px;
  --utrecht-mapcontrolbutton-margin-inline-end: 0;
  --utrecht-mapcontrolbutton-margin-inline-start: 0;
  --utrecht-map-marker-icon-size: 30px;
  --utrecht-map-marker-box-shadow-color: rgb(0 0 0 / 20%);
  --utrecht-map-marker-border-width: 3px;
  --utrecht-map-marker-size: 48px;
  --utrecht-logo-min-inline-size: 110.57px;
  --utrecht-logo-min-block-size: 58.97px;
  --utrecht-logo-max-inline-size: 192px;
  --utrecht-logo-max-block-size: 103px;
  --utrecht-list-social-item-margin-inline-end: 10px;
  --utrecht-link-icon-size: 1.2em;
  --utrecht-link-hover-text-decoration-thickness: 3px;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: none;
  --utrecht-link-text-underline-offset: 3px;
  --utrecht-link-text-decoration: underline;
  --utrecht-link-social-icon-size: 26px;
  --utrecht-link-social-hover-transform-scale: 1.1;
  --utrecht-link-social-size: 40px;
  --utrecht-link-social-border-width: 2px;
  --utrecht-link-list-icon-size: 14px;
  --utrecht-icon-baseline-inset-block-start: 0.125em;
  --utrecht-icon-size: 48px;
  --utrecht-heading-5-margin-block-start: 1rem;
  --utrecht-heading-5-margin-block-end: 0.2rem;
  --utrecht-heading-4-margin-block-start: 1.2rem;
  --utrecht-heading-4-margin-block-end: 0.3rem;
  --utrecht-heading-3-margin-block-start: 1rem;
  --utrecht-heading-3-margin-block-end: 0.2rem;
  --utrecht-heading-2-margin-block-start: 1.5rem;
  --utrecht-heading-2-margin-block-end: 0.3rem;
  --utrecht-heading-1-margin-block-start: 0.67rem;
  --utrecht-heading-1-margin-block-end: 0.67rem;
  --utrecht-form-toggle-width: 48px;
  --utrecht-form-toggle-padding-inline-start: 0;
  --utrecht-form-toggle-padding-inline-end: 0;
  --utrecht-form-toggle-padding-block-start: 0;
  --utrecht-form-toggle-padding-block-end: 0;
  --utrecht-form-toggle-height: 24px;
  --utrecht-form-toggle-border-style: solid;
  --utrecht-form-toggle-focus-border-width: 2px;
  --utrecht-form-toggle-focus-border-style: dotted;
  --utrecht-form-toggle-thumb-disabled-box-shadow: 0;
  --utrecht-form-toggle-thumb-min-inline-size: 18px;
  --utrecht-form-toggle-thumb-margin-inline-end: 0.25em;
  --utrecht-form-toggle-thumb-margin-inline-start: 0.25em;
  --utrecht-form-toggle-border-width: 2px;
  --utrecht-form-toggle-border-radius: 10em;
  --utrecht-form-toggle-border-color: transparent;
  --utrecht-form-toggle-accent-color: hsla(0, 0%, 48%, 1);
  --utrecht-form-label-font-size: 1em;
  --utrecht-form-fieldset-legend-line-height: 1.4;
  --utrecht-form-fieldset-legend-font-size: 1rem;
  --utrecht-form-field-invalid-border-inline-start-width: 3px;
  --utrecht-form-control-read-only-border-color: transparent;
  --utrecht-form-control-block-size: 42px;
  --utrecht-form-control-padding-inline-start: 12px;
  --utrecht-form-control-padding-inline-end: 12px;
  --utrecht-form-control-padding-block-start: 8px;
  --utrecht-form-control-padding-block-end: 8px;
  --utrecht-form-control-max-inline-size: 28em;
  --utrecht-form-control-border-radius: 0;
  --utrecht-figure-caption-line-height: 20px;
  --utrecht-figure-caption-font-size: 14px;
  --utrecht-figure-caption-color: #727272;
  --utrecht-drawer-max-inline-size: 320px;
  --utrecht-drawer-max-block-size: 240px;
  --utrecht-drawer-border-width: 1px;
  --utrecht-document-line-height: 1.4;
  --utrecht-data-list-rows-column-min-inline-size: 25ch;
  --utrecht-data-list-rows-column-inline-size: 80%;
  --utrecht-space-column-5xl: 64px;
  --utrecht-space-column-4xl: 48px;
  --utrecht-space-column-3xl: 32px;
  --utrecht-space-column-2xl: 28px;
  --utrecht-space-column-xl: 24px;
  --utrecht-space-column-lg: 20px;
  --utrecht-space-column-md: 16px;
  --utrecht-space-column-sm: 12px;
  --utrecht-space-column-xs: 8px;
  --utrecht-space-column-2xs: 4px;
  --utrecht-space-column-3xs: 2px;
  --utrecht-space-column-4xs: 1px;
  --utrecht-space-row-5xl: 64px;
  --utrecht-space-row-4xl: 48px;
  --utrecht-space-row-3xl: 32px;
  --utrecht-space-row-2xl: 28px;
  --utrecht-space-row-xl: 24px;
  --utrecht-space-row-lg: 20px;
  --utrecht-space-row-md: 16px;
  --utrecht-space-row-sm: 12px;
  --utrecht-space-row-xs: 8px;
  --utrecht-space-row-2xs: 4px;
  --utrecht-space-row-3xs: 2px;
  --utrecht-space-row-4xs: 1px;
  --utrecht-space-text-3xl: 3ch;
  --utrecht-space-text-2xl: 2ch;
  --utrecht-space-text-xl: 1.75ch;
  --utrecht-space-text-lg: 1.5ch;
  --utrecht-space-text-md: 1ch;
  --utrecht-space-text-sm: 0.75ch;
  --utrecht-space-text-xs: 0.5ch;
  --utrecht-space-text-2xs: 0.25ch;
  --utrecht-space-text-3xs: 0.125ch;
  --utrecht-space-inline-4xl: 48px;
  --utrecht-space-inline-3xl: 32px;
  --utrecht-space-inline-2xl: 28px;
  --utrecht-space-inline-xl: 24px;
  --utrecht-space-inline-lg: 20px;
  --utrecht-space-inline-md: 16px;
  --utrecht-space-inline-sm: 12px;
  --utrecht-space-inline-xs: 8px;
  --utrecht-space-inline-2xs: 4px;
  --utrecht-space-inline-3xs: 2px;
  --utrecht-space-block-4xs: 1px;
  --utrecht-space-block-4xl: 64px;
  --utrecht-space-block-3xl: 48px;
  --utrecht-space-block-2xl: 32px;
  --utrecht-space-block-xl: 24px;
  --utrecht-space-block-lg: 20px;
  --utrecht-space-block-md: 16px;
  --utrecht-space-block-sm: 12px;
  --utrecht-space-block-xs: 8px;
  --utrecht-space-block-2xs: 4px;
  --utrecht-space-block-3xs: 2px;
  --utrecht-pointer-target-min-size: 44px;
  --utrecht-focus-outline-style: dotted;
  --utrecht-action-inert-cursor: default;
  --utrecht-action-activate-cursor: pointer;
  --utrecht-action-submit-cursor: pointer;
  --utrecht-action-navigate-cursor: pointer;
  --utrecht-action-disabled-cursor: not-allowed;
  --utrecht-action-busy-cursor: wait;
  --utrecht-column-layout-column-width: 350px;
  --utrecht-column-layout-column-rule-width: 2px;
  --utrecht-code-block-padding-inline-end: 20px;
  --utrecht-code-block-padding-inline-start: 20px;
  --utrecht-code-block-padding-block-end: 20px;
  --utrecht-code-block-padding-block-start: 20px;
  --utrecht-code-block-line-height: 24px;
  --utrecht-code-block-font-size: 16px;
  --utrecht-checkbox-margin-block-start: 0;
  --utrecht-checkbox-focus-border-width: 2px;
  --utrecht-checkbox-size: 24px;
  --utrecht-checkbox-border-width: 2px;
  --utrecht-checkbox-border-radius: 0;
  --utrecht-calendar-icon-size: 24px;
  --utrecht-calendar-navigation-label-min-inline-size: 200px;
  --utrecht-calendar-navigation-padding-block-end: 2px;
  --utrecht-calendar-navigation-padding-block-start: 2px;
  --utrecht-calendar-table-days-item-day-disabled-border-color: transparent;
  --utrecht-calendar-table-days-item-day-selected-border-color: transparent;
  --utrecht-calendar-table-days-item-day-emphasis-border-color: transparent;
  --utrecht-calendar-table-days-item-day-is-today-font-weight: 700;
  --utrecht-calendar-table-days-item-day-out-of-the-month-border-color: transparent;
  --utrecht-calendar-table-days-item-day-active-border-color: transparent;
  --utrecht-calendar-table-days-item-day-focus-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-width: 2px;
  --utrecht-calendar-table-days-item-day-size: 44px;
  --utrecht-calendar-table-weeks-item-line-height: 24px;
  --utrecht-calendar-table-weeks-item-padding-block-end: 10px;
  --utrecht-calendar-table-weeks-item-padding-block-start: 4px;
  --utrecht-calendar-table-weeks-item-width: 44px;
  --utrecht-button-subtle-disabled-background-color: transparent;
  --utrecht-button-subtle-font-weight: 700;
  --utrecht-button-subtle-border-color: transparent;
  --utrecht-button-subtle-background-color: transparent;
  --utrecht-button-primary-action-danger-hover-border-color: transparent;
  --utrecht-button-primary-action-danger-border-color: transparent;
  --utrecht-button-primary-action-warning-hover-border-color: transparent;
  --utrecht-button-primary-action-warning-border-color: transparent;
  --utrecht-button-primary-action-ready-hover-border-color: transparent;
  --utrecht-button-primary-action-ready-border-color: transparent;
  --utrecht-button-primary-action-hover-border-color: transparent;
  --utrecht-button-primary-action-border-color: transparent;
  --utrecht-button-hover-scale: 1.02;
  --utrecht-button-focus-scale: 1.02;
  --utrecht-button-margin-inline-end: 0;
  --utrecht-button-margin-inline-start: 0;
  --utrecht-button-border-width: 1px;
  --utrecht-button-border-radius: 0;
  --utrecht-breadcrumb-nav-divider-inline-size: 1px;
  --utrecht-breadcrumb-nav-link-text-decoration: none;
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
  --utrecht-breadcrumb-nav-min-block-size: 34px;
  --utrecht-blockquote-margin-block-end: 1.6em;
  --utrecht-blockquote-margin-block-start: 1.6em;
  --utrecht-blockquote-content-font-size: 1.125rem;
  --utrecht-blockquote-attribution-font-size: 0.75rem;
  --utrecht-blockquote-margin-inline-end: 1.6em;
  --utrecht-blockquote-margin-inline-start: 1.6em;
  --utrecht-badge-border-radius: 0;
  --utrecht-badge-counter-padding-inline: 1ex;
  --utrecht-badge-counter-padding-block: 1ex;
  --utrecht-badge-counter-font-size: 16px;
  --utrecht-backdrop-reduced-transparency-opacity: 0.98;
  --utrecht-backdrop-fade-in-animation-duration: 0.4s;
  --utrecht-backdrop-opacity: 0.8;
  --utrecht-article-max-inline-size: 780px;
  --utrecht-alert-dialog-min-inline-size: 320px;
  --utrecht-alert-dialog-min-block-size: 100px;
  --utrecht-alert-dialog-max-block-size: 80vh;
  --utrecht-accordion-panel-border-width: 2px;
  --utrecht-accordion-button-icon-size: 24px;
  --utrecht-accordion-button-hover-background-color: inherit;
  --utrecht-accordion-button-border-width: 0;
  --denhaag-process-steps-sub-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --denhaag-process-steps-sub-step-heading-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-sub-step-heading-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-description-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --denhaag-process-steps-step-description-color: var(--utrecht-color-black);
  --denhaag-process-steps-step-metadata-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-metadata-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-line-warning-color: var(--utrecht-color-invalid);
  --denhaag-process-steps-step-line-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-line-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-line-stroke-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-sub-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-sub-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-warning-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-warning-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-warning-border-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-checked-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-checked-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-color: var(--utrecht-color-white);
  --denhaag-process-steps-step-marker-current-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-current-background-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-marker-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-marker-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-marker-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-heading-warning-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-not-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-heading-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-current-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-heading-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --denhaag-process-steps-step-heading-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --denhaag-process-steps-step-heading-color: var(--utrecht-color-black);
  --denhaag-process-steps-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
  --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
  --utrecht-unordered-list-marker-color: var(--utrecht-color-red-40);
  --utrecht-unordered-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-toptask-link-padding-inline-start: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-inline-end: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-block-start: var(--utrecht-space-block-xl);
  --utrecht-toptask-link-padding-block-end: var(--utrecht-space-block-xl);
  --utrecht-textarea-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-table-footer-sticky-border-block-start-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-footer-sticky-color: var(--utrecht-color-black);
  --utrecht-table-footer-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-row-alternate-even-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-even-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-table-row-alternate-odd-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-odd-background-color: var(
    --utrecht-color-white
  );
  --utrecht-table-row-border-block-end-width: var(--utrecht-border-width-sm);
  --utrecht-table-row-border-block-end-color: var(--utrecht-color-grey-90);
  --utrecht-table-cell-selected-color: var(--utrecht-color-black);
  --utrecht-table-cell-selected-background-color: var(--utrecht-color-blue-90);
  --utrecht-table-header-sticky-border-block-end-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-header-sticky-color: var(--utrecht-color-black);
  --utrecht-table-header-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-header-border-block-end-width: var(--utrecht-border-width-md);
  --utrecht-table-header-border-block-end-color: var(--utrecht-color-red-40);
  --utrecht-table-header-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-caption-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-surface-color: var(--utrecht-color-grey-10);
  --utrecht-surface-background-color: var(--utrecht-color-grey-95);
  --utrecht-spotlight-section-warning-background-color: var(
    --utrecht-color-yellow-80
  );
  --utrecht-spotlight-section-info-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-spotlight-section-padding-inline-end: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-inline-start: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-block-end: var(--utrecht-space-block-sm);
  --utrecht-spotlight-section-padding-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-spotlight-section-color: var(--utrecht-color-black);
  --utrecht-spotlight-section-background-color: var(--utrecht-color-grey-80);
  --utrecht-skip-link-focus-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --utrecht-skip-link-text-decoration: var(--utrecht-link-text-decoration);
  --utrecht-separator-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-separator-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-separator-color: var(--utrecht-color-grey-90);
  --utrecht-search-bar-list-item-is-selected-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-selected-color: var(--utrecht-color-black);
  --utrecht-search-bar-list-item-is-active-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-list-item-is-active-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-active-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-search-bar-section-title-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-section-title-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-search-bar-section-margin-block-end: var(--utrecht-space-inline-xs);
  --utrecht-search-bar-dropdown-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-input-padding-inline-start: var(
    --utrecht-space-inline-3xl
  );
  --utrecht-search-bar-input-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-search-bar-button-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-button-color: var(--utrecht-color-white);
  --utrecht-search-bar-button-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-background-color: var(--utrecht-color-red-40);
  --utrecht-radio-button-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-radio-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-radio-button-focus-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-hover-background-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-focus-border-color: var(
    --utrecht-color-blue-20
  );
  --utrecht-radio-button-checked-hover-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-active-color: var(--utrecht-color-blue-80);
  --utrecht-radio-button-checked-active-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-active-background-color: var(--utrecht-color-blue-80);
  --utrecht-pre-heading-margin-block-start: var(--utrecht-space-row-2xl);
  --utrecht-pre-heading-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-small-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-paragraph-lead-line-height: var(
    --utrecht-typography-line-height-md
  );
  --utrecht-paragraph-lead-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-lead-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-paragraph-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-paragraph-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-pagination-relative-link-border-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-relative-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-relative-link-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-background-color: var(
    --utrecht-color-white
  );
  --utrecht-pagination-page-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-current-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-page-link-color: var(--utrecht-color-blue-35);
  --utrecht-page-color: var(--utrecht-color-black);
  --utrecht-page-background-color: var(--utrecht-color-white);
  --utrecht-page-footer-padding-block-start: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-block-end: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-inline-start: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-padding-inline-end: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-background-image: linear-gradient(
    45deg,
    var(--utrecht-color-red-40),
    var(--utrecht-color-red-40) 50%,
    #d63433 50%
  );
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
  --utrecht-page-footer-color: var(--utrecht-color-white);
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-box-shadow-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-color: var(--utrecht-color-black);
  --utrecht-topnav-link-background-color: var(--utrecht-color-blue-40);
  --utrecht-topnav-link-color: var(--utrecht-color-white);
  --utrecht-topnav-list-border-color: var(--utrecht-color-grey-40);
  --utrecht-topnav-list-background-color: var(--utrecht-color-grey-15);
  --utrecht-sidenav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-link-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-marker-hover-color: var(--utrecht-color-blue-50);
  --utrecht-sidenav-item-marker-color: var(--utrecht-color-grey-80);
  --utrecht-sidenav-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-margin-inline-end: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-inline-start: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-block-end: var(--utrecht-space-block-xs);
  --utrecht-sidenav-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-content-max-inline-size: var(
    --utrecht-page-max-inline-size
  );
  --utrecht-nav-bar-color: var(--utrecht-color-black);
  --utrecht-nav-bar-background-color: var(--utrecht-color-white);
  --utrecht-mark-color: var(--utrecht-color-black);
  --utrecht-mark-background-color: var(--utrecht-color-yellow-60);
  --utrecht-mapcontrolbutton-hover-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-hover-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-focus-color: var(--utrecht-color-black);
  --utrecht-mapcontrolbutton-label-margin-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-label-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-border-style: var(--utrecht-border-style-solid);
  --utrecht-mapcontrolbutton-border-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-background-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-mapcontrolbutton-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-mapcontrolbutton-padding-inline-end: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-inline-start: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-block-end: var(--utrecht-space-block-2xs);
  --utrecht-mapcontrolbutton-padding-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-mapcontrolbutton-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-min-inline-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-min-block-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-border-width: var(--utrecht-border-width-sm);
  --utrecht-map-marker-border-color: var(--utrecht-color-white);
  --utrecht-map-marker-color: var(--utrecht-color-white);
  --utrecht-map-marker-background-color: var(--utrecht-color-blue-30);
  --utrecht-link-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-link-color: var(--utrecht-color-blue-35);
  --utrecht-link-social-color: var(--utrecht-color-white);
  --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
  --utrecht-link-social-border-color: var(--utrecht-color-white);
  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
  --utrecht-link-list-item-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-link-list-item-column-gap: var(--utrecht-space-block-xs);
  --utrecht-link-list-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-index-char-nav-link-current-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-index-char-nav-gap: var(--utrecht-space-column-sm);
  --utrecht-index-char-nav-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-index-char-nav-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-6-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-6-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-6-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-6-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-5-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-5-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-5-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-5-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-4-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-4-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-4-font-size: var(--utrecht-typography-scale-lg-font-size);
  --utrecht-heading-4-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-3-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-3-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-3-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-3-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-2-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-2-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-2-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-2-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-1-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-1-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
  --utrecht-heading-1-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
  --utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
  --utrecht-form-toggle-thumb-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-form-toggle-thumb-background-color: var(--utrecht-color-white);
  --utrecht-form-toggle-track-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-toggle-track-border-radius: var(
    --utrecht-form-toggle-border-radius
  );
  --utrecht-form-toggle-color: var(--utrecht-color-black);
  --utrecht-form-toggle-background-color: var(--utrecht-color-white);
  --utrecht-form-label-radio-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-checkbox-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-legend-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-form-fieldset-legend-margin-block-start: var(
    --utrecht-space-block-xl
  );
  --utrecht-form-fieldset-legend-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-fieldset-legend-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-section-color: var(--utrecht-color-black);
  --utrecht-form-fieldset-section-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-form-fieldset-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-fieldset-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-description-margin-block-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-label-margin-block-end: var(--utrecht-space-block-sm);
  --utrecht-form-field-invalid-padding-inline-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-control-read-only-color: var(--utrecht-color-grey-20);
  --utrecht-form-control-read-only-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-control-focus-border-color: var(--utrecht-color-grey-80);
  --utrecht-form-control-placeholder-font-style: var(
    --utrecht-typography-font-style-normal
  );
  --utrecht-form-control-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-form-control-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-form-control-color: var(--utrecht-color-black);
  --utrecht-form-control-border-width: var(--utrecht-border-width-sm);
  --utrecht-form-control-border-color: var(--utrecht-color-grey-30);
  --utrecht-form-control-background-color: var(--utrecht-color-white);
  --utrecht-emphasis-strong-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-drawer-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-block-start: var(--utrecht-space-block-md);
  --utrecht-drawer-padding-block-end: var(--utrecht-space-block-md);
  --utrecht-drawer-border-color: var(--utrecht-color-grey-90);
  --utrecht-document-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-document-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-document-color: var(--utrecht-color-black);
  --utrecht-document-background-color: var(--utrecht-color-white);
  --utrecht-data-placeholder-background-color: var(--utrecht-color-grey-40);
  --utrecht-data-list-rows-item-value-margin-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-data-list-rows-item-margin-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-data-list-item-key-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-data-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-data-list-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-focus-inverse-outline-color: var(--utrecht-color-white);
  --utrecht-focus-outline-width: var(--utrecht-border-width-md);
  --utrecht-focus-outline-color: var(--utrecht-color-black);
  --utrecht-focus-background-color: var(--utrecht-color-yellow-60);
  --utrecht-feedback-active-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-inactive-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-success-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-error-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-valid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-border-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-background-color: var(--utrecht-color-invalid);
  --utrecht-feedback-safe-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-safe-color: var(--utrecht-color-green-50);
  --utrecht-feedback-warning-fill-color: var(--utrecht-color-black);
  --utrecht-feedback-warning-color: var(--utrecht-color-yellow-50);
  --utrecht-feedback-danger-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-danger-color: var(--utrecht-color-red-40);
  --utrecht-column-layout-gap: var(--utrecht-space-column-md);
  --utrecht-column-layout-column-rule-color: var(--utrecht-color-grey-80);
  --utrecht-code-block-margin-block-end: var(--utrecht-space-block-lg);
  --utrecht-code-block-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-code-block-color: var(--utrecht-color-black);
  --utrecht-code-block-background-color: var(--utrecht-color-grey-95);
  --utrecht-checkbox-indeterminate-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-checkbox-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
  --utrecht-checkbox-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-calendar-navigation-label-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-calendar-navigation-label-color: var(--utrecht-color-black);
  --utrecht-calendar-navigation-color: var(--utrecht-color-blue-30);
  --utrecht-calendar-table-days-item-day-disabled-color: var(
    --utrecht-color-grey-40
  );
  --utrecht-calendar-table-days-item-day-selected-color: var(
    --utrecht-color-white
  );
  --utrecht-calendar-table-days-item-day-selected-background-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-calendar-table-days-item-day-is-today-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-calendar-table-days-item-day-out-of-the-month-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-calendar-table-days-item-day-hover-border-color: var(
    --utrecht-color-black
  );
  --utrecht-calendar-table-days-item-day-hover-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-calendar-table-days-item-day-color: var(--utrecht-color-black);
  --utrecht-button-subtle-ready-focus-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-hover-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-color: var(--utrecht-color-green-50);
  --utrecht-button-subtle-danger-focus-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-hover-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-subtle-focus-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-hover-border-color: var(--utrecht-color-blue-40);
  --utrecht-button-subtle-hover-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-subtle-active-color: var(--utrecht-color-white);
  --utrecht-button-subtle-active-background-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-border-width: var(--utrecht-border-width-md);
  --utrecht-button-secondary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-ready-border-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-secondary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-warning-border-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-secondary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-secondary-action-danger-border-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-secondary-action-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-hover-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-secondary-action-hover-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-disabled-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-active-color: var(--utrecht-color-white);
  --utrecht-button-secondary-action-active-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-secondary-action-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-secondary-action-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-focus-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-hover-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-hover-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-danger-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-danger-background-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-primary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-focus-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-hover-color: var(
    --utrecht-color-black
  );
  --utrecht-button-primary-action-warning-hover-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-warning-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-warning-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-primary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-focus-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-ready-hover-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-ready-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-ready-background-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-primary-action-focus-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-primary-action-focus-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-focus-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-primary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-primary-action-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-active-color: var(--utrecht-color-blue-35);
  --utrecht-button-primary-action-active-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-primary-action-active-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-border-width: var(--utrecht-border-width-md);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-background-color: var(--utrecht-color-grey-90);
  --utrecht-button-icon-gap: var(--utrecht-space-text-xs);
  --utrecht-button-active-color: var(--utrecht-color-white);
  --utrecht-button-active-background-color: var(--utrecht-color-grey-40);
  --utrecht-button-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-button-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-button-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-button-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-button-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-button-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-button-color: var(--utrecht-color-grey-40);
  --utrecht-button-border-color: var(--utrecht-color-grey-40);
  --utrecht-button-background-color: var(--utrecht-color-white);
  --utrecht-breadcrumb-nav-arrows-link-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-focus-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-breadcrumb-nav-separator-icon-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-breadcrumb-nav-separator-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-link-icon-size: var(--utrecht-icon-scale-md);
  --utrecht-breadcrumb-nav-link-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-breadcrumb-nav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-item-padding-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-blockquote-content-color: var(--utrecht-color-red-40);
  --utrecht-badge-font-style: var(--utrecht-typography-font-style-normal);
  --utrecht-badge-padding-inline: var(--utrecht-space-inline-sm);
  --utrecht-badge-padding-block: var(--utrecht-space-block-xs);
  --utrecht-badge-color: var(--utrecht-color-white);
  --utrecht-badge-background-color: var(--utrecht-color-grey-30);
  --utrecht-badge-list-item-margin-inline: var(--utrecht-space-block-sm);
  --utrecht-badge-list-item-margin-block: var(--utrecht-space-block-xs);
  --utrecht-badge-counter-font-style: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-badge-counter-color: var(--utrecht-color-white);
  --utrecht-badge-counter-border-radius: var(--utrecht-badge-counter-font-size);
  --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
  --utrecht-backdrop-color: var(--utrecht-color-black);
  --utrecht-backdrop-background-color: var(--utrecht-color-white);
  --utrecht-alert-info-color: var(--utrecht-color-black);
  --utrecht-alert-info-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-icon-info-color: var(--utrecht-color-blue-35);
  --utrecht-alert-icon-ok-color: var(--utrecht-color-green-40);
  --utrecht-alert-icon-warning-color: var(--utrecht-color-yellow-40);
  --utrecht-alert-icon-error-color: var(--utrecht-color-red-40);
  --utrecht-alert-icon-gap: var(--utrecht-space-column-md);
  --utrecht-alert-icon-color: var(--utrecht-color-blue-35);
  --utrecht-alert-ok-color: var(--utrecht-color-black);
  --utrecht-alert-ok-background-color: var(--utrecht-color-green-90);
  --utrecht-alert-error-color: var(--utrecht-color-black);
  --utrecht-alert-error-background-color: var(--utrecht-color-red-95);
  --utrecht-alert-warning-color: var(--utrecht-color-black);
  --utrecht-alert-warning-background-color: var(--utrecht-color-yellow-80);
  --utrecht-alert-padding-inline-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-inline-start: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-start: var(--utrecht-space-block-lg);
  --utrecht-alert-color: var(--utrecht-color-black);
  --utrecht-alert-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-dialog-max-inline-size: var(
    --utrecht-article-max-inline-size
  );
  --utrecht-accordion-section-margin-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-accordion-panel-padding-inline-end: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-inline-start: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-icon-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-accordion-button-focus-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-focus-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-focus-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-active-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-active-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-active-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-hover-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-hover-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-background-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-inline-start: var(
    --utrecht-space-block-md
  );
  --utrecht-accordion-button-padding-inline-end: var(--utrecht-space-block-md);
  --of-layout-background: var(--utrecht-document-background-color);
  --denhaag-process-steps-sub-step-line-color: var(
    --denhaag-process-steps-step-line-color
  );
  --utrecht-toptask-link-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --utrecht-toptask-link-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --utrecht-toptask-link-color: var(--utrecht-button-primary-action-color);
  --utrecht-toptask-link-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --utrecht-skip-link-focus-background-color: var(
    --utrecht-topnav-link-focus-background-color
  );
  --utrecht-skip-link-focus-color: var(--utrecht-topnav-link-focus-color);
  --utrecht-skip-link-padding-inline-end: var(
    --utrecht-button-padding-inline-end
  );
  --utrecht-skip-link-padding-inline-start: var(
    --utrecht-button-padding-inline-start
  );
  --utrecht-skip-link-padding-block-end: var(
    --utrecht-button-padding-block-end
  );
  --utrecht-skip-link-padding-block-start: var(
    --utrecht-button-padding-block-start
  );
  --utrecht-skip-link-color: var(--utrecht-topnav-link-color);
  --utrecht-skip-link-background-color: var(
    --utrecht-topnav-list-background-color
  );
  --utrecht-radio-button-border-color: var(--utrecht-form-control-border-color);
  --utrecht-radio-button-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-paragraph-lead-color: var(--utrecht-document-color);
  --utrecht-link-visited-color: var(--utrecht-link-color);
  --utrecht-link-hover-color: var(--utrecht-link-focus-color);
  --utrecht-link-active-color: var(--utrecht-link-color);
  --utrecht-form-field-error-message-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-field-description-warning-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-form-field-description-invalid-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-control-invalid-border-color: var(
    --utrecht-feedback-invalid-border-color
  );
  --utrecht-form-control-font-family: var(--utrecht-document-font-family);
  --utrecht-drawer-color: var(--utrecht-document-color);
  --utrecht-drawer-background-color: var(--utrecht-document-background-color);
  --utrecht-feedback-active-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-inactive-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-success-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-error-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-valid-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-invalid-fill-background-color: var(
    --utrecht-feedback-invalid-background-color
  );
  --utrecht-feedback-safe-border-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-safe-background-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-warning-border-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-warning-background-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-danger-border-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-danger-background-color: var(
    --utrecht-feedback-danger-color
  );
  --utrecht-checkbox-color: var(--utrecht-form-control-color);
  --utrecht-checkbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-checkbox-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-button-subtle-pressed-color: var(
    --utrecht-button-subtle-active-color
  );
  --utrecht-button-subtle-pressed-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --utrecht-button-secondary-action-pressed-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --utrecht-button-secondary-action-pressed-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --utrecht-button-primary-action-pressed-color: var(
    --utrecht-button-primary-action-active-color
  );
  --utrecht-button-primary-action-pressed-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --utrecht-button-primary-action-pressed-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --utrecht-button-pressed-color: var(--utrecht-button-active-color);
  --utrecht-button-pressed-background-color: var(
    --utrecht-button-active-background-color
  );
  --utrecht-breadcrumb-nav-arrows-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --utrecht-breadcrumb-nav-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --of-layout-bg: var(--of-layout-background);
  --utrecht-radio-button-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-invalid-border-inline-start-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-description-valid-color: var(
    --utrecht-feedback-valid-color
  );
  --utrecht-feedback-active-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-active-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-inactive-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-inactive-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-success-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-success-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-error-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-error-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-valid-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-valid-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-safe-fill-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-warning-fill-background-color: var(
    --utrecht-feedback-warning-background-color
  );
  --utrecht-feedback-danger-fill-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-checkbox-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-feedback-active-fill-background-color: var(
    --utrecht-feedback-active-background-color
  );
  --utrecht-feedback-inactive-fill-background-color: var(
    --utrecht-feedback-inactive-background-color
  );
  --utrecht-feedback-success-fill-background-color: var(
    --utrecht-feedback-success-background-color
  );
  --utrecht-feedback-error-fill-background-color: var(
    --utrecht-feedback-error-background-color
  );
  --utrecht-feedback-valid-fill-background-color: var(
    --utrecht-feedback-valid-background-color
  );
}

@charset "UTF-8";
[data-openstad-button] {
  margin-block-start: var(
    --nlds-button-group-margin-block-start,
    var(--nlds-default-margin-block-start, 1.5rem)
  );
  margin-block-end: var(
    --nlds-button-group-margin-block-end,
    var(--nlds-default-margin-block-end, 0)
  );
}
.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
  );
  justify-content: start !important;
  position: relative;
}
.utrecht-accordion__button[aria-expanded]:after {
  background-color: var(--utrecht-accordion-button-icon-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[aria-expanded='false']:after {
  background-image: var(
    --utrecht-accordion-icon-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[aria-expanded='true']:after {
  background-image: var(
    --utrecht-accordion-icon-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__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;
}
.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);
}
.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);
  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);
}
.utrecht-index-char-nav {
  --utrecht-button-padding-inline-start: 1ch;
  --utrecht-button-padding-inline-end: 1ch;
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-index-char-nav-gap);
  margin-block-end: var(--utrecht-index-char-nav-margin-block-end);
  margin-block-start: var(--utrecht-index-char-nav-margin-block-start);
}
.utrecht-index-char-nav__link--current {
  --utrecht-button-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
  --utrecht-button-link-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
}
.utrecht-index-char-nav__link--disabled {
  pointer-events: none;
}
.utrecht-alternate-lang-nav__heading {
  display: none;
}
.utrecht-article {
  max-inline-size: var(--utrecht-article-max-inline-size);
}
.utrecht-badge-counter {
  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-document-font-family, sans-serif);
  font-size: var(--utrecht-badge-counter-font-size);
  font-style: var(--utrecht-badge-counter-font-style, normal);
  font-weight: var(
    --utrecht-badge-counter-font-weight,
    var(--utrecht-badge-font-weight, bold)
  );
  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;
  white-space: nowrap;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-badge-counter {
    border-color: currentColor;
    border-style: solid;
    border-width: 1px;
  }
}
.utrecht-badge-data {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    border-width: 1px;
  }
}
.utrecht-badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-badge-list-item-margin-block)
    var(--utrecht-badge-list-item-margin-inline);
}
.utrecht-badge-status {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    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)
  );
}
.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;
}
.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;
}
.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--disabled {
  --utrecht-link-placeholder-color: var(
    --utrecht-breadcrumb-nav-link-disabled-color,
    var(--utrecht-breadcrumb-nav-link-color)
  );
  background-color: var(
    --utrecht-breadcrumb-nav-link-disabled-background-color,
    var(--utrecht-breadcrumb-nav-link-background-color)
  );
  color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-breadcrumb-nav__link--current {
  --utrecht-link-current-font-weight: var(
    --utrecht-breadcrumb-nav-link-current-font-weight,
    inherit
  );
  cursor: var(--utrecht-action-inert-cursor, default);
  font-weight: var(--utrecht-breadcrumb-nav-link-current-font-weight, inherit);
}
.utrecht-breadcrumb-nav__separator,
.utrecht-breadcrumb-nav__separator--html-li {
  --_utrecht-breadcrumb-nav-separator-display: inline-flex;
  --utrecht-icon-size: var(--utrecht-breadcrumb-nav-separator-icon-size);
  align-items: center;
  color: var(--utrecht-breadcrumb-nav-separator-color);
  cursor: var(--utrecht-action-inert-cursor, default);
  display: var(--_utrecht-breadcrumb-nav-separator-display);
  inline-size: fit-content;
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-breadcrumb-nav--arrows {
  --utrecht-breadcrumb-nav-arrow-size: 24px;
  min-block-size: var(--utrecht-breadcrumb-nav-min-block-size);
  overflow: hidden;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link {
  background-color: var(--utrecht-breadcrumb-nav-arrows-link-background-color);
  padding-inline-end: 0;
  position: relative;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  block-size: 0;
  border-block-end-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-block-start-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-color: transparent;
  border-style: solid;
  content: ' ';
  display: block;
  inline-size: 0;
  inset-block-start: 50%;
  inset-inline-start: 100%;
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  position: absolute;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-background-color
  );
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  z-index: 2;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  border-inline-start-color: var(--utrecht-document-background-color);
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  margin-inline-start: 1px;
  z-index: 1;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus {
  --utrecht-link-focus-background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
  background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__link
  ~ .utrecht-breadcrumb-nav__link,
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__item
  ~ .utrecht-breadcrumb-nav__item
  .utrecht-breadcrumb-nav__link {
  padding-inline-start: calc(
    var(--utrecht-breadcrumb-nav-item-padding-inline-start) +
      var(--utrecht-breadcrumb-nav-arrow-size)
  );
}
.utrecht-breadcrumb-nav__item ~ .utrecht-breadcrumb-nav__item {
  margin-inline-start: var(--utrecht-breadcrumb-nav-item-divider-inline-size);
}
.utrecht-button {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button--distanced {
  margin-block-end: var(--utrecht-button-margin-block-end);
  margin-block-start: var(--utrecht-button-margin-block-start);
  margin-inline-end: var(--utrecht-button-margin-inline-end);
  margin-inline-start: var(--utrecht-button-margin-inline-start);
}
.utrecht-button--submit {
  cursor: var(--utrecht-action-submit-cursor, revert);
}
.utrecht-button--busy {
  cursor: var(--utrecht-action-busy-cursor, wait);
}
.utrecht-button--pressed {
  background-color: var(--_utrecht-button-pressed-background-color);
  border-color: var(--_utrecht-button-pressed-border-color);
  color: var(--_utrecht-button-pressed-color);
}
.utrecht-button:disabled,
.utrecht-button--disabled {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button--focus:not(.utrecht-button--disabled) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-button--hover:not(:disabled, .utrecht-button--disabled),
.utrecht-button:hover:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button:active:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ),
.utrecht-button--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-danger-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-ready-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-warning-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-danger-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-ready-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-warning-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-danger-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-danger-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-danger-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-ready-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-ready-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-ready-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-warning-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-warning-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-warning-pressed-color
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Frameless B.V.
 */
.utrecht-button-group {
  align-items: baseline;
  background-color: var(--utrecht-button-group-background-color);
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-button-group-inline-gap, 1em);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-start, 0)
  );
  min-block-size: var(--utrecht-button-block-size);
  padding-block-end: var(--utrecht-button-group-padding-block-end);
  padding-block-start: var(--utrecht-button-group-padding-block-start);
}
.utrecht-button-group--distanced {
  --utrecht-space-around: 1;
}
.utrecht-button-group__link-button--row,
.utrecht-button-group--row .utrecht-link-button,
.utrecht-button-group:not(.utrecht-button-group--column) .utrecht-link-button {
  --utrecht-button-padding-inline-end: 0;
  --utrecht-button-padding-inline-start: 0;
}
.utrecht-button-group--column {
  flex-direction: column;
  gap: var(--utrecht-button-group-block-gap, 1em);
}
.utrecht-calendar {
  background-color: var(--utrecht-calendar-background-color);
  inline-size: fit-content;
}
.utrecht-calendar__table {
  margin-inline: auto;
  padding-block-end: var(--utrecht-calendar-table-padding-block-end);
  padding-block-start: var(--utrecht-calendar-table-padding-block-start);
}
.utrecht-calendar__table-weeks-item {
  inline-size: var(--utrecht-calendar-table-weeks-item-width);
  line-height: var(--utrecht-calendar-table-weeks-item-line-height, inherit);
  padding-block-end: var(--utrecht-calendar-table-weeks-item-padding-block-end);
  padding-block-start: var(
    --utrecht-calendar-table-weeks-item-padding-block-start
  );
}
.utrecht-calendar__table-days-item-day {
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-border-color
  );
  --utrecht-calendar-button-border-width: var(
    --utrecht-calendar-table-days-item-day-border-width
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-color
  );
  block-size: var(--utrecht-calendar-table-days-item-day-size);
  inline-size: var(--utrecht-calendar-table-days-item-day-size);
}
.utrecht-calendar__table-days-item-day:hover {
  --utrecht-calendar-button-hover-background-color: var(
    --utrecht-calendar-table-days-item-day-hover-background-color
  );
  --utrecht-calendar-button-hover-border-color: var(
    --utrecht-calendar-table-days-item-day-hover-border-color
  );
  --utrecht-calendar-button-hover-color: var(
    --utrecht-calendar-table-days-item-day-hover-color
  );
}
.utrecht-calendar__table-days-item-day:focus {
  --utrecht-calendar-button-focus-background-color: var(
    --utrecht-calendar-table-days-item-day-focus-background-color
  );
  --utrecht-calendar-button-focus-border-color: var(
    --utrecht-calendar-table-days-item-day-focus-border-color
  );
  --utrecht-calendar-button-focus-color: var(
    --utrecht-calendar-table-days-item-day-focus-color
  );
}
.utrecht-calendar__table-days-item-day:active {
  --utrecht-calendar-button-active-background-color: var(
    --utrecht-calendar-table-days-item-day-active-background-color
  );
  --utrecht-calendar-button-active-border-color: var(
    --utrecht-calendar-table-days-item-day-active-border-color
  );
  --utrecht-calendar-button-active-color: var(
    --utrecht-calendar-table-days-item-day-active-color
  );
}
.utrecht-calendar__table-days-item-day:disabled {
  --utrecht-calendar-button-disabled-background-color: var(
    --utrecht-calendar-table-days-item-day-disabled-background-color
  );
  --utrecht-calendar-button-disabled-border-color: var(
    --utrecht-calendar-table-days-item-day-disabled-border-color
  );
  --utrecht-calendar-button-disabled-color: var(
    --utrecht-calendar-table-days-item-day-disabled-color
  );
}
.utrecht-calendar__table-days-item-day--out-of-the-month {
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-color
  );
}
.utrecht-calendar__table-days-item-day--is-today {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-is-today-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-is-today-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-is-today-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-is-today-color
  );
}
.utrecht-calendar__table-days-item-day--emphasis {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-emphasis-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-color
  );
}
.utrecht-calendar__table-days-item-day--selected {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-selected-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-selected-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-selected-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-selected-color
  );
}
.utrecht-calendar__navigation {
  background-color: var(--utrecht-calendar-navigation-background-color);
  color: var(--utrecht-calendar-navigation-color);
  padding-block-end: var(--utrecht-calendar-navigation-padding-block-end);
  padding-block-start: var(--utrecht-calendar-navigation-padding-block-start);
}
.utrecht-calendar__navigation-label {
  color: var(--utrecht-calendar-navigation-label-color);
  font-size: var(--utrecht-calendar-navigation-label-font-size);
  text-align: center;
}
.utrecht-calendar__navigation-buttons {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.utrecht-calendar__button {
  --utrecht-button-subtle-color: var(
    --utrecht-calendar-button-color,
    currentColor
  );
  --utrecht-button-subtle-background-color: var(
    --utrecht-calendar-button-background-color,
    transparent
  );
  --utrecht-button-subtle-border-color: var(
    --utrecht-calendar-button-border-color,
    transparent
  );
  --utrecht-button-subtle-border-width: var(
    --utrecht-calendar-button-border-width
  );
  --utrecht-button-font-weight: var(--utrecht-calendar-button-font-weight);
  --utrecht-button-subtle-focus-background-color: var(
    --utrecht-calendar-button-focus-background-color
  );
  --utrecht-button-subtle-focus-border-color: var(
    --utrecht-calendar-button-focus-border-color
  );
  --utrecht-button-subtle-focus-color: var(
    --utrecht-calendar-button-focus-color
  );
  --utrecht-button-subtle-active-background-color: var(
    --utrecht-calendar-button-active-background-color
  );
  --utrecht-button-subtle-active-border-color: var(
    --utrecht-calendar-button-active-border-color
  );
  --utrecht-button-subtle-active-color: var(
    --utrecht-calendar-button-active-color
  );
  --utrecht-button-subtle-hover-background-color: var(
    --utrecht-calendar-button-hover-background-color
  );
  --utrecht-button-subtle-hover-border-color: var(
    --utrecht-calendar-button-hover-border-color,
    transparent
  );
  --utrecht-button-subtle-hover-color: var(
    --utrecht-calendar-button-hover-color
  );
  --utrecht-button-subtle-disabled-background-color: var(
    --utrecht-calendar-button-disabled-background-color
  );
  --utrecht-button-subtle-disabled-border-color: var(
    --utrecht-calendar-button-disabled-border-color
  );
  --utrecht-button-subtle-disabled-color: var(
    --utrecht-calendar-button-disabled-color
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-calendar-button-padding-block-end,
    0
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-calendar-button-padding-block-start,
    0
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-calendar-button-padding-inline-end,
    0
  );
  --utrecht-button-padding-inline-start: var(
    --utrecht-calendar-button-padding-inline-start,
    0
  );
  cursor: pointer;
}
.utrecht-calendar__icon {
  block-size: var(--utrecht-calendar-icon-size);
  inline-size: var(--utrecht-calendar-icon-size);
}
.utrecht-code {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
}
.utrecht-code-block {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
  --utrecht-code-color: var(--utrecht-code-block-color, inherit);
  --utrecht-code-background-color: var(
    --utrecht-code-block-background-color,
    inherit
  );
  --utrecht-code-font-weight: var(--utrecht-code-block-font-weight, inherit);
  --utrecht-code-font-size: var(--utrecht-code-block-font-size, inherit);
  --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
  background-color: var(--utrecht-code-block-background-color);
  display: block;
  font-size: var(--utrecht-code-block-font-size, var(--utrecht-code-font-size));
  line-height: var(
    --utrecht-code-block-line-height,
    var(--utrecht-code-line-height)
  );
  margin-block-end: var(--utrecht-code-block-margin-block-end);
  margin-block-start: var(--utrecht-code-block-margin-block-start);
  margin-inline-end: var(--utrecht-code-block-margin-inline-end);
  margin-inline-start: var(--utrecht-code-block-margin-inline-start);
  padding-block-end: var(--utrecht-code-block-padding-block-end);
  padding-block-start: var(--utrecht-code-block-padding-block-start);
  padding-inline-end: var(--utrecht-code-block-padding-inline-end);
  padding-inline-start: var(--utrecht-code-block-padding-inline-start);
  white-space: pre;
}
.utrecht-code-block__content {
  font-family: inherit;
  font-size: inherit;
}
.utrecht-color-sample {
  background-color: var(--utrecht-color-sample-background-color, currentColor);
  block-size: var(--utrecht-color-sample-block-size, 2em);
  border-color: var(
    --utrecht-color-sample-border-color,
    var(--utrecht-color-sample-default-border-color)
  );
  border-radius: var(--utrecht-color-sample-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-color-sample-border-width, 0);
  box-sizing: border-box;
  display: inline-block;
  inline-size: var(--utrecht-color-sample-inline-size, 2em);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
@media (forced-colors: active) {
  .utrecht-color-sample {
    forced-color-adjust: none;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-dark-border-color,
      #000
    );
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-light-border-color,
      #fff
    );
  }
}
.utrecht-button-link {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
  cursor: var(--utrecht-action-navigate-cursor, pointer);
  text-decoration: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button-link {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button-link--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--placeholder {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button-link--html-a:focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--html-a:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--html-a:hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--html-a:active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button-link--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button-link--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-checkbox {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  cursor: var(--utrecht-action-activate-cursor, revert);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-checkbox--disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--html-input:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-column-layout {
  column-gap: var(--utrecht-column-layout-gap, 2em);
  column-width: var(--utrecht-column-layout-column-width, 40ch);
  display: block;
}
.utrecht-column-layout--rule {
  column-rule-color: var(--utrecht-column-layout-column-rule-color);
  column-rule-style: solid;
  column-rule-width: var(--utrecht-column-layout-column-rule-width, 0);
}
.utrecht-checkbox--custom,
.utrecht-custom-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-checkbox-size, 1em);
  border-color: var(--utrecht-checkbox-border-color);
  border-radius: var(--utrecht-checkbox-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-checkbox-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-checkbox-size, 1em);
  margin-block-start: var(--utrecht-checkbox-margin-block-start);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  vertical-align: top;
}
.utrecht-checkbox--custom.utrecht-checkbox--checked,
.utrecht-custom-checkbox--checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled,
.utrecht-custom-checkbox--disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,
.utrecht-custom-checkbox--disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,
.utrecht-custom-checkbox--disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,
.utrecht-custom-checkbox--indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--invalid,
.utrecht-custom-checkbox--invalid {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--active,
.utrecht-custom-checkbox--active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--hover,
.utrecht-custom-checkbox--hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus,
.utrecht-custom-checkbox--focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,
.utrecht-custom-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,
.utrecht-custom-checkbox--html-input:disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,
.utrecht-custom-checkbox--html-input:disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,
.utrecht-custom-checkbox--html-input:disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,
.utrecht-custom-checkbox--html-input:hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,
.utrecht-custom-checkbox--html-input:focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,
.utrecht-custom-checkbox--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,
.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid='true'],
.utrecht-custom-checkbox--html-input:invalid,
.utrecht-custom-checkbox--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,
.utrecht-custom-checkbox--html-input:active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,
.utrecht-custom-checkbox--html-input:checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,
.utrecht-custom-checkbox--html-input:indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-data-list {
  display: block;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-start, 0)
  );
}
.utrecht-data-list__item-key {
  color: var(--utrecht-data-list-item-key-color);
  font-size: var(--utrecht-data-list-item-key-font-size);
  font-weight: var(--utrecht-data-list-item-key-font-weight);
  line-height: var(--utrecht-data-list-item-key-line-height);
}
.utrecht-data-list__item-value {
  color: var(--utrecht-data-list-item-value-color);
  font-size: var(--utrecht-data-list-item-value-font-size);
  font-weight: var(--utrecht-data-list-item-value-font-weight);
  line-height: var(--utrecht-data-list-item-value-line-height);
  min-block-size: calc(var(--utrecht-data-list-item-value-line-height) * 1rem);
}
.utrecht-data-list__actions--html-dd,
.utrecht-data-list__item-value--html-dd {
  margin-inline-start: 0;
}
.utrecht-data-list__item-value--multiline {
  white-space: pre-line;
}
.utrecht-data-list--rows .utrecht-data-list__actions {
  align-items: baseline;
  display: flex;
  grid-column: -1;
  grid-row: 1;
  justify-content: flex-end;
}
.utrecht-data-list--rows .utrecht-data-list__item {
  --_utrecht-minmax: max(
    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),
    var(--utrecht-data-list-rows-column-inline-size, 80%)
  );
  --_utrecht-auto-col: minmax(var(--_utrecht-minmax), max-content);
  border-block-end-color: var(
    --utrecht-data-list-rows-border-bottom-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-data-list-rows-border-bottom-width, 0);
  column-gap: var(--utrecht-data-list-rows-gap);
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: repeat(auto-fit, var(--_utrecht-auto-col));
  margin-block-start: var(--utrecht-data-list-rows-item-margin-block-start);
  padding-block-end: var(--utrecht-data-list-rows-item-padding-block-end);
  padding-block-start: var(--utrecht-data-list-rows-item-padding-block-start);
  row-gap: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item:first-of-type {
  margin-block-start: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item-value {
  margin-block-start: var(
    --utrecht-data-list-rows-item-value-margin-block-start
  );
}
.utrecht-digid-button {
  --utrecht-button-min-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-digid-button-block-size, 50px);
  block-size: var(--utrecht-digid-button-block-size, 50px);
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-document {
  color: var(--utrecht-document-color, inherit);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-document-font-size, inherit);
  font-weight: var(--utrecht-document-font-weight, inherit);
  line-height: var(--utrecht-document-line-height, inherit);
  text-rendering: optimizeLegibility;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
.utrecht-document :lang(ar) {
  letter-spacing: 0 !important;
}
.utrecht-document--surface {
  background-color: var(--utrecht-document-background-color, inherit);
}
.utrecht-drawer {
  --_utrecht-drawer-backdrop-min-size: max(
    var(--utrecht-drawer-backdrop-min-size),
    44px
  );
  background-color: var(--utrecht-drawer-background-color, Canvas);
  border-color: var(--utrecht-drawer-border-color, currentColor);
  border-width: var(--utrecht-drawer-border-width, 0);
  box-sizing: border-box;
  color: var(--utrecht-drawer-color, CanvasText);
  overflow: auto;
  padding-block-end: var(--utrecht-drawer-padding-block-end);
  padding-block-start: var(--utrecht-drawer-padding-block-start);
  padding-inline-end: var(--utrecht-drawer-padding-inline-end);
  padding-inline-start: var(--utrecht-drawer-padding-inline-start);
  position: fixed;
  z-index: var(--utrecht-drawer-z-index, 1);
}
.utrecht-drawer::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;
}
@keyframes utrecht-backdrop-fade-in {
  0% {
    opacity: 0%;
  }
  to {
    opacity: var(--_utrecht-backdrop-opacity);
  }
}
@media (prefers-reduced-motion: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-fade-in-animation-duration: 0;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-opacity: var(
      --utrecht-backdrop-reduced-transparency-opacity,
      100%
    );
  }
}
.utrecht-drawer--inline-start {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-inline-start-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: auto;
  inset-inline-start: 0;
}
.utrecht-drawer--inline-end {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  border-inline-end-width: 0;
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: 0;
  inset-inline-start: auto;
}
.utrecht-drawer--block-start {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-start-width: 0;
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: auto;
  inset-block-start: 0;
}
.utrecht-drawer--block-end {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-end-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: 0;
  inset-block-start: auto;
}
.utrecht-emphasis--stressed {
  font-style: var(--utrecht-emphasis-stressed-font-style, italic);
}
.utrecht-emphasis--strong {
  font-weight: var(--utrecht-emphasis-strong-font-weight, bold);
}
.utrecht-figure {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-start, 0)
  );
}
.utrecht-figure__caption {
  color: var(--utrecht-figure-caption-color);
  font-size: var(--utrecht-figure-caption-font-size);
  line-height: var(--utrecht-figure-caption-line-height);
}
.utrecht-form {
  display: block;
  max-inline-size: var(--utrecht-form-max-inline-size);
}
.utrecht-form-field-description {
  --utrecht-document-color: currentColor;
  color: var(--utrecht-form-field-description-color);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-description-font-size, inherit);
  font-style: var(--utrecht-form-field-description-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
}
.utrecht-form-field-description > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--invalid {
  color: var(
    --utrecht-form-field-description-invalid-color,
    var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color))
  );
}
.utrecht-form-field-description--valid {
  color: var(
    --utrecht-form-field-description-valid-color,
    var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color))
  );
}
.utrecht-form-field-description--warning {
  color: var(
    --utrecht-form-field-description-warning-color,
    var(--utrecht-feedback-warning-color)
  );
}
.utrecht-form-field-error-message {
  --utrecht-document-color: currentColor;
  background-color: var(--utrecht-form-field-error-message-background-color);
  color: var(--utrecht-form-field-error-message-color);
  display: block;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-error-message-font-size, inherit);
  font-style: var(--utrecht-form-field-error-message-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-block-end: var(--utrecht-form-field-error-message-padding-block-end);
  padding-block-start: var(
    --utrecht-form-field-error-message-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-form-field-error-message-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-form-field-error-message-padding-inline-start
  );
}
.utrecht-form-field-error-message > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field {
  break-inside: avoid;
  font-family: var(--utrecht-document-font-family, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-start, 0)
  );
  max-inline-size: var(--utrecht-form-field-max-inline-size);
  page-break-inside: avoid;
}
.utrecht-form-field--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field--invalid {
  border-inline-start-color: var(
    --utrecht-form-field-invalid-border-inline-start-color
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-field-invalid-border-inline-start-width,
    0
  );
  padding-inline-start: var(--utrecht-form-field-invalid-padding-inline-start);
}
.utrecht-form-field--checkbox {
  display: grid;
  gap: 0 var(--utrecht-checkbox-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-checkbox-size) 100fr;
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-checkbox-size) +
          var(--utrecht-checkbox-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-checkbox-margin-inline-end, 12px);
}
.utrecht-form-field--radio {
  display: grid;
  gap: 0 var(--utrecht-radio-button-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-radio-button-size) 100fr;
}
.utrecht-form-field--radio
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-radio-button-size) +
          var(--utrecht-radio-button-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--radio
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end, 12px);
}
.utrecht-form-field__input {
  margin-block-end: 0;
  margin-block-start: 0;
  grid-area: input;
  order: 5;
}
.utrecht-form-field__label {
  grid-area: label;
  margin-block-end: var(--utrecht-form-field-label-margin-block-end);
  margin-block-start: 0;
  order: 1;
}
.utrecht-form-field .utrecht-form-field-description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field .utrecht-form-field-description--invalid {
  grid-area: description-invalid;
  order: 3;
}
.utrecht-form-field__description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field__description--before {
  grid-area: description-before;
  order: 4;
}
.utrecht-form-fieldset {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--html-fieldset,
.utrecht-form-fieldset__fieldset--html-fieldset {
  all: revert;
  border: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  min-inline-size: 0;
  padding-block-end: 0;
  padding-block-start: 0.01em;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset__legend--html-legend {
  display: table;
  inline-size: 100%;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-fieldset--section {
  background-color: var(--utrecht-form-fieldset-section-background-color);
  color: var(--utrecht-form-fieldset-section-color);
}
.utrecht-form-fieldset__legend {
  break-inside: avoid;
  color: var(
    --utrecht-form-fieldset-legend-color,
    var(--utrecht-document-color, inherit)
  );
  font-family: var(
    --utrecht-form-fieldset-legend-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-form-fieldset-legend-font-size);
  font-weight: var(--utrecht-form-fieldset-legend-font-weight);
  line-height: var(--utrecht-form-fieldset-legend-line-height);
  page-break-after: avoid;
  page-break-inside: avoid;
}
.utrecht-form-fieldset__legend--disabled {
  color: var(
    --utrecht-form-fieldset-legend-disabled-color,
    var(
      --utrecht-form-fieldset-legend-color,
      var(--utrecht-document-color, inherit)
    )
  );
}
.utrecht-form-fieldset__legend--distanced {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--invalid {
  border-inline-start-color: var(
    --utrecht-form-fieldset-invalid-border-inline-start-color,
    var(--utrecht-form-field-invalid-border-inline-start-color)
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-fieldset-invalid-border-inline-start-width,
    var(--utrecht-form-field-invalid-border-inline-start-width)
  );
  padding-inline-start: var(
    --utrecht-form-fieldset-invalid-padding-inline-start,
    var(--utrecht-form-field-invalid-padding-inline-start)
  );
}
.utrecht-form-label {
  color: var(--utrecht-form-label-color);
  font-size: var(--utrecht-form-label-font-size);
  font-weight: var(--utrecht-form-label-font-weight);
}
.utrecht-form-label--checkbox {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-checkbox-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--checked {
  font-weight: var(
    --utrecht-form-label-checked-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
  font-weight: var(
    --utrecht-form-label-disabled-color,
    var(--utrecht-form-label-color)
  );
}
.utrecht-form-label--radio {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-radio-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-toggle {
  align-items: center;
  block-size: var(--utrecht-form-toggle-height, 2em);
  border-color: var(--utrecht-form-toggle-border-color, currentColor);
  border-radius: var(--utrecht-form-toggle-border-radius, 999rem);
  border-style: var(--utrecht-form-toggle-border-style, solid);
  border-width: var(--utrecht-form-toggle-border-width, 1px);
  color: var(--utrecht-form-toggle-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: flex;
  inline-size: var(--utrecht-form-toggle-width, 6em);
  padding-block-end: var(--utrecht-form-toggle-padding-block-end);
  padding-block-start: var(--utrecht-form-toggle-padding-block-start);
  padding-inline-end: var(--utrecht-form-toggle-padding-inline-end);
  padding-inline-start: var(--utrecht-form-toggle-padding-inline-start);
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-form-toggle {
    --utrecht-form-toggle-background-color: ButtonFace;
    --utrecht-form-toggle-border-color: buttonborder;
    --utrecht-form-toggle-border-width: 1px;
    --utrecht-form-toggle-border-radius: var(
      --utrecht-form-toggle-track-border-radius
    );
    --utrecht-form-toggle-thumb-background-color: ButtonText;
    --utrecht-form-toggle-thumb-disabled-background-color: GrayText;
    border-color: var(
      --utrecht-form-toggle-track-disabled-border-color,
      var(--utrecht-form-toggle-track-border-color)
    );
    border-width: min(var(--utrecht-form-toggle-border-width, 1px), 1px);
  }
}
.utrecht-form-toggle--focus-visible,
.utrecht-form-toggle--html-div:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--hover {
  background-color: var(
    --utrecht-form-toggle-hover-background-color,
    var(--utrecht-form-toggle-background-color)
  );
  color: var(
    --utrecht-form-toggle-hover-color,
    var(--utrecht-form-toggle-color)
  );
}
.utrecht-form-toggle--disabled,
.utrecht-form-toggle--html-div:disabled {
  border-color: var(
    --utrecht-form-toggle-disabled-border-color,
    var(--utrecht-form-toggle-border-color, currentColor)
  );
  border-style: var(
    --utrecht-form-toggle-disabled-border-style,
    var(--utrecht-form-toggle-border-style, solid)
  );
  border-width: var(
    --utrecht-form-toggle-disabled-border-width,
    var(--utrecht-form-toggle-border-width, 1px)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-background-color,
    currentColor
  );
  border-radius: var(--utrecht-form-toggle-thumb-border-radius, 50%);
  box-shadow: var(--utrecht-form-toggle-thumb-box-shadow);
  margin-inline-end: var(--utrecht-form-toggle-thumb-margin-inline-end, 0);
  margin-inline-start: var(--utrecht-form-toggle-thumb-margin-inline-start, 0);
  min-block-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  min-inline-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  z-index: 20;
}
.utrecht-form-toggle__thumb--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-start: auto;
}
.utrecht-form-toggle__thumb--not-checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:not(:checked)
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-end: auto;
}
.utrecht-form-toggle__thumb--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-disabled-background-color,
    #aaa
  );
  box-shadow: var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0);
}
.utrecht-form-toggle__track {
  align-items: center;
  background-color: var(--utrecht-form-toggle-accent-color);
  block-size: 100%;
  border-radius: var(
    --utrecht-form-toggle-track-border-radius,
    var(--utrecht-form-toggle-border-radius)
  );
  display: flex;
  inline-size: 100%;
}
.utrecht-form-toggle__track--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-checked-accent-color,
    var(--utrecht-form-toggle-accent-color)
  );
}
.utrecht-form-toggle__track--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-background-disabled-background-color,
    #ddd
  );
  color: var(--utrecht-form-toggle-disabled-color, black);
}
.utrecht-form-toggle__track--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox {
  block-size: 1px !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  inline-size: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
}
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:focus-visible
  ~ .utrecht-form-toggle__track {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-heading-1 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-1-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-1-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-1-font-size, revert);
  font-weight: var(
    --utrecht-heading-1-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-1-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-1--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-2 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-2-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-2-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-2-font-size, revert);
  font-weight: var(
    --utrecht-heading-2-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-2-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-2--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-3 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-3-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-3-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-3-font-size, revert);
  font-weight: var(
    --utrecht-heading-3-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-3-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-3--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-4 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-4-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-4-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-4-font-size, revert);
  font-weight: var(
    --utrecht-heading-4-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-4-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-4--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-5 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-5-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-5-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-5-font-size, revert);
  font-weight: var(
    --utrecht-heading-5-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-5-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-5--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-heading-6 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-6-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-6-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-6-font-size, revert);
  font-weight: var(
    --utrecht-heading-6-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-6-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-6--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 */
.utrecht-heading-group {
  --utrecht-pre-heading-order: -1;
  display: flex;
  flex-direction: column;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-start, 0)
  );
}
.utrecht-heading-group > * {
  --utrecht-space-around: 0;
}
.utrecht-iban-data {
  font-variant-numeric: lining-nums slashed-zero tabular-nums;
  white-space: nowrap;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Gemeente Utrecht
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-icon {
  block-size: var(--utrecht-icon-size);
  color: var(--utrecht-icon-color);
  display: inline-block;
  font-size: var(--utrecht-icon-size);
  inline-size: var(--utrecht-icon-size);
  inset-block-start: var(--utrecht-icon-inset-block-start, 0);
  position: relative;
}
.utrecht-icon svg {
  height: 100%;
  pointer-events: none;
  width: 100%;
}
.utrecht-img {
  height: auto;
  width: auto;
}
.utrecht-img--scale-down,
.utrecht-img--photo {
  max-height: 100%;
  max-width: 100%;
}
.utrecht-link-list,
.utrecht-link-list--html-ul {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
}
.utrecht-link-list > li,
.utrecht-link-list--html-ul > li {
  list-style: none;
}
.utrecht-link-list {
  --utrecht-link-text-decoration: none;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: underline;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-start, 0)
  );
}
.utrecht-link-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-link-list__item {
  --utrecht-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-link-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-icon-inset-block-start: var(
    --utrecht-link-list-icon-inset-block-start
  );
  display: block;
  font-weight: var(--utrecht-link-list-item-font-weight);
}
.utrecht-link-list__item + .utrecht-link-list__item {
  margin-block-start: var(--utrecht-link-list-item-margin-block-start);
}
.utrecht-link-list__link {
  align-items: baseline;
  column-gap: var(--utrecht-link-list-item-column-gap);
  display: inline-flex;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-link-button {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family)
  );
  font-weight: var(--utrecht-button-font-weight);
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: inherit;
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-link-button--hover,
.utrecht-link-button--html-button:not(:disabled):hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--disabled {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link-button--focus,
.utrecht-link-button--html-button:not(:disabled):focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--focus-visible,
.utrecht-link-button--html-button:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link-button--active,
.utrecht-link-button--html-button:not(:disabled):active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--inline {
  --utrecht-icon-inset-block-start: var(
    --utrecht-icon-baseline-inset-block-start
  );
  min-block-size: auto;
  min-inline-size: auto;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-link-button--pressed {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--html-button {
  background-color: transparent;
  border-width: 0;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 * Copyright (c) 2022 Gemeente Utrecht
 */
.utrecht-link-social {
  --utrecht-icon-size: var(--utrecht-link-social-icon-size);
  --utrecht-icon-color: currentColor;
  align-items: center;
  background-color: var(--utrecht-link-social-background-color);
  block-size: var(--utrecht-link-social-size);
  border-color: var(--utrecht-link-social-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-link-social-border-width);
  color: var(--utrecht-link-social-color);
  display: inline-flex;
  inline-size: var(--utrecht-link-social-size);
  justify-content: center;
}
.utrecht-link-social:hover,
.utrecht-link-social--hover {
  background-color: var(
    --utrecht-link-social-hover-background-color,
    var(--utrecht-link-social-background-color)
  );
  color: var(
    --utrecht-link-social-hover-color,
    var(--utrecht-link-social-color)
  );
  transform: var(--utrecht-link-social-hover-transform-scale);
}
.utrecht-link-social:focus-visible,
.utrecht-link-social--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-link-social--distanced {
  margin-inline-start: var(--utrecht-link-social-margin-inline-start);
}
.utrecht-list-social {
  display: flex;
  margin-block-end: var(--utrecht-list-social-margin-block-end);
  margin-block-start: var(--utrecht-list-social-margin-block-start);
  padding-inline-end: var(--utrecht-list-social-padding-inline-end);
  padding-inline-start: var(--utrecht-list-social-padding-inline-start);
}
.utrecht-list-social__item {
  list-style-type: none;
  margin-inline-end: var(--utrecht-list-social-item-margin-inline-end);
}
.utrecht-list-social__item:last-child {
  margin-inline-end: 0;
}
.utrecht-link {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
}
.utrecht-link:any-link {
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
}
.utrecht-link--icon-left {
  background-image: var(--utrecht-link-icon-left-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-link-color, LinkText);
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration-line: none;
}
.utrecht-link--visited {
  --_utrecht-link-forced-colors-color: visitedtext;
  --_utrecht-link-state-color: var(--utrecht-link-visited-color);
}
.utrecht-link--html-a:any-link:hover,
.utrecht-link--hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus,
.utrecht-link--html-a:any-link:focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus:not(:focus-visible),
.utrecht-link--html-a:any-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-link--html-span:active,
.utrecht-link--html-a:any-link:active,
.utrecht-link--active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link--telephone {
  white-space: nowrap;
}
.utrecht-link--current {
  cursor: var(--utrecht-action-inert-cursor, normal);
  font-weight: var(--utrecht-link-current-font-weight);
}
.utrecht-link--box-content:any-link {
  color: unset;
  display: inline-block;
  text-decoration-line: unset;
  text-decoration-skip-ink: unset;
  text-decoration-thickness: unset;
  text-underline-offset: unset;
}
.utrecht-link--placeholder {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link--forced-colors {
  --utrecht-focus-outline-color: Highlight;
  --utrecht-focus-inverse-outline-color: HighlightText;
  --utrecht-link-color: linktext;
  --utrecht-link-hover-color: linktext;
  --utrecht-link-focus-color: linktext;
  --utrecht-link-active-color: activetext;
  --utrecht-link-visited-color: visitedtext;
  --utrecht-link-placeholder-color: GrayText;
}
.utrecht-logo-button {
  --utrecht-icon-size: var(--utrecht-logo-button-icon, 50px);
  --utrecht-button-min-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-logo-button-block-size, 50px);
  align-items: flex-start;
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-logo {
  display: block;
  max-block-size: var(--utrecht-logo-max-block-size, 192px);
  max-inline-size: var(--utrecht-logo-max-inline-size, 96px);
  min-block-size: var(--utrecht-logo-min-block-size);
  min-inline-size: var(--utrecht-logo-min-inline-size);
}
.utrecht-logo > * {
  block-size: 100%;
  display: inline-block;
  inline-size: auto;
}
.utrecht-mapcontrolbutton {
  --utrecht-icon-size: var(--utrecht-mapcontrolbutton-min-block-size);
  --utrecht-icon-color: var(--utrecht-mapcontrolbutton-color);
  align-items: center;
  background-color: var(--utrecht-mapcontrolbutton-background-color);
  border-color: var(--utrecht-mapcontrolbutton-border-color);
  border-radius: var(--utrecht-mapcontrolbutton-border-radius);
  border-style: var(--utrecht-mapcontrolbutton-border-style);
  border-width: var(--utrecht-mapcontrolbutton-border-width);
  color: var(--utrecht-mapcontrolbutton-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  min-block-size: var(--utrecht-mapcontrolbutton-min-block-size);
  min-inline-size: var(--utrecht-mapcontrolbutton-min-inline-size);
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-mapcontrolbutton:disabled,
.utrecht-mapcontrolbutton--disabled {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-disabled-color,
    var(--utrecht-mapcontrolbutton-color)
  );
  background-color: var(--utrecht-mapcontrolbutton-disabled-background-color);
  border-color: var(--utrecht-mapcontrolbutton-disabled-border-color);
  color: var(--utrecht-mapcontrolbutton-disabled-color);
}
.utrecht-mapcontrolbutton--focus-visible,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-mapcontrolbutton--focus,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-focus-color,
    var(--utrecht-mapcontrolbutton-color)
  );
}
.utrecht-mapcontrolbutton:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-mapcontrolbutton--hover:not(:disabled),
.utrecht-mapcontrolbutton:hover:not(
    :disabled,
    .utrecht-mapcontrolbutton--disabled
  ) {
  background-color: var(--utrecht-mapcontrolbutton-hover-background-color);
  color: var(--utrecht-mapcontrolbutton-color);
}
.utrecht-mapcontrolbutton__label {
  display: block;
  padding-inline-end: var(--utrecht-mapcontrolbutton-label-margin-inline-end);
  padding-inline-start: var(
    --utrecht-mapcontrolbutton-label-margin-inline-start
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-map-marker {
  --utrecht-icon-size: var(--utrecht-map-marker-icon-size);
  align-items: center;
  background-color: var(--utrecht-map-marker-background-color);
  block-size: var(--utrecht-map-marker-size);
  border-color: var(--utrecht-map-marker-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-map-marker-border-width);
  box-shadow: 13px 3px 3px -2px var(--utrecht-map-marker-box-shadow-color);
  color: var(--utrecht-map-marker-color);
  display: flex;
  inline-size: var(--utrecht-map-marker-size);
  justify-content: center;
}
.utrecht-mark {
  background-color: var(--utrecht-mark-background-color, revert);
  color: var(--utrecht-mark-color, revert);
}
@media print {
  .utrecht-mark {
    outline-color: currentColor;
    outline-style: dotted;
    outline-width: 0.1em;
  }
}
@media screen and (-ms-high-contrast: active) {
  .utrecht-mark {
    background-color: Highlight;
    color: HighlightText;
  }
}
.utrecht-mark--print {
  outline-color: currentColor;
  outline-style: dotted;
  outline-width: 0.1em;
}
.utrecht-mark--windows-high-contrast {
  background-color: Highlight;
  color: HighlightText;
}
.utrecht-menulijst {
  border-block-end: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  border-block-start: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  font-family: var(--utrecht-document-font-family);
  padding-block-end: var(--utrecht-space-block-sm);
  padding-block-start: var(--utrecht-space-block-sm);
  padding-inline-start: 0;
}
.utrecht-menulijst__item {
  list-style: none;
  margin-block-end: var(--utrecht-space-block-sm);
  margin-block-start: var(--utrecht-space-block-sm);
}
.utrecht-menulijst__item a {
  background-image: var(--utrecht-menulijst-item-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-menulijst-item-color, var(--utrecht-link-color, blue));
  display: block;
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration: none;
}
.utrecht-menulijst__item a:hover {
  color: var(
    --utrecht-menulijst-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-menulijst__link--focus-visible,
.utrecht-menulijst__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-menulijst__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-multiline-data {
  white-space: pre-line;
  white-space-collapse: preserve-breaks;
}
.utrecht-multiline-data--html-pre {
  font-family: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-sidenav {
  --utrecht-sidenav-connection-color: var(--utrecht-sidenav-item-marker-color);
  --utrecht-sidenav-connection-inline-size: 2px;
  --utrecht-sidenav-marker-current-color: var(
    --utrecht-sidenav-link-hover-color
  );
  --utrecht-sidenav-marker-offset: 26px;
  --utrecht-sidenav-connection-block-size: 100%;
  --utrecht-sidenav-marker-height: 8px;
  --utrecht-sidenav-marker-outline-width: 2px;
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  border-block-start: 1px solid var(--utrecht-color-grey-80);
  inline-size: 19rem;
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: 0;
  padding-block-start: 0;
}
.utrecht-sidenav__list {
  margin-block-end: 0;
  margin-block-start: 0.2rem;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
}
.utrecht-sidenav__list--child {
  margin-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 1.4rem;
}
.utrecht-sidenav__item {
  list-style: none;
  margin-inline-start: 0;
  position: relative;
}
.utrecht-sidenav__item--current {
  color: var(
    --utrecht-sidenav-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-sidenav__item--last {
  border-block-end: none;
}
.utrecht-sidenav__item-separator:not(
  .utrecht-sidenav__item--last .utrecht-sidenav__item-separator
) {
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  display: block;
  margin-inline-start: var(--utrecht-space-inline-lg);
}
.utrecht-sidenav__link {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  display: block;
  margin-inline-start: 0;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-block-start: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link:hover {
  color: var(
    --utrecht-sidenav-link-hover-color,
    var(--utrecht-link-hover-color, red)
  );
  text-decoration: underline;
}
.utrecht-sidenav__link--focus-visible,
.utrecht-sidenav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-sidenav__link--parent {
  padding-block-end: 0;
}
.utrecht-sidenav__connection,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:not(
    .utrecht-sidenav__link--sibling,
    .utrecht-sidenav__link--parent,
    .utrecht-sidenav__link--child
  ):after {
  background: var(--utrecht-sidenav-connection-color);
  block-size: calc(
    var(--utrecht-sidenav-connection-block-size) -
      var(--utrecht-sidenav-marker-height) - 2 *
      var(--utrecht-sidenav-marker-outline-width)
  );
  content: '';
  display: block;
  inline-size: var(--utrecht-sidenav-connection-inline-size);
  inset-block-end: 0;
  inset-block-start: calc(var(--utrecht-sidenav-marker-offset));
  inset-inline-start: 3px;
  overflow: hidden;
  position: absolute;
  z-index: 5;
}
.utrecht-sidenav__connection--last,
.utrecht-sidenav__connection--parent,
.utrecht-sidenav__connection--sibling {
  display: none;
}
.utrecht-sidenav__marker,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-item-marker-color);
  block-size: var(--utrecht-sidenav-marker-height);
  border-radius: 100%;
  content: '';
  inline-size: 8px;
  inset-block-start: 20px;
  inset-inline-start: var(--utrecht-sidenav-marker-offset);
  overflow: hidden;
  position: absolute;
  transform: translateY(-50%)
    translate(calc(-1 * var(--utrecht-sidenav-marker-offset)));
  z-index: 10;
}
.utrecht-sidenav__marker--child,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:before {
  background-color: transparent;
  block-size: 4px;
  border: 2px solid var(--utrecht-sidenav-link-color);
  inline-size: 4px;
  inset-block-start: 16px;
  inset-inline-start: 1.2rem;
  transform: translateY(-50%) translate(-19.5px);
}
.utrecht-sidenav__marker--current,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current:before,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child:before {
  background-color: var(--utrecht-sidenav-marker-current-color);
}
.utrecht-sidenav__link--child,
.utrecht-sidenav__link--current-child {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: var(--utrecht-space-block-2xs);
  padding-block-start: var(--utrecht-space-block-2xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link--current,
.utrecht-sidenav__link--current-child {
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
}
.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover .utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
  border: 2px solid var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:after {
  display: none;
}
.utrecht-sidenav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-navhtml {
  font-family: var(--utrecht-document-font-family);
}
.utrecht-topnav__list {
  background-color: var(--utrecht-topnav-list-background-color);
  display: flex;
  justify-content: space-between;
  list-style: none;
  list-style-image: none;
  margin-block-end: 0;
  margin-block-start: 0;
  overflow: visible;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-topnav__item {
  border-inline-end: 1px solid var(--utrecht-topnav-list-border-color);
  flex: 1 0 auto;
  margin-inline-start: 0;
  text-align: center;
}
.utrecht-topnav__item li:first-child {
  border-inline-start: 1px solid var(--utrecht-topnav-list-border-color);
  padding-inline-start: 0;
}
.utrecht-topnav__link {
  color: var(--utrecht-topnav-link-color);
  display: block;
  padding-block-end: 1rem;
  padding-block-start: 1rem;
  text-decoration: none;
}
.utrecht-topnav__link--hover,
.utrecht-topnav__link:hover {
  background-color: var(--utrecht-topnav-link-hover-background-color);
  color: var(--utrecht-topnav-link-color);
  text-decoration: underline;
}
.utrecht-topnav__link--current {
  background-color: var(--utrecht-topnav-list-background-active);
  text-decoration: underline;
}
.utrecht-topnav__link--focus,
.utrecht-topnav__link:focus {
  background-color: var(
    --utrecht-topnav-link-focus-background-color,
    var(--utrecht-topnav-link-background-color)
  );
  color: var(
    --utrecht-topnav-link-focus-color,
    var(--utrecht-topnav-link-color)
  );
}
.utrecht-topnav__link--focus-visible,
.utrecht-topnav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-topnav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-number-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-number-data--positive {
  color: var(--utrecht-number-data-positive-color);
}
.utrecht-number-data--negative {
  color: var(--utrecht-number-data-negative-color);
}
.utrecht-ordered-list,
.utrecht-ordered-list--html-content ol {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-font-size,
      var(--utrecht-document-font-size, inherit)
    )
  );
  line-height: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-line-height,
      var(--utrecht-document-line-height, inherit)
    )
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-end,
        var(--utrecht-unordered-list-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-start,
        var(--utrecht-unordered-list-margin-block-start, 0)
      )
  );
  padding-inline-start: var(
    --utrecht-ordered-list-padding-inline-start,
    var(--utrecht-unordered-list-padding-inline-start, 2ch)
  );
  text-align: start;
}
.utrecht-ordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-ordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-ordered-list--arabic {
  list-style: arabic-indic;
}
.utrecht-ordered-list--html-content > li,
.utrecht-ordered-list--html-content ol > li,
.utrecht-ordered-list__item {
  margin-block-end: var(
    --utrecht-ordered-list-item-margin-block-end,
    var(--utrecht-unordered-list-item-margin-block-end)
  );
  margin-block-start: var(
    --utrecht-ordered-list-item-margin-block-start,
    var(--utrecht-unordered-list-item-margin-block-start)
  );
  padding-inline-start: var(
    --utrecht-ordered-list-item-padding-inline-start,
    var(--utrecht-unordered-list-item-padding-inline-start, 1ch)
  );
}
.utrecht-page-content {
  padding-block-end: var(--utrecht-page-content-padding-block-end);
  padding-block-start: var(--utrecht-page-content-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-content__main {
  grid-area: main;
}
.utrecht-page-content__aside {
  grid-area: aside;
}
.utrecht-page-footer {
  --utrecht-document-color: currentColor;
  --utrecht-heading-color: currentColor;
  --utrecht-link-color: currentColor;
  --utrecht-link-focus-color: currentColor;
  --utrecht-link-hover-color: currentColor;
  --utrecht-link-active-color: currentColor;
  --utrecht-link-visited-color: currentColor;
  background-color: var(--utrecht-page-footer-background-color);
  background-image: var(--utrecht-page-footer-background-image);
  color: var(--utrecht-page-footer-color);
  font-family: var(--utrecht-document-font-family);
  font-size: var(--utrecht-document-font-size);
  padding-block-end: var(--utrecht-page-footer-padding-block-end);
  padding-block-start: var(--utrecht-page-footer-padding-block-start);
  padding-inline-end: var(--utrecht-page-footer-padding-inline-end);
  padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
}
.utrecht-page-footer__address--reset-address {
  font-style: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-page-header {
  background-color: var(--utrecht-page-header-background-color);
  color: var(--utrecht-page-header-color);
  grid-area: 'utrecht-header';
  padding-block-end: var(--utrecht-page-header-padding-block-end);
  padding-block-start: var(--utrecht-page-header-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-header__content {
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-page {
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: calc(
    var(--utrecht-page-max-inline-size) -
      var(--utrecht-page-margin-inline-start, 0px) -
      var(--utrecht-page-margin-inline-end, 0px)
  );
  padding-inline-end: var(--utrecht-page-margin-inline-end);
  padding-inline-start: var(--utrecht-page-margin-inline-start);
}
.utrecht-page__content {
  background-color: var(--utrecht-page-background-color);
  color: var(--utrecht-page-color);
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-pagination {
  font-family: var(
    --utrecht-pagination-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-pagination-font-size,
    var(--utrecht-document-font-family)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-start, 0)
  );
}
.utrecht-pagination--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pagination__relative-link {
  background-color: var(--utrecht-pagination-relative-link-background-color);
  border-color: var(--utrecht-pagination-relative-link-border-color);
  border-radius: var(--utrecht-pagination-relative-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-relative-link-border-width, 0);
  color: var(--utrecht-pagination-relative-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-relative-link-font-weight);
  padding-block-end: var(--utrecht-pagination-relative-link-padding-block-end);
  padding-block-start: var(
    --utrecht-pagination-relative-link-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-pagination-relative-link-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-pagination-relative-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-relative-link-text-decoration);
  text-transform: var(--utrecht-pagination-relative-link-text-transform);
}
.utrecht-pagination__relative-link--next {
  margin-inline-start: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__relative-link--prev {
  margin-inline-end: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-end
  );
}
.utrecht-pagination__relative-link--disabled {
  background-color: var(
    --utrecht-pagination-relative-link-disabled-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  color: var(
    --utrecht-pagination-relative-link-disabled-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__relative-link--hover,
.utrecht-pagination__relative-link:hover {
  background-color: var(
    --utrecht-pagination-relative-link-hover-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-relative-link-hover-border-color,
    var(--utrecht-pagination-relative-link-border-color)
  );
  color: var(
    --utrecht-pagination-relative-link-hover-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__page-link {
  background-color: var(--utrecht-pagination-page-link-background-color);
  border-color: var(--utrecht-pagination-page-link-border-color, 0);
  border-radius: var(--utrecht-pagination-page-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-page-link-border-width);
  color: var(--utrecht-pagination-page-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-page-link-font-weight);
  padding-block-end: var(--utrecht-pagination-page-link-padding-block-end);
  padding-block-start: var(--utrecht-pagination-page-link-padding-block-start);
  padding-inline-end: var(--utrecht-pagination-page-link-padding-inline-end);
  padding-inline-start: var(
    --utrecht-pagination-page-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-page-link-text-decoration);
}
.utrecht-pagination__page-link--current {
  --utrecht-pagination-page-link-background-color: var(
    --utrecht-pagination-page-link-current-background-color
  );
  --utrecht-pagination-page-link-border-color: var(
    --utrecht-pagination-page-link-current-border-color
  );
  --utrecht-pagination-page-link-color: var(
    --utrecht-pagination-page-link-current-color
  );
}
.utrecht-pagination__page-link ~ .utrecht-pagination__page-link {
  margin-inline-start: var(
    --utrecht-pagination-page-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__page-link--hover,
.utrecht-pagination__page-link:hover {
  background-color: var(
    --utrecht-pagination-page-link-hover-background-color,
    var(--utrecht-pagination-page-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-page-link-hover-border-color,
    var(--utrecht-pagination-page-link-border-color)
  );
  color: var(
    --utrecht-pagination-page-link-hover-color,
    var(--utrecht-pagination-page-link-color)
  );
}
.utrecht-pagination__page-link:focus,
.utrecht-pagination__relative-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-pagination__page-link:focus:not(:focus-visible),
.utrecht-pagination__relative-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-data-placeholder {
  background-color: var(
    --utrecht-data-placeholder-background-color,
    currentColor
  );
  block-size: 1em;
  display: inline-block;
  inline-size: min(100%, var(--utrecht-data-placeholder-max-inline-size));
  max-inline-size: var(--utrecht-data-placeholder-max-inline-size);
  min-inline-size: var(--utrecht-data-placeholder-min-inline-size, 10ch);
  vertical-align: -0.1em;
}
@media print {
  .utrecht-data-placeholder {
    outline-color: currentColor;
    outline-style: dashed;
    outline-width: 0.1em;
  }
}
@media screen and (prefers-contrast: more) {
  .utrecht-data-placeholder {
    background-color: var(
      --utrecht-data-placeholder-high-contrast-background-color,
      var(--utrecht-data-placeholder-background-color, currentColor)
    );
  }
}
@media screen and (forced-colors: active) {
  .utrecht-data-placeholder {
    background-color: GrayText;
  }
}
.utrecht-data-placeholder--loading {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-data-placeholder--print {
  outline-color: currentColor;
  outline-style: dashed;
  outline-width: 0.1em;
}
.utrecht-data-placeholder--forced-colors {
  background-color: GrayText;
}
.utrecht-data-placeholder--high-contrast {
  cursor: var(--utrecht-action-busy-cursor, busy);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-paragraph {
  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
  font-family: var(
    --utrecht-paragraph-font-family,
    var(--utrecht-document-font-family, inherit)
  );
  font-size: var(
    --utrecht-paragraph-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  font-weight: var(--utrecht-paragraph-font-weight, inherit);
  line-height: var(
    --utrecht-paragraph-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-start, 0)
  );
}
.utrecht-paragraph--lead {
  color: var(
    --utrecht-paragraph-lead-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-lead-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-lead-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-lead-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph--small {
  color: var(
    --utrecht-paragraph-small-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-small-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-small-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-small-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph__small {
  font-size: inherit;
}
.utrecht-paragraph__b {
  font-weight: inherit;
}
.utrecht-paragraph--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pre-heading {
  color: var(
    --utrecht-pre-heading-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-pre-heading-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-pre-heading-font-size);
  font-weight: var(
    --utrecht-pre-heading-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-pre-heading-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-start, 0)
  );
  order: var(--utrecht-pre-heading-order, 0);
}
.utrecht-pre-heading--distanced {
  --utrecht-space-around: 1;
}
.utrecht-radio-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  --_utrecht-radio-button-background-color: var(
    --_utrecht-radio-button-interactive-background-color,
    var(
      --_utrecht-radio-button-state-background-color,
      var(--utrecht-radio-button-background-color)
    )
  );
  --_utrecht-radio-button-border-color: var(
    --_utrecht-radio-button-interactive-border-color,
    var(
      --_utrecht-radio-button-state-border-color,
      var(--utrecht-radio-button-border-color, currentColor)
    )
  );
  --_utrecht-radio-button-border-width: var(
    --_utrecht-radio-button-interactive-border-width,
    var(
      --_utrecht-radio-button-state-border-width,
      var(--utrecht-radio-button-border-width)
    )
  );
  --_utrecht-radio-button-color: var(
    --_utrecht-radio-button-interactive-color,
    var(
      --_utrecht-radio-button-state-color,
      var(--utrecht-radio-button-color, currentColor)
    )
  );
  --_utrecht-radio-button-icon-size: 0;
  background-color: var(--_utrecht-radio-button-background-color);
  background-image: radial-gradient(
    circle,
    var(--_utrecht-radio-button-color, transparent)
      calc(var(--_utrecht-radio-button-icon-size, 50%) - 5%),
    var(--_utrecht-radio-button-background-color, currentColor)
      var(--_utrecht-radio-button-icon-size, 50%)
  );
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-radio-button-size, 1em);
  border-color: var(--_utrecht-radio-button-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--_utrecht-radio-button-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-radio-button-size, 1em);
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
}
.utrecht-radio-button--checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--hover {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--focus {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--active {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
}
.utrecht-radio-button--disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--invalid {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--html-input:disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--html-input:invalid,
.utrecht-radio-button--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:focus:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--html-input:hover:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--html-input:active:not(
    [aria-disabled='true'],
    :disabled
  ) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-search-bar {
  --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
  --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-transform);
  --utrecht-button-font-size: var(--utrecht-search-bar-button-font-size);
  --utrecht-button-font-weight: var(--utrecht-search-bar-button-font-weight);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-search-bar-button-background-color
  );
  --utrecht-button-primary-action-color: var(--utrecht-search-bar-button-color);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-search-bar-button-hover-background-color
  );
  --utrecht-textbox-border-color: var(--utrecht-search-bar-input-border-color);
  --utrecht-textbox-padding-inline-start: var(
    --utrecht-search-bar-input-padding-inline-start
  );
  --utrecht-textbox-border-bottom-width: var(
    --utrecht-search-bar-input-border-bottom-width
  );
  --utrecht-textbox-max-inline-size: var(
    --utrecht-search-bar-input-max-inline-size
  );
  display: flex;
}
.utrecht-search-bar__input {
  background-image: var(--utrecht-search-bar-input-background-image, none);
  background-position-x: var(--utrecht-search-bar-input-background-position-x);
  background-position-y: var(--utrecht-search-bar-input-background-position-y);
  background-repeat: no-repeat;
  background-size: var(--utrecht-search-bar-input-background-size);
}
.utrecht-search-bar__dropdown {
  border-color: var(--utrecht-search-bar-dropdown-border-color);
  border-style: solid;
  border-width: var(--utrecht-search-bar-dropdown-border-width);
  inline-size: var(
    --utrecht-search-bar-dropdown-inline-size,
    var(--utrecht-form-input-max-inline-size)
  );
  max-block-size: var(--utrecht-search-bar-dropdown-max-block-size);
  overflow: auto;
  padding-block-end: var(--utrecht-search-bar-dropdown-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-dropdown-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-dropdown-padding-inline-end);
  padding-inline-start: var(--utrecht-search-bar-dropdown-padding-inline-start);
  position: absolute;
  z-index: var(--utrecht-search-bar-dropdown-z-index);
}
.utrecht-search-bar__section-title {
  color: var(--utrecht-search-bar-section-title-color);
  font-size: var(--utrecht-search-bar-section-title-font-size);
  font-weight: var(--utrecht-search-bar-section-title-font-weight);
  line-height: var(--utrecht-search-bar-section-title-line-height);
  margin-inline-start: var(
    --utrecht-search-bar-section-title-margin-inline-start
  );
}
.utrecht-search-bar__list-item {
  padding-block-end: var(--utrecht-search-bar-list-item-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-list-item-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-list-item-padding-inline-end);
  padding-inline-start: var(
    --utrecht-search-bar-list-item-padding-inline-start
  );
}
.utrecht-search-bar__list-item--is-active {
  background-color: var(
    --utrecht-search-bar-list-item-is-active-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-active-color);
  font-weight: var(--utrecht-search-bar-list-item-is-active-font-weight);
}
.utrecht-search-bar__list-item--is-selected {
  background-color: var(
    --utrecht-search-bar-list-item-is-selected-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-selected-color);
}
.utrecht-select {
  background-color: var(
    --utrecht-select-background-color,
    var(--utrecht-form-control-background-color)
  );
  border-block-end-width: var(
    --utrecht-select-border-block-end-width,
    var(--utrecht-select-border-width, var(--utrecht-form-control-border-width))
  );
  border-block-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-color: var(
    --utrecht-select-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-inline-end-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-inline-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-radius: var(
    --utrecht-select-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  color: var(--utrecht-select-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-select-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-select-font-size,
    var(--utrecht-form-control-font-size)
  );
  inline-size: 100%;
  max-inline-size: var(
    --utrecht-select-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  padding-block-end: var(
    --utrecht-select-padding-block-end,
    var(--utrecht-form-control-padding-block-end)
  );
  padding-block-start: var(
    --utrecht-select-padding-block-start,
    var(--utrecht-form-control-padding-block-start)
  );
  padding-inline-end: var(
    --utrecht-select-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end)
  );
  padding-inline-start: var(
    --utrecht-select-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start)
  );
}
.utrecht-select--disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-select--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-select--invalid {
  --_utrecht-select-border-width: var(
    --utrecht-select-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-select-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-select-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-select-border-width);
  border-block-end-width: var(
    --utrecht-select-invalid-border-block-end-width,
    var(
      --utrecht-form-control-invalid-border-block-end-width,
      var(
        --utrecht-select-border-block-end-width,
        var(
          --utrecht-form-control-border-block-end-width,
          var(--_utrecht-select-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-select-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
}
.utrecht-select--html-select:focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--html-select:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-select--html-select:disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--html-select:not([multiple]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: var(--utrecht-select-background-image);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 1.4em;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-separator {
  border-color: var(--utrecht-separator-color);
  border-style: solid;
  border-width: 0 0 var(--utrecht-separator-block-size) 0;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-start, 0)
  );
}
.utrecht-separator--distanced {
  --utrecht-space-around: 1;
}
.utrecht-skip-link {
  align-items: center;
  background-color: var(--utrecht-skip-link-background-color, ButtonFace);
  box-sizing: border-box;
  color: var(--utrecht-skip-link-color, ButtonText);
  display: inline-flex;
  justify-content: center;
  min-block-size: var(--utrecht-skip-link-min-block-size, 44px);
  min-inline-size: var(--utrecht-skip-link-min-inline-size, 44px);
  padding-block-end: var(--utrecht-skip-link-padding-block-end);
  padding-block-start: var(--utrecht-skip-link-padding-block-start);
  padding-inline-end: var(--utrecht-skip-link-padding-inline-end);
  padding-inline-start: var(--utrecht-skip-link-padding-inline-start);
  text-decoration: var(--utrecht-skip-link-text-decoration);
}
.utrecht-skip-link--hidden,
.utrecht-skip-link--visible-on-focus {
  inset-block-start: -200%;
  position: fixed;
}
.utrecht-skip-link--visible-on-focus:focus {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--visible {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--focus,
.utrecht-skip-link:focus,
.utrecht-skip-link:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  text-decoration: var(--utrecht-skip-link-focus-text-decoration);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2020-2022 Gemeente Utrecht
 * Copyright (c) 2020-2022 Frameless B.V.
 */
.utrecht-spotlight-section {
  background-color: var(
    --_utrecht-spotlight-section-background-color,
    var(--utrecht-spotlight-section-background-color)
  );
  border-color: var(
    --_utrecht-spotlight-section-border-color,
    var(--utrecht-spotlight-section-border-color)
  );
  border-style: solid;
  border-width: var(
    --_utrecht-spotlight-section-border-width,
    var(--utrecht-spotlight-section-border-width, 0)
  );
  color: var(
    --_utrecht-spotlight-section-color,
    var(--utrecht-spotlight-section-color)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-start, 0)
  );
  padding-block-end: var(--utrecht-spotlight-section-padding-block-end);
  padding-block-start: var(--utrecht-spotlight-section-padding-block-start);
  padding-inline-end: var(--utrecht-spotlight-section-padding-inline-end);
  padding-inline-start: var(--utrecht-spotlight-section-padding-inline-start);
}
.utrecht-spotlight-section--info {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-info-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-info-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-info-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-info-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-info-color
  );
}
.utrecht-spotlight-section--warning {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-warning-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-warning-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-warning-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-warning-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-warning-color
  );
}
.utrecht-surface {
  background-color: var(--utrecht-surface-background-color, inherit);
  color: var(--utrecht-surface-color, inherit);
}
.utrecht-surface--html-body {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.utrecht-table {
  border-collapse: separate;
  border-color: var(--utrecht-table-border-color, 0);
  border-spacing: 0;
  border-style: solid;
  border-width: var(--utrecht-table-border-width, 0);
  font-family: var(
    --utrecht-table-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-table-font-size, inherit);
  inline-size: 100%;
  line-height: var(--utrecht-table-line-height, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-start, 0)
  );
}
.utrecht-table--distanced {
  --utrecht-space-around: 1;
}
.utrecht-table--html-table > caption,
.utrecht-table__caption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > figcaption,
.utrecht-table__figcaption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > thead,
.utrecht-table__header {
  --_utrecht-table-header-cell-vertical-align: bottom;
  --_utrecht-table-header-cell-z-index: 8;
  background-color: var(--utrecht-table-header-background-color);
  break-inside: avoid;
  color: var(--utrecht-table-header-color);
  font-weight: var(--utrecht-table-header-font-weight);
  page-break-inside: avoid;
  text-transform: var(--utrecht-table-header-text-transform);
}
.utrecht-table__header--sticky th {
  background-color: var(--utrecht-table-header-sticky-background-color);
  color: var(--utrecht-table-header-sticky-color);
  inset-block-start: 0;
  position: sticky;
}
.utrecht-table__header--sticky tr:last-child > th {
  border-block-end-color: var(
    --utrecht-table-header-sticky-border-block-end-color,
    var(--utrecht-table-header-border-block-end-color, transparent)
  );
  border-block-end-style: solid;
  border-block-end-width: var(
    --utrecht-table-header-sticky-border-block-end-width,
    var(--utrecht-table-header-border-block-end-width, 0)
  );
}
.utrecht-table__footer {
  --_utrecht-table-header-cell-z-index: 5;
  z-index: 3;
}
.utrecht-table__footer--sticky {
  background-color: var(
    --utrecht-table-footer-sticky-background-color,
    var(--utrecht-table-footer-background-color)
  );
  color: var(
    --utrecht-table-footer-sticky-color,
    var(--utrecht-table-footer-color)
  );
  inset-block-end: 0;
  position: sticky;
}
.utrecht-table__footer--sticky tr:first-child > th,
.utrecht-table__footer--sticky tr:first-child > td {
  border-block-start-color: var(
    --utrecht-table-header-sticky-border-block-start-color,
    var(--utrecht-table-header-border-block-start-color, transparent)
  );
  border-block-start-style: solid;
  border-block-start-width: var(
    --utrecht-table-header-sticky-border-block-start-width,
    var(--utrecht-table-header-border-block-start-width, 0)
  );
}
.utrecht-table--html-table > tbody,
.utrecht-table__body {
  --_utrecht-table-header-cell-z-index: 2;
}
.utrecht-table--fixed {
  inline-size: fit-content;
  table-layout: fixed;
}
.utrecht-table--fixed th,
.utrecht-table--oneline th,
.utrecht-table--oneline td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table--html-table > tr,
.utrecht-table--html-table > thead > tr,
.utrecht-table--html-table > tbody > tr,
.utrecht-table--html-table > tfoot > tr,
.utrecht-table__row {
  break-inside: avoid;
  page-break-inside: avoid;
}
.utrecht-table__row--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table--html-table > tr > th,
.utrecht-table--html-table > thead > tr > th,
.utrecht-table--html-table > tbody > tr > th,
.utrecht-table--html-table > tfoot > tr > th,
.utrecht-table__header-cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  color: var(--utrecht-table-header-cell-color);
  font-size: var(--utrecht-table-header-cell-font-size);
  font-weight: var(--utrecht-table-header-cell-font-weight, bold);
  text-transform: var(--utrecht-table-header-cell-text-transform);
  vertical-align: var(--_utrecht-table-header-cell-vertical-align, top);
  z-index: var(--_utrecht-table-header-cell-z-index);
}
.utrecht-table__header-cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--sticky-block {
  background-color: #eee;
  color: #000;
  inset-block-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 2);
}
.utrecht-table__header-cell--sticky-inline {
  background-color: #eee;
  color: #000;
  inset-inline-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 1);
}
.utrecht-table--html-table > tr > td,
.utrecht-table--html-table > thead > tr > td,
.utrecht-table--html-table > tbody > tr > td,
.utrecht-table--html-table > tfoot > tr > td,
.utrecht-table__cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  border-block-end-color: var(
    --utrecht-table-row-border-block-end-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-table-row-border-block-end-width, 0);
  vertical-align: top;
}
.utrecht-table--html-table > tr > td:first-child,
.utrecht-table--html-table > thead > tr > td:first-child,
.utrecht-table--html-table > tbody > tr > td:first-child,
.utrecht-table--html-table > tfoot > tr > td:first-child,
.utrecht-table__cell--first {
  padding-inline-start: var(
    --utrecht-table-row-padding-inline-start,
    var(--utrecht-table-cell-padding-inline-start, 0)
  );
}
.utrecht-table--html-table > tr > td:last-child,
.utrecht-table--html-table > thead > tr > td:last-child,
.utrecht-table--html-table > tbody > tr > td:last-child,
.utrecht-table--html-table > tfoot > tr > td:last-child,
.utrecht-table__cell--last {
  padding-inline-end: var(
    --utrecht-table-row-padding-inline-end,
    var(--utrecht-table-cell-padding-inline-end, 0)
  );
}
.utrecht-table__cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--numeric-column,
.utrecht-table__cell--numeric-column {
  --_utrecht-table-cell-text-align: right;
  text-align: var(--_utrecht-table-cell-text-align);
}
.utrecht-table__cell--numeric-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-table__row--alternate-odd {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table__row--alternate-even {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table__header-cell {
  --utrecht-button-font-size: inherit;
  --utrecht-button-font-weight: inherit;
  --utrecht-button-padding-inline-start: var(
    --utrecht-table-cell-padding-inline-start
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-table-cell-padding-inline-end
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-table-cell-padding-block-start
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-table-cell-padding-block-end
  );
  --utrecht-button-hover-scale: 1;
  --utrecht-button-focus-scale: 1;
  --utrecht-button-min-block-size: 100%;
  --utrecht-button-min-inline-size: 100%;
  --utrecht-button-border-color: transparent;
  --utrecht-button-border-size: 1px;
}
.utrecht-table__header-cell:has(.utrecht-button) {
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-table__header-cell-button {
  justify-content: var(--_utrecht-table-cell-text-align, start);
}
.utrecht-table__data--truncate {
  display: block;
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table__container {
  max-inline-size: 100%;
  overflow-inline: scroll;
}
.utrecht-table__header--hidden {
  block-size: 1px;
  border: 0 solid silver;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  inline-size: 1px;
  outline: 1px solid red;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.utrecht-table--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(odd) {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(2n) {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__header-cell,
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__header-cell,
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-textarea {
  background-color: var(
    --utrecht-textarea-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textarea-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textarea-border-bottom-width,
    var(
      --utrecht-textarea-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textarea-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textarea-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textarea-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textarea-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textarea-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(--utrecht-textarea-line-height, initial);
  max-inline-size: var(
    --utrecht-textarea-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  min-block-size: var(--utrecht-textarea-min-block-size);
  padding-block-end: var(
    --utrecht-textarea-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textarea-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textarea-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textarea-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
  resize: vertical;
  resize: block;
}
.utrecht-textarea--invalid {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea__placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textarea--html-textarea:focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--html-textarea:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textarea--html-textarea:invalid,
.utrecht-textarea--html-textarea[aria-invalid='true'] {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--html-textarea::placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-textbox {
  background-color: var(
    --utrecht-textbox-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textbox-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textbox-border-bottom-width,
    var(
      --utrecht-textbox-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textbox-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textbox-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textbox-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textbox-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(
    --utrecht-textbox-line-height,
    var(--utrecht-form-control-line-height, initial)
  );
  max-inline-size: var(
    --utrecht-textbox-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  padding-block-end: var(
    --utrecht-textbox-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textbox-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textbox-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textbox-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
}
.utrecht-textbox--invalid {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox__placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--numeric {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-textbox--password {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--placeholder-ltr::placeholder,
.utrecht-textbox--placeholder-ltr:placeholder-shown {
  direction: ltr;
}
.utrecht-textbox--placeholder-rtl::placeholder,
.utrecht-textbox--placeholder-rtl:placeholder-shown {
  direction: rtl;
}
.utrecht-textbox--url {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input:focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textbox--html-input:invalid,
.utrecht-textbox--html-input[aria-invalid='true'] {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--html-input::placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--html-input[type='password' i] {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--html-input[type='url' i],
.utrecht-textbox--html-input[type='email' i],
.utrecht-textbox--html-input[inputMode='email' i],
.utrecht-textbox--html-input[inputMode='url' i] {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input[pattern='\\d*'],
.utrecht-textbox--html-input[pattern='[0-9]*'],
.utrecht-textbox--html-input[type='number' i],
.utrecht-textbox--html-input[type='tel' i],
.utrecht-textbox--html-input[inputMode='numeric' i],
.utrecht-textbox--html-input[inputMode='decimal' i],
.utrecht-textbox--html-input[inputMode='tel' i] {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-toptask-link {
  --utrecht-icon-color: currentColor;
  --utrecht-icon-size: var(--utrecht-toptask-link-icon-size);
  background-color: var(--utrecht-toptask-link-background-color);
  color: var(--utrecht-toptask-link-color);
  display: flex;
  flex-direction: column;
  font-size: var(--utrecht-toptask-link-font-size);
  line-height: var(--utrecht-toptask-link-line-height);
  max-inline-size: var(--utrecht-toptask-link-max-inline-size);
  min-block-size: var(--utrecht-toptask-link-min-block-size);
  min-inline-size: var(--utrecht-toptask-link-min-inline-size);
  padding-block-end: var(--utrecht-toptask-link-padding-block-end);
  padding-block-start: var(--utrecht-toptask-link-padding-block-start);
  padding-inline-end: var(--utrecht-toptask-link-padding-inline-end);
  padding-inline-start: var(--utrecht-toptask-link-padding-inline-start);
  text-decoration: none;
}
.utrecht-toptask-link--hover,
.utrecht-toptask-link:hover {
  background-color: var(
    --utrecht-toptask-link-hover-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-hover-color,
    var(--utrecht-toptask-link-color)
  );
  transform: var(--utrecht-toptask-link-hover-transform-scale, 1);
}
.utrecht-toptask-link--focus-visible,
.utrecht-toptask-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-toptask-link--focus,
.utrecht-toptask-link:focus {
  background-color: var(
    --utrecht-toptask-link-focus-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-focus-color,
    var(--utrecht-toptask-link-color)
  );
}
.utrecht-toptask-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-toptask-link__title {
  display: block;
}
.utrecht-toptask-link__icon {
  display: block;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-md);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-toptask-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--utrecht-toptask-nav-gap);
}
.utrecht-toptask-nav--grid {
  --utrecht-toptask-link-max-inline-size: var(
    --utrecht-toptask-nav-link-grid-max-inline-size
  );
  flex-direction: row;
}
.utrecht-unordered-list,
.utrecht-unordered-list--html-content ul {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-unordered-list-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  line-height: var(
    --utrecht-unordered-list-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
  text-align: start;
}
.utrecht-unordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-unordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-unordered-list--nested,
.utrecht-unordered-list--html-content ul {
  margin-block-end: 0;
  margin-inline-start: 2ch;
}
.utrecht-unordered-list--html-content > li,
.utrecht-unordered-list--html-content ul > li,
.utrecht-unordered-list__item {
  margin-block-end: var(--utrecht-unordered-list-item-margin-block-end);
  margin-block-start: var(--utrecht-unordered-list-item-margin-block-start);
  padding-inline-start: var(
    --utrecht-unordered-list-item-padding-inline-start,
    1ch
  );
}
.utrecht-unordered-list--html-content > li::marker,
.utrecht-unordered-list--html-content ul > li::marker,
.utrecht-unordered-list__item::marker,
.utrecht-unordered-list__marker {
  color: var(--utrecht-unordered-list-marker-color);
  content: '●';
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-url-data {
  break-inside: avoid;
  font-variant-ligatures: none;
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: anywhere;
  page-break-inside: avoid;
}
:root,
::backdrop {
  --denhaag-process-steps-sub-step-marker-size: 12px;
  --denhaag-process-steps-step-marker-size: 28px;
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
  --utrecht-stack-focus-z-index: 1;
  --utrecht-border-style-dotted: dotted;
  --utrecht-border-style-solid: solid;
  --utrecht-border-radius-none: 0;
  --utrecht-border-radius-round: 999px;
  --utrecht-border-radius-lg: 8px;
  --utrecht-border-radius-md: 4px;
  --utrecht-border-radius-sm: 2px;
  --utrecht-border-width-md: 2px;
  --utrecht-border-width-sm: 1px;
  --utrecht-typography-line-height-lg: 2;
  --utrecht-typography-line-height-md: 1.5;
  --utrecht-typography-line-height-sm: 1.25;
  --utrecht-typography-line-height-xs: 1;
  --utrecht-typography-font-style-inherit: inherit;
  --utrecht-typography-font-style-normal: normal;
  --utrecht-typography-weight-scale-normal-font-weight: 400;
  --utrecht-typography-weight-scale-bold-font-weight: 700;
  --utrecht-typography-scale-4xl-font-size: 2rem;
  --utrecht-typography-scale-3xl-font-size: 1.5rem;
  --utrecht-typography-scale-2xl-font-size: 1.375rem;
  --utrecht-typography-scale-xl-font-size: 1.25rem;
  --utrecht-typography-scale-lg-font-size: 1.125rem;
  --utrecht-typography-scale-md-font-size: 1rem;
  --utrecht-typography-scale-sm-font-size: 0.875rem;
  --utrecht-typography-scale-xs-font-size: 0.75rem;
  --utrecht-typography-scale-2xs-font-size: 0.5rem;
  --utrecht-typography-sans-serif-font-family:
    'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Arial', sans-serif;
  --utrecht-icon-scale-4xl: 48px;
  --utrecht-icon-scale-3xl: 36px;
  --utrecht-icon-scale-2xl: 30px;
  --utrecht-icon-scale-xl: 26px;
  --utrecht-icon-scale-lg: 24px;
  --utrecht-icon-scale-md: 16px;
  --utrecht-icon-scale-sm: 12px;
  --utrecht-icon-scale-xs: 8px;
  --utrecht-icon-scale-2xs: 4px;
  --utrecht-icon-scale-3xs: 1px;
  --utrecht-color-black: hsl(0 0% 0%);
  --utrecht-color-white: hsl(0 0% 100%);
  --utrecht-color-invalid: #990000;
  --utrecht-color-secondary-grey: #757575;
  --utrecht-color-secondary-brown: #ad643b;
  --utrecht-color-secondary-navy: #1c4181;
  --utrecht-color-secondary-blue: #006dff;
  --utrecht-color-secondary-cyan: #009ed4;
  --utrecht-color-secondary-green: #32ab27;
  --utrecht-color-secondary-lime: #99d000;
  --utrecht-color-secondary-yellow: #ffcc00;
  --utrecht-color-secondary-orange: #ff6e00;
  --utrecht-color-secondary-red: #cc0000;
  --utrecht-color-secondary-magenta: #f02198;
  --utrecht-color-secondary-purple: #762cd1;
  --utrecht-color-green-90: hsl(90 30% 90%);
  --utrecht-color-green-80: hsl(90 30% 80%);
  --utrecht-color-green-50: hsl(90 30% 50%);
  --utrecht-color-green-40: hsl(90 30% 38%);
  --utrecht-color-green-30: hsl(90 30% 30%);
  --utrecht-color-yellow-80: hsl(48 100% 80%);
  --utrecht-color-yellow-60: hsl(48 100% 60%);
  --utrecht-color-yellow-50: hsl(48 100% 50%);
  --utrecht-color-yellow-40: hsl(48 100% 40%);
  --utrecht-color-yellow-20: hsl(48 100% 20%);
  --utrecht-color-grey-95: hsl(0 0% 95%);
  --utrecht-color-grey-90: hsl(0 0% 90%);
  --utrecht-color-grey-80: hsl(0 0% 80%);
  --utrecht-color-grey-40: hsl(0 0% 40%);
  --utrecht-color-grey-30: hsl(0 0% 30%);
  --utrecht-color-grey-20: hsl(0 0% 20%);
  --utrecht-color-grey-15: hsl(0 0% 15%);
  --utrecht-color-grey-10: hsl(0 0% 10%);
  --utrecht-color-blue-90: hsl(211 60% 90%);
  --utrecht-color-blue-80: hsl(211 60% 80%);
  --utrecht-color-blue-60: hsl(211 60% 60%);
  --utrecht-color-blue-50: hsl(211 60% 50%);
  --utrecht-color-blue-40: hsl(211 60% 40%);
  --utrecht-color-blue-35: hsl(211 60% 35%);
  --utrecht-color-blue-30: hsl(211 60% 30%);
  --utrecht-color-blue-20: hsl(211 60% 20%);
  --utrecht-color-red-95: hsl(0 100% 95%);
  --utrecht-color-red-40: hsl(0 100% 40%);
  --utrecht-color-red-30: hsl(0 100% 30%);
  --utrecht-color-red-20: hsl(0 100% 20%);
  --utrecht-unordered-list-item-margin-block-end: 0.5rem;
  --utrecht-unordered-list-item-margin-block-start: 0.5rem;
  --utrecht-unordered-list-margin-block-end: 0;
  --utrecht-toptask-link-icon-size: 2.25rem;
  --utrecht-toptask-link-hover-transform-scale: 1.02;
  --utrecht-toptask-link-min-inline-size: 15rem;
  --utrecht-toptask-link-min-block-size: 8.25rem;
  --utrecht-toptask-link-line-height: 1.2;
  --utrecht-toptask-link-font-size: 1rem;
  --utrecht-textbox-border-bottom-width: 3px;
  --utrecht-textarea-border-bottom-width: 3px;
  --utrecht-table-footer-sticky-border-block-start-width: 2px;
  --utrecht-table-cell-icon-size: 1em;
  --utrecht-table-cell-padding-inline-start: 0.4em;
  --utrecht-table-cell-padding-inline-end: 0.4em;
  --utrecht-table-cell-padding-block-start: 0.5em;
  --utrecht-table-cell-padding-block-end: 0.5em;
  --utrecht-table-cell-line-height: 24px;
  --utrecht-table-header-sticky-border-block-end-width: 2px;
  --utrecht-table-caption-margin-block-end: 1em;
  --utrecht-table-caption-text-align: start;
  --utrecht-table-caption-font-size: 1.125em;
  --utrecht-table-margin-block-end: 0;
  --utrecht-separator-block-size: 8px;
  --utrecht-select-border-block-end-width: 3px;
  --utrecht-search-bar-dropdown-max-block-size: 300px;
  --utrecht-search-bar-dropdown-border-width: 1px;
  --utrecht-search-bar-input-background-size: 1em;
  --utrecht-search-bar-input-background-position-y: 50%;
  --utrecht-search-bar-input-background-position-x: 0.5em;
  --utrecht-search-bar-button-hover-scale: 1;
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
  --utrecht-radio-button-margin-inline-end: 12px;
  --utrecht-radio-button-border-radius: 0;
  --utrecht-radio-button-invalid-border-width: 2px;
  --utrecht-radio-button-icon-size: 42%;
  --utrecht-radio-button-size: 24px;
  --utrecht-radio-button-border-width: 2px;
  --utrecht-paragraph-margin-block-end: 0;
  --utrecht-pagination-relative-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-relative-link-distanced-margin-inline-end: 0.5em;
  --utrecht-pagination-relative-link-text-transform: uppercase;
  --utrecht-pagination-relative-link-text-decoration: none;
  --utrecht-pagination-relative-link-padding-block-start: 0.5em;
  --utrecht-pagination-relative-link-padding-block-end: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-start: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-end: 0.5em;
  --utrecht-pagination-relative-link-border-width: 2px;
  --utrecht-pagination-page-link-border-color: transparent;
  --utrecht-pagination-page-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-page-link-text-decoration: none;
  --utrecht-pagination-page-link-padding-block-start: 0.5em;
  --utrecht-pagination-page-link-padding-block-end: 0.5em;
  --utrecht-pagination-page-link-padding-inline-start: 0.5em;
  --utrecht-pagination-page-link-padding-inline-end: 0.5em;
  --utrecht-pagination-page-link-border-width: 2px;
  --utrecht-pagination-page-link-background-color: transparent;
  --utrecht-pagination-margin-block-end: 1em;
  --utrecht-pagination-margin-block-start: 0;
  --utrecht-pagination-font-size: 14px;
  --utrecht-page-padding-inline-start: 2em;
  --utrecht-page-padding-block-end: 1em;
  --utrecht-page-padding-inline-end: 2em;
  --utrecht-page-padding-block-start: 1.8em;
  --utrecht-page-max-inline-size: 1184px;
  --utrecht-page-margin-inline-end: 2em;
  --utrecht-page-margin-inline-start: 2em;
  --utrecht-page-header-padding-block-start: 1.8em;
  --utrecht-page-header-padding-inline-start: 2em;
  --utrecht-page-header-padding-inline-end: 2.4em;
  --utrecht-page-header-padding-block-end: 1em;
  --utrecht-page-content-padding-block-end: 2em;
  --utrecht-page-content-padding-block-start: 2em;
  --utrecht-ordered-list-item-padding-inline-start: 0;
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
  --utrecht-ordered-list-padding-inline-start: 28.8px;
  --utrecht-ordered-list-margin-block-end: 1em;
  --utrecht-ordered-list-margin-block-start: 0;
  --utrecht-number-data-negative-color: red;
  --utrecht-number-data-positive-color: green;
  --utrecht-topnav-link-focus-text-decoration: none;
  --utrecht-topnav-link-focus-border-type: dotted;
  --utrecht-mapcontrolbutton-focus-text-decoration: none;
  --utrecht-mapcontrolbutton-border-radius: 2px;
  --utrecht-mapcontrolbutton-margin-inline-end: 0;
  --utrecht-mapcontrolbutton-margin-inline-start: 0;
  --utrecht-map-marker-icon-size: 30px;
  --utrecht-map-marker-box-shadow-color: rgb(0 0 0 / 20%);
  --utrecht-map-marker-border-width: 3px;
  --utrecht-map-marker-size: 48px;
  --utrecht-logo-min-inline-size: 110.57px;
  --utrecht-logo-min-block-size: 58.97px;
  --utrecht-logo-max-inline-size: 192px;
  --utrecht-logo-max-block-size: 103px;
  --utrecht-list-social-item-margin-inline-end: 10px;
  --utrecht-link-icon-size: 1.2em;
  --utrecht-link-hover-text-decoration-thickness: 3px;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: none;
  --utrecht-link-text-underline-offset: 3px;
  --utrecht-link-text-decoration: underline;
  --utrecht-link-social-icon-size: 26px;
  --utrecht-link-social-hover-transform-scale: 1.1;
  --utrecht-link-social-size: 40px;
  --utrecht-link-social-border-width: 2px;
  --utrecht-link-list-icon-size: 14px;
  --utrecht-icon-baseline-inset-block-start: 0.125em;
  --utrecht-icon-size: 48px;
  --utrecht-heading-5-margin-block-start: 1rem;
  --utrecht-heading-5-margin-block-end: 0.2rem;
  --utrecht-heading-4-margin-block-start: 1.2rem;
  --utrecht-heading-4-margin-block-end: 0.3rem;
  --utrecht-heading-3-margin-block-start: 1rem;
  --utrecht-heading-3-margin-block-end: 0.2rem;
  --utrecht-heading-2-margin-block-start: 1.5rem;
  --utrecht-heading-2-margin-block-end: 0.3rem;
  --utrecht-heading-1-margin-block-start: 0.67rem;
  --utrecht-heading-1-margin-block-end: 0.67rem;
  --utrecht-form-toggle-width: 48px;
  --utrecht-form-toggle-padding-inline-start: 0;
  --utrecht-form-toggle-padding-inline-end: 0;
  --utrecht-form-toggle-padding-block-start: 0;
  --utrecht-form-toggle-padding-block-end: 0;
  --utrecht-form-toggle-height: 24px;
  --utrecht-form-toggle-border-style: solid;
  --utrecht-form-toggle-focus-border-width: 2px;
  --utrecht-form-toggle-focus-border-style: dotted;
  --utrecht-form-toggle-thumb-disabled-box-shadow: 0;
  --utrecht-form-toggle-thumb-min-inline-size: 18px;
  --utrecht-form-toggle-thumb-margin-inline-end: 0.25em;
  --utrecht-form-toggle-thumb-margin-inline-start: 0.25em;
  --utrecht-form-toggle-border-width: 2px;
  --utrecht-form-toggle-border-radius: 10em;
  --utrecht-form-toggle-border-color: transparent;
  --utrecht-form-toggle-accent-color: hsla(0, 0%, 48%, 1);
  --utrecht-form-label-font-size: 1em;
  --utrecht-form-fieldset-legend-line-height: 1.4;
  --utrecht-form-fieldset-legend-font-size: 1rem;
  --utrecht-form-field-invalid-border-inline-start-width: 3px;
  --utrecht-form-control-read-only-border-color: transparent;
  --utrecht-form-control-block-size: 42px;
  --utrecht-form-control-padding-inline-start: 12px;
  --utrecht-form-control-padding-inline-end: 12px;
  --utrecht-form-control-padding-block-start: 8px;
  --utrecht-form-control-padding-block-end: 8px;
  --utrecht-form-control-max-inline-size: 28em;
  --utrecht-form-control-border-radius: 0;
  --utrecht-figure-caption-line-height: 20px;
  --utrecht-figure-caption-font-size: 14px;
  --utrecht-figure-caption-color: #727272;
  --utrecht-drawer-max-inline-size: 320px;
  --utrecht-drawer-max-block-size: 240px;
  --utrecht-drawer-border-width: 1px;
  --utrecht-document-line-height: 1.4;
  --utrecht-data-list-rows-column-min-inline-size: 25ch;
  --utrecht-data-list-rows-column-inline-size: 80%;
  --utrecht-space-column-5xl: 64px;
  --utrecht-space-column-4xl: 48px;
  --utrecht-space-column-3xl: 32px;
  --utrecht-space-column-2xl: 28px;
  --utrecht-space-column-xl: 24px;
  --utrecht-space-column-lg: 20px;
  --utrecht-space-column-md: 16px;
  --utrecht-space-column-sm: 12px;
  --utrecht-space-column-xs: 8px;
  --utrecht-space-column-2xs: 4px;
  --utrecht-space-column-3xs: 2px;
  --utrecht-space-column-4xs: 1px;
  --utrecht-space-row-5xl: 64px;
  --utrecht-space-row-4xl: 48px;
  --utrecht-space-row-3xl: 32px;
  --utrecht-space-row-2xl: 28px;
  --utrecht-space-row-xl: 24px;
  --utrecht-space-row-lg: 20px;
  --utrecht-space-row-md: 16px;
  --utrecht-space-row-sm: 12px;
  --utrecht-space-row-xs: 8px;
  --utrecht-space-row-2xs: 4px;
  --utrecht-space-row-3xs: 2px;
  --utrecht-space-row-4xs: 1px;
  --utrecht-space-text-3xl: 3ch;
  --utrecht-space-text-2xl: 2ch;
  --utrecht-space-text-xl: 1.75ch;
  --utrecht-space-text-lg: 1.5ch;
  --utrecht-space-text-md: 1ch;
  --utrecht-space-text-sm: 0.75ch;
  --utrecht-space-text-xs: 0.5ch;
  --utrecht-space-text-2xs: 0.25ch;
  --utrecht-space-text-3xs: 0.125ch;
  --utrecht-space-inline-4xl: 48px;
  --utrecht-space-inline-3xl: 32px;
  --utrecht-space-inline-2xl: 28px;
  --utrecht-space-inline-xl: 24px;
  --utrecht-space-inline-lg: 20px;
  --utrecht-space-inline-md: 16px;
  --utrecht-space-inline-sm: 12px;
  --utrecht-space-inline-xs: 8px;
  --utrecht-space-inline-2xs: 4px;
  --utrecht-space-inline-3xs: 2px;
  --utrecht-space-block-4xs: 1px;
  --utrecht-space-block-4xl: 64px;
  --utrecht-space-block-3xl: 48px;
  --utrecht-space-block-2xl: 32px;
  --utrecht-space-block-xl: 24px;
  --utrecht-space-block-lg: 20px;
  --utrecht-space-block-md: 16px;
  --utrecht-space-block-sm: 12px;
  --utrecht-space-block-xs: 8px;
  --utrecht-space-block-2xs: 4px;
  --utrecht-space-block-3xs: 2px;
  --utrecht-pointer-target-min-size: 44px;
  --utrecht-focus-outline-style: dotted;
  --utrecht-action-inert-cursor: default;
  --utrecht-action-activate-cursor: pointer;
  --utrecht-action-submit-cursor: pointer;
  --utrecht-action-navigate-cursor: pointer;
  --utrecht-action-disabled-cursor: not-allowed;
  --utrecht-action-busy-cursor: wait;
  --utrecht-column-layout-column-width: 350px;
  --utrecht-column-layout-column-rule-width: 2px;
  --utrecht-code-block-padding-inline-end: 20px;
  --utrecht-code-block-padding-inline-start: 20px;
  --utrecht-code-block-padding-block-end: 20px;
  --utrecht-code-block-padding-block-start: 20px;
  --utrecht-code-block-line-height: 24px;
  --utrecht-code-block-font-size: 16px;
  --utrecht-checkbox-margin-block-start: 0;
  --utrecht-checkbox-focus-border-width: 2px;
  --utrecht-checkbox-size: 24px;
  --utrecht-checkbox-border-width: 2px;
  --utrecht-checkbox-border-radius: 0;
  --utrecht-calendar-icon-size: 24px;
  --utrecht-calendar-navigation-label-min-inline-size: 200px;
  --utrecht-calendar-navigation-padding-block-end: 2px;
  --utrecht-calendar-navigation-padding-block-start: 2px;
  --utrecht-calendar-table-days-item-day-disabled-border-color: transparent;
  --utrecht-calendar-table-days-item-day-selected-border-color: transparent;
  --utrecht-calendar-table-days-item-day-emphasis-border-color: transparent;
  --utrecht-calendar-table-days-item-day-is-today-font-weight: 700;
  --utrecht-calendar-table-days-item-day-out-of-the-month-border-color: transparent;
  --utrecht-calendar-table-days-item-day-active-border-color: transparent;
  --utrecht-calendar-table-days-item-day-focus-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-width: 2px;
  --utrecht-calendar-table-days-item-day-size: 44px;
  --utrecht-calendar-table-weeks-item-line-height: 24px;
  --utrecht-calendar-table-weeks-item-padding-block-end: 10px;
  --utrecht-calendar-table-weeks-item-padding-block-start: 4px;
  --utrecht-calendar-table-weeks-item-width: 44px;
  --utrecht-button-subtle-disabled-background-color: transparent;
  --utrecht-button-subtle-font-weight: 700;
  --utrecht-button-subtle-border-color: transparent;
  --utrecht-button-subtle-background-color: transparent;
  --utrecht-button-primary-action-danger-hover-border-color: transparent;
  --utrecht-button-primary-action-danger-border-color: transparent;
  --utrecht-button-primary-action-warning-hover-border-color: transparent;
  --utrecht-button-primary-action-warning-border-color: transparent;
  --utrecht-button-primary-action-ready-hover-border-color: transparent;
  --utrecht-button-primary-action-ready-border-color: transparent;
  --utrecht-button-primary-action-hover-border-color: transparent;
  --utrecht-button-primary-action-border-color: transparent;
  --utrecht-button-hover-scale: 1.02;
  --utrecht-button-focus-scale: 1.02;
  --utrecht-button-margin-inline-end: 0;
  --utrecht-button-margin-inline-start: 0;
  --utrecht-button-border-width: 1px;
  --utrecht-button-border-radius: 0;
  --utrecht-breadcrumb-nav-divider-inline-size: 1px;
  --utrecht-breadcrumb-nav-link-text-decoration: none;
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
  --utrecht-breadcrumb-nav-min-block-size: 34px;
  --utrecht-blockquote-margin-block-end: 1.6em;
  --utrecht-blockquote-margin-block-start: 1.6em;
  --utrecht-blockquote-content-font-size: 1.125rem;
  --utrecht-blockquote-attribution-font-size: 0.75rem;
  --utrecht-blockquote-margin-inline-end: 1.6em;
  --utrecht-blockquote-margin-inline-start: 1.6em;
  --utrecht-badge-border-radius: 0;
  --utrecht-badge-counter-padding-inline: 1ex;
  --utrecht-badge-counter-padding-block: 1ex;
  --utrecht-badge-counter-font-size: 16px;
  --utrecht-backdrop-reduced-transparency-opacity: 0.98;
  --utrecht-backdrop-fade-in-animation-duration: 0.4s;
  --utrecht-backdrop-opacity: 0.8;
  --utrecht-article-max-inline-size: 780px;
  --utrecht-alert-dialog-min-inline-size: 320px;
  --utrecht-alert-dialog-min-block-size: 100px;
  --utrecht-alert-dialog-max-block-size: 80vh;
  --utrecht-accordion-panel-border-width: 2px;
  --utrecht-accordion-button-icon-size: 24px;
  --utrecht-accordion-button-hover-background-color: inherit;
  --utrecht-accordion-button-border-width: 0;
  --denhaag-process-steps-sub-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --denhaag-process-steps-sub-step-heading-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-sub-step-heading-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-description-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --denhaag-process-steps-step-description-color: var(--utrecht-color-black);
  --denhaag-process-steps-step-metadata-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-metadata-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-line-warning-color: var(--utrecht-color-invalid);
  --denhaag-process-steps-step-line-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-line-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-line-stroke-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-sub-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-sub-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-warning-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-warning-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-warning-border-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-checked-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-checked-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-color: var(--utrecht-color-white);
  --denhaag-process-steps-step-marker-current-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-current-background-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-marker-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-marker-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-marker-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-heading-warning-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-not-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-heading-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-current-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-heading-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --denhaag-process-steps-step-heading-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --denhaag-process-steps-step-heading-color: var(--utrecht-color-black);
  --denhaag-process-steps-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
  --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
  --utrecht-unordered-list-marker-color: var(--utrecht-color-red-40);
  --utrecht-unordered-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-toptask-link-padding-inline-start: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-inline-end: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-block-start: var(--utrecht-space-block-xl);
  --utrecht-toptask-link-padding-block-end: var(--utrecht-space-block-xl);
  --utrecht-textarea-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-table-footer-sticky-border-block-start-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-footer-sticky-color: var(--utrecht-color-black);
  --utrecht-table-footer-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-row-alternate-even-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-even-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-table-row-alternate-odd-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-odd-background-color: var(
    --utrecht-color-white
  );
  --utrecht-table-row-border-block-end-width: var(--utrecht-border-width-sm);
  --utrecht-table-row-border-block-end-color: var(--utrecht-color-grey-90);
  --utrecht-table-cell-selected-color: var(--utrecht-color-black);
  --utrecht-table-cell-selected-background-color: var(--utrecht-color-blue-90);
  --utrecht-table-header-sticky-border-block-end-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-header-sticky-color: var(--utrecht-color-black);
  --utrecht-table-header-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-header-border-block-end-width: var(--utrecht-border-width-md);
  --utrecht-table-header-border-block-end-color: var(--utrecht-color-red-40);
  --utrecht-table-header-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-caption-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-surface-color: var(--utrecht-color-grey-10);
  --utrecht-surface-background-color: var(--utrecht-color-grey-95);
  --utrecht-spotlight-section-warning-background-color: var(
    --utrecht-color-yellow-80
  );
  --utrecht-spotlight-section-info-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-spotlight-section-padding-inline-end: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-inline-start: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-block-end: var(--utrecht-space-block-sm);
  --utrecht-spotlight-section-padding-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-spotlight-section-color: var(--utrecht-color-black);
  --utrecht-spotlight-section-background-color: var(--utrecht-color-grey-80);
  --utrecht-skip-link-focus-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --utrecht-skip-link-text-decoration: var(--utrecht-link-text-decoration);
  --utrecht-separator-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-separator-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-separator-color: var(--utrecht-color-grey-90);
  --utrecht-search-bar-list-item-is-selected-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-selected-color: var(--utrecht-color-black);
  --utrecht-search-bar-list-item-is-active-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-list-item-is-active-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-active-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-search-bar-section-title-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-section-title-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-search-bar-section-margin-block-end: var(--utrecht-space-inline-xs);
  --utrecht-search-bar-dropdown-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-input-padding-inline-start: var(
    --utrecht-space-inline-3xl
  );
  --utrecht-search-bar-input-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-search-bar-button-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-button-color: var(--utrecht-color-white);
  --utrecht-search-bar-button-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-background-color: var(--utrecht-color-red-40);
  --utrecht-radio-button-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-radio-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-radio-button-focus-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-hover-background-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-focus-border-color: var(
    --utrecht-color-blue-20
  );
  --utrecht-radio-button-checked-hover-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-active-color: var(--utrecht-color-blue-80);
  --utrecht-radio-button-checked-active-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-active-background-color: var(--utrecht-color-blue-80);
  --utrecht-pre-heading-margin-block-start: var(--utrecht-space-row-2xl);
  --utrecht-pre-heading-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-small-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-paragraph-lead-line-height: var(
    --utrecht-typography-line-height-md
  );
  --utrecht-paragraph-lead-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-lead-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-paragraph-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-paragraph-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-pagination-relative-link-border-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-relative-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-relative-link-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-background-color: var(
    --utrecht-color-white
  );
  --utrecht-pagination-page-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-current-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-page-link-color: var(--utrecht-color-blue-35);
  --utrecht-page-color: var(--utrecht-color-black);
  --utrecht-page-background-color: var(--utrecht-color-white);
  --utrecht-page-footer-padding-block-start: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-block-end: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-inline-start: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-padding-inline-end: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-background-image: linear-gradient(
    45deg,
    var(--utrecht-color-red-40),
    var(--utrecht-color-red-40) 50%,
    #d63433 50%
  );
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
  --utrecht-page-footer-color: var(--utrecht-color-white);
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-box-shadow-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-color: var(--utrecht-color-black);
  --utrecht-topnav-link-background-color: var(--utrecht-color-blue-40);
  --utrecht-topnav-link-color: var(--utrecht-color-white);
  --utrecht-topnav-list-border-color: var(--utrecht-color-grey-40);
  --utrecht-topnav-list-background-color: var(--utrecht-color-grey-15);
  --utrecht-sidenav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-link-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-marker-hover-color: var(--utrecht-color-blue-50);
  --utrecht-sidenav-item-marker-color: var(--utrecht-color-grey-80);
  --utrecht-sidenav-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-margin-inline-end: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-inline-start: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-block-end: var(--utrecht-space-block-xs);
  --utrecht-sidenav-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-content-max-inline-size: var(
    --utrecht-page-max-inline-size
  );
  --utrecht-nav-bar-color: var(--utrecht-color-black);
  --utrecht-nav-bar-background-color: var(--utrecht-color-white);
  --utrecht-mark-color: var(--utrecht-color-black);
  --utrecht-mark-background-color: var(--utrecht-color-yellow-60);
  --utrecht-mapcontrolbutton-hover-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-hover-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-focus-color: var(--utrecht-color-black);
  --utrecht-mapcontrolbutton-label-margin-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-label-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-border-style: var(--utrecht-border-style-solid);
  --utrecht-mapcontrolbutton-border-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-background-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-mapcontrolbutton-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-mapcontrolbutton-padding-inline-end: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-inline-start: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-block-end: var(--utrecht-space-block-2xs);
  --utrecht-mapcontrolbutton-padding-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-mapcontrolbutton-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-min-inline-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-min-block-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-border-width: var(--utrecht-border-width-sm);
  --utrecht-map-marker-border-color: var(--utrecht-color-white);
  --utrecht-map-marker-color: var(--utrecht-color-white);
  --utrecht-map-marker-background-color: var(--utrecht-color-blue-30);
  --utrecht-link-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-link-color: var(--utrecht-color-blue-35);
  --utrecht-link-social-color: var(--utrecht-color-white);
  --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
  --utrecht-link-social-border-color: var(--utrecht-color-white);
  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
  --utrecht-link-list-item-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-link-list-item-column-gap: var(--utrecht-space-block-xs);
  --utrecht-link-list-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-index-char-nav-link-current-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-index-char-nav-gap: var(--utrecht-space-column-sm);
  --utrecht-index-char-nav-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-index-char-nav-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-6-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-6-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-6-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-6-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-5-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-5-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-5-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-5-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-4-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-4-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-4-font-size: var(--utrecht-typography-scale-lg-font-size);
  --utrecht-heading-4-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-3-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-3-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-3-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-3-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-2-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-2-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-2-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-2-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-1-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-1-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
  --utrecht-heading-1-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
  --utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
  --utrecht-form-toggle-thumb-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-form-toggle-thumb-background-color: var(--utrecht-color-white);
  --utrecht-form-toggle-track-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-toggle-track-border-radius: var(
    --utrecht-form-toggle-border-radius
  );
  --utrecht-form-toggle-color: var(--utrecht-color-black);
  --utrecht-form-toggle-background-color: var(--utrecht-color-white);
  --utrecht-form-label-radio-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-checkbox-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-legend-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-form-fieldset-legend-margin-block-start: var(
    --utrecht-space-block-xl
  );
  --utrecht-form-fieldset-legend-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-fieldset-legend-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-section-color: var(--utrecht-color-black);
  --utrecht-form-fieldset-section-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-form-fieldset-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-fieldset-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-description-margin-block-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-label-margin-block-end: var(--utrecht-space-block-sm);
  --utrecht-form-field-invalid-padding-inline-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-control-read-only-color: var(--utrecht-color-grey-20);
  --utrecht-form-control-read-only-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-control-focus-border-color: var(--utrecht-color-grey-80);
  --utrecht-form-control-placeholder-font-style: var(
    --utrecht-typography-font-style-normal
  );
  --utrecht-form-control-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-form-control-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-form-control-color: var(--utrecht-color-black);
  --utrecht-form-control-border-width: var(--utrecht-border-width-sm);
  --utrecht-form-control-border-color: var(--utrecht-color-grey-30);
  --utrecht-form-control-background-color: var(--utrecht-color-white);
  --utrecht-emphasis-strong-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-drawer-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-block-start: var(--utrecht-space-block-md);
  --utrecht-drawer-padding-block-end: var(--utrecht-space-block-md);
  --utrecht-drawer-border-color: var(--utrecht-color-grey-90);
  --utrecht-document-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-document-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-document-color: var(--utrecht-color-black);
  --utrecht-document-background-color: var(--utrecht-color-white);
  --utrecht-data-placeholder-background-color: var(--utrecht-color-grey-40);
  --utrecht-data-list-rows-item-value-margin-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-data-list-rows-item-margin-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-data-list-item-key-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-data-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-data-list-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-focus-inverse-outline-color: var(--utrecht-color-white);
  --utrecht-focus-outline-width: var(--utrecht-border-width-md);
  --utrecht-focus-outline-color: var(--utrecht-color-black);
  --utrecht-focus-background-color: var(--utrecht-color-yellow-60);
  --utrecht-feedback-active-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-inactive-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-success-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-error-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-valid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-border-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-background-color: var(--utrecht-color-invalid);
  --utrecht-feedback-safe-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-safe-color: var(--utrecht-color-green-50);
  --utrecht-feedback-warning-fill-color: var(--utrecht-color-black);
  --utrecht-feedback-warning-color: var(--utrecht-color-yellow-50);
  --utrecht-feedback-danger-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-danger-color: var(--utrecht-color-red-40);
  --utrecht-column-layout-gap: var(--utrecht-space-column-md);
  --utrecht-column-layout-column-rule-color: var(--utrecht-color-grey-80);
  --utrecht-code-block-margin-block-end: var(--utrecht-space-block-lg);
  --utrecht-code-block-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-code-block-color: var(--utrecht-color-black);
  --utrecht-code-block-background-color: var(--utrecht-color-grey-95);
  --utrecht-checkbox-indeterminate-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-checkbox-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
  --utrecht-checkbox-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-calendar-navigation-label-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-calendar-navigation-label-color: var(--utrecht-color-black);
  --utrecht-calendar-navigation-color: var(--utrecht-color-blue-30);
  --utrecht-calendar-table-days-item-day-disabled-color: var(
    --utrecht-color-grey-40
  );
  --utrecht-calendar-table-days-item-day-selected-color: var(
    --utrecht-color-white
  );
  --utrecht-calendar-table-days-item-day-selected-background-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-calendar-table-days-item-day-is-today-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-calendar-table-days-item-day-out-of-the-month-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-calendar-table-days-item-day-hover-border-color: var(
    --utrecht-color-black
  );
  --utrecht-calendar-table-days-item-day-hover-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-calendar-table-days-item-day-color: var(--utrecht-color-black);
  --utrecht-button-subtle-ready-focus-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-hover-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-color: var(--utrecht-color-green-50);
  --utrecht-button-subtle-danger-focus-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-hover-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-subtle-focus-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-hover-border-color: var(--utrecht-color-blue-40);
  --utrecht-button-subtle-hover-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-subtle-active-color: var(--utrecht-color-white);
  --utrecht-button-subtle-active-background-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-border-width: var(--utrecht-border-width-md);
  --utrecht-button-secondary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-ready-border-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-secondary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-warning-border-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-secondary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-secondary-action-danger-border-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-secondary-action-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-hover-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-secondary-action-hover-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-disabled-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-active-color: var(--utrecht-color-white);
  --utrecht-button-secondary-action-active-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-secondary-action-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-secondary-action-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-focus-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-hover-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-hover-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-danger-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-danger-background-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-primary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-focus-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-hover-color: var(
    --utrecht-color-black
  );
  --utrecht-button-primary-action-warning-hover-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-warning-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-warning-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-primary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-focus-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-ready-hover-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-ready-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-ready-background-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-primary-action-focus-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-primary-action-focus-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-focus-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-primary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-primary-action-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-active-color: var(--utrecht-color-blue-35);
  --utrecht-button-primary-action-active-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-primary-action-active-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-border-width: var(--utrecht-border-width-md);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-background-color: var(--utrecht-color-grey-90);
  --utrecht-button-icon-gap: var(--utrecht-space-text-xs);
  --utrecht-button-active-color: var(--utrecht-color-white);
  --utrecht-button-active-background-color: var(--utrecht-color-grey-40);
  --utrecht-button-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-button-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-button-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-button-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-button-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-button-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-button-color: var(--utrecht-color-grey-40);
  --utrecht-button-border-color: var(--utrecht-color-grey-40);
  --utrecht-button-background-color: var(--utrecht-color-white);
  --utrecht-breadcrumb-nav-arrows-link-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-focus-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-breadcrumb-nav-separator-icon-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-breadcrumb-nav-separator-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-link-icon-size: var(--utrecht-icon-scale-md);
  --utrecht-breadcrumb-nav-link-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-breadcrumb-nav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-item-padding-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-blockquote-content-color: var(--utrecht-color-red-40);
  --utrecht-badge-font-style: var(--utrecht-typography-font-style-normal);
  --utrecht-badge-padding-inline: var(--utrecht-space-inline-sm);
  --utrecht-badge-padding-block: var(--utrecht-space-block-xs);
  --utrecht-badge-color: var(--utrecht-color-white);
  --utrecht-badge-background-color: var(--utrecht-color-grey-30);
  --utrecht-badge-list-item-margin-inline: var(--utrecht-space-block-sm);
  --utrecht-badge-list-item-margin-block: var(--utrecht-space-block-xs);
  --utrecht-badge-counter-font-style: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-badge-counter-color: var(--utrecht-color-white);
  --utrecht-badge-counter-border-radius: var(--utrecht-badge-counter-font-size);
  --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
  --utrecht-backdrop-color: var(--utrecht-color-black);
  --utrecht-backdrop-background-color: var(--utrecht-color-white);
  --utrecht-alert-info-color: var(--utrecht-color-black);
  --utrecht-alert-info-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-icon-info-color: var(--utrecht-color-blue-35);
  --utrecht-alert-icon-ok-color: var(--utrecht-color-green-40);
  --utrecht-alert-icon-warning-color: var(--utrecht-color-yellow-40);
  --utrecht-alert-icon-error-color: var(--utrecht-color-red-40);
  --utrecht-alert-icon-gap: var(--utrecht-space-column-md);
  --utrecht-alert-icon-color: var(--utrecht-color-blue-35);
  --utrecht-alert-ok-color: var(--utrecht-color-black);
  --utrecht-alert-ok-background-color: var(--utrecht-color-green-90);
  --utrecht-alert-error-color: var(--utrecht-color-black);
  --utrecht-alert-error-background-color: var(--utrecht-color-red-95);
  --utrecht-alert-warning-color: var(--utrecht-color-black);
  --utrecht-alert-warning-background-color: var(--utrecht-color-yellow-80);
  --utrecht-alert-padding-inline-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-inline-start: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-start: var(--utrecht-space-block-lg);
  --utrecht-alert-color: var(--utrecht-color-black);
  --utrecht-alert-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-dialog-max-inline-size: var(
    --utrecht-article-max-inline-size
  );
  --utrecht-accordion-section-margin-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-accordion-panel-padding-inline-end: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-inline-start: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-icon-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-accordion-button-focus-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-focus-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-focus-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-active-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-active-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-active-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-hover-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-hover-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-background-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-inline-start: var(
    --utrecht-space-block-md
  );
  --utrecht-accordion-button-padding-inline-end: var(--utrecht-space-block-md);
  --of-layout-background: var(--utrecht-document-background-color);
  --denhaag-process-steps-sub-step-line-color: var(
    --denhaag-process-steps-step-line-color
  );
  --utrecht-toptask-link-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --utrecht-toptask-link-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --utrecht-toptask-link-color: var(--utrecht-button-primary-action-color);
  --utrecht-toptask-link-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --utrecht-skip-link-focus-background-color: var(
    --utrecht-topnav-link-focus-background-color
  );
  --utrecht-skip-link-focus-color: var(--utrecht-topnav-link-focus-color);
  --utrecht-skip-link-padding-inline-end: var(
    --utrecht-button-padding-inline-end
  );
  --utrecht-skip-link-padding-inline-start: var(
    --utrecht-button-padding-inline-start
  );
  --utrecht-skip-link-padding-block-end: var(
    --utrecht-button-padding-block-end
  );
  --utrecht-skip-link-padding-block-start: var(
    --utrecht-button-padding-block-start
  );
  --utrecht-skip-link-color: var(--utrecht-topnav-link-color);
  --utrecht-skip-link-background-color: var(
    --utrecht-topnav-list-background-color
  );
  --utrecht-radio-button-border-color: var(--utrecht-form-control-border-color);
  --utrecht-radio-button-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-paragraph-lead-color: var(--utrecht-document-color);
  --utrecht-link-visited-color: var(--utrecht-link-color);
  --utrecht-link-hover-color: var(--utrecht-link-focus-color);
  --utrecht-link-active-color: var(--utrecht-link-color);
  --utrecht-form-field-error-message-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-field-description-warning-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-form-field-description-invalid-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-control-invalid-border-color: var(
    --utrecht-feedback-invalid-border-color
  );
  --utrecht-form-control-font-family: var(--utrecht-document-font-family);
  --utrecht-drawer-color: var(--utrecht-document-color);
  --utrecht-drawer-background-color: var(--utrecht-document-background-color);
  --utrecht-feedback-active-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-inactive-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-success-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-error-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-valid-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-invalid-fill-background-color: var(
    --utrecht-feedback-invalid-background-color
  );
  --utrecht-feedback-safe-border-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-safe-background-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-warning-border-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-warning-background-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-danger-border-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-danger-background-color: var(
    --utrecht-feedback-danger-color
  );
  --utrecht-checkbox-color: var(--utrecht-form-control-color);
  --utrecht-checkbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-checkbox-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-button-subtle-pressed-color: var(
    --utrecht-button-subtle-active-color
  );
  --utrecht-button-subtle-pressed-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --utrecht-button-secondary-action-pressed-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --utrecht-button-secondary-action-pressed-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --utrecht-button-primary-action-pressed-color: var(
    --utrecht-button-primary-action-active-color
  );
  --utrecht-button-primary-action-pressed-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --utrecht-button-primary-action-pressed-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --utrecht-button-pressed-color: var(--utrecht-button-active-color);
  --utrecht-button-pressed-background-color: var(
    --utrecht-button-active-background-color
  );
  --utrecht-breadcrumb-nav-arrows-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --utrecht-breadcrumb-nav-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --of-layout-bg: var(--of-layout-background);
  --utrecht-radio-button-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-invalid-border-inline-start-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-description-valid-color: var(
    --utrecht-feedback-valid-color
  );
  --utrecht-feedback-active-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-active-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-inactive-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-inactive-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-success-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-success-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-error-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-error-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-valid-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-valid-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-safe-fill-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-warning-fill-background-color: var(
    --utrecht-feedback-warning-background-color
  );
  --utrecht-feedback-danger-fill-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-checkbox-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-feedback-active-fill-background-color: var(
    --utrecht-feedback-active-background-color
  );
  --utrecht-feedback-inactive-fill-background-color: var(
    --utrecht-feedback-inactive-background-color
  );
  --utrecht-feedback-success-fill-background-color: var(
    --utrecht-feedback-success-background-color
  );
  --utrecht-feedback-error-fill-background-color: var(
    --utrecht-feedback-error-background-color
  );
  --utrecht-feedback-valid-fill-background-color: var(
    --utrecht-feedback-valid-background-color
  );
}

@charset "UTF-8";
.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
  );
  justify-content: start !important;
  position: relative;
}
.utrecht-accordion__button[aria-expanded]:after {
  background-color: var(--utrecht-accordion-button-icon-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[aria-expanded='false']:after {
  background-image: var(
    --utrecht-accordion-icon-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[aria-expanded='true']:after {
  background-image: var(
    --utrecht-accordion-icon-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__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;
}
.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);
}
.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);
  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);
}
.utrecht-index-char-nav {
  --utrecht-button-padding-inline-start: 1ch;
  --utrecht-button-padding-inline-end: 1ch;
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-index-char-nav-gap);
  margin-block-end: var(--utrecht-index-char-nav-margin-block-end);
  margin-block-start: var(--utrecht-index-char-nav-margin-block-start);
}
.utrecht-index-char-nav__link--current {
  --utrecht-button-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
  --utrecht-button-link-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
}
.utrecht-index-char-nav__link--disabled {
  pointer-events: none;
}
.utrecht-alternate-lang-nav__heading {
  display: none;
}
.utrecht-article {
  max-inline-size: var(--utrecht-article-max-inline-size);
}
.utrecht-badge-counter {
  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);
  font-weight: var(
    --utrecht-badge-counter-font-weight,
    var(--utrecht-badge-font-weight, bold)
  );
  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;
  white-space: nowrap;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-badge-counter {
    border-color: currentColor;
    border-style: solid;
    border-width: 1px;
  }
}
.utrecht-badge-data {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    border-width: 1px;
  }
}
.utrecht-badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-badge-list-item-margin-block)
    var(--utrecht-badge-list-item-margin-inline);
}
.utrecht-badge-status {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    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)
  );
}
.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;
}
.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;
}
.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--disabled {
  --utrecht-link-placeholder-color: var(
    --utrecht-breadcrumb-nav-link-disabled-color,
    var(--utrecht-breadcrumb-nav-link-color)
  );
  background-color: var(
    --utrecht-breadcrumb-nav-link-disabled-background-color,
    var(--utrecht-breadcrumb-nav-link-background-color)
  );
  color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-breadcrumb-nav__link--current {
  --utrecht-link-current-font-weight: var(
    --utrecht-breadcrumb-nav-link-current-font-weight,
    inherit
  );
  cursor: var(--utrecht-action-inert-cursor, default);
  font-weight: var(--utrecht-breadcrumb-nav-link-current-font-weight, inherit);
}
.utrecht-breadcrumb-nav__separator,
.utrecht-breadcrumb-nav__separator--html-li {
  --_utrecht-breadcrumb-nav-separator-display: inline-flex;
  --utrecht-icon-size: var(--utrecht-breadcrumb-nav-separator-icon-size);
  align-items: center;
  color: var(--utrecht-breadcrumb-nav-separator-color);
  cursor: var(--utrecht-action-inert-cursor, default);
  display: var(--_utrecht-breadcrumb-nav-separator-display);
  inline-size: fit-content;
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-breadcrumb-nav--arrows {
  --utrecht-breadcrumb-nav-arrow-size: 24px;
  min-block-size: var(--utrecht-breadcrumb-nav-min-block-size);
  overflow: hidden;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link {
  background-color: var(--utrecht-breadcrumb-nav-arrows-link-background-color);
  padding-inline-end: 0;
  position: relative;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  block-size: 0;
  border-block-end-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-block-start-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-color: transparent;
  border-style: solid;
  content: ' ';
  display: block;
  inline-size: 0;
  inset-block-start: 50%;
  inset-inline-start: 100%;
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  position: absolute;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-background-color
  );
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  z-index: 2;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  border-inline-start-color: var(--utrecht-document-background-color);
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  margin-inline-start: 1px;
  z-index: 1;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus {
  --utrecht-link-focus-background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
  background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__link
  ~ .utrecht-breadcrumb-nav__link,
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__item
  ~ .utrecht-breadcrumb-nav__item
  .utrecht-breadcrumb-nav__link {
  padding-inline-start: calc(
    var(--utrecht-breadcrumb-nav-item-padding-inline-start) +
      var(--utrecht-breadcrumb-nav-arrow-size)
  );
}
.utrecht-breadcrumb-nav__item ~ .utrecht-breadcrumb-nav__item {
  margin-inline-start: var(--utrecht-breadcrumb-nav-item-divider-inline-size);
}
.utrecht-button {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button--distanced {
  margin-block-end: var(--utrecht-button-margin-block-end);
  margin-block-start: var(--utrecht-button-margin-block-start);
  margin-inline-end: var(--utrecht-button-margin-inline-end);
  margin-inline-start: var(--utrecht-button-margin-inline-start);
}
.utrecht-button--submit {
  cursor: var(--utrecht-action-submit-cursor, revert);
}
.utrecht-button--busy {
  cursor: var(--utrecht-action-busy-cursor, wait);
}
.utrecht-button--pressed {
  background-color: var(--_utrecht-button-pressed-background-color);
  border-color: var(--_utrecht-button-pressed-border-color);
  color: var(--_utrecht-button-pressed-color);
}
.utrecht-button:disabled,
.utrecht-button--disabled {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button--focus:not(.utrecht-button--disabled) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-button--hover:not(:disabled, .utrecht-button--disabled),
.utrecht-button:hover:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button:active:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ),
.utrecht-button--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-danger-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-ready-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-warning-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-danger-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-ready-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-warning-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-danger-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-danger-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-danger-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-ready-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-ready-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-ready-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-warning-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-warning-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-warning-pressed-color
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Frameless B.V.
 */
.utrecht-button-group {
  align-items: baseline;
  background-color: var(--utrecht-button-group-background-color);
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-button-group-inline-gap, 1em);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-start, 0)
  );
  min-block-size: var(--utrecht-button-block-size);
  padding-block-end: var(--utrecht-button-group-padding-block-end);
  padding-block-start: var(--utrecht-button-group-padding-block-start);
}
.utrecht-button-group--distanced {
  --utrecht-space-around: 1;
}
.utrecht-button-group__link-button--row,
.utrecht-button-group--row .utrecht-link-button,
.utrecht-button-group:not(.utrecht-button-group--column) .utrecht-link-button {
  --utrecht-button-padding-inline-end: 0;
  --utrecht-button-padding-inline-start: 0;
}
.utrecht-button-group--column {
  flex-direction: column;
  gap: var(--utrecht-button-group-block-gap, 1em);
}
.utrecht-calendar {
  background-color: var(--utrecht-calendar-background-color);
  inline-size: fit-content;
}
.utrecht-calendar__table {
  margin-inline: auto;
  padding-block-end: var(--utrecht-calendar-table-padding-block-end);
  padding-block-start: var(--utrecht-calendar-table-padding-block-start);
}
.utrecht-calendar__table-weeks-item {
  inline-size: var(--utrecht-calendar-table-weeks-item-width);
  line-height: var(--utrecht-calendar-table-weeks-item-line-height, inherit);
  padding-block-end: var(--utrecht-calendar-table-weeks-item-padding-block-end);
  padding-block-start: var(
    --utrecht-calendar-table-weeks-item-padding-block-start
  );
}
.utrecht-calendar__table-days-item-day {
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-border-color
  );
  --utrecht-calendar-button-border-width: var(
    --utrecht-calendar-table-days-item-day-border-width
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-color
  );
  block-size: var(--utrecht-calendar-table-days-item-day-size);
  inline-size: var(--utrecht-calendar-table-days-item-day-size);
}
.utrecht-calendar__table-days-item-day:hover {
  --utrecht-calendar-button-hover-background-color: var(
    --utrecht-calendar-table-days-item-day-hover-background-color
  );
  --utrecht-calendar-button-hover-border-color: var(
    --utrecht-calendar-table-days-item-day-hover-border-color
  );
  --utrecht-calendar-button-hover-color: var(
    --utrecht-calendar-table-days-item-day-hover-color
  );
}
.utrecht-calendar__table-days-item-day:focus {
  --utrecht-calendar-button-focus-background-color: var(
    --utrecht-calendar-table-days-item-day-focus-background-color
  );
  --utrecht-calendar-button-focus-border-color: var(
    --utrecht-calendar-table-days-item-day-focus-border-color
  );
  --utrecht-calendar-button-focus-color: var(
    --utrecht-calendar-table-days-item-day-focus-color
  );
}
.utrecht-calendar__table-days-item-day:active {
  --utrecht-calendar-button-active-background-color: var(
    --utrecht-calendar-table-days-item-day-active-background-color
  );
  --utrecht-calendar-button-active-border-color: var(
    --utrecht-calendar-table-days-item-day-active-border-color
  );
  --utrecht-calendar-button-active-color: var(
    --utrecht-calendar-table-days-item-day-active-color
  );
}
.utrecht-calendar__table-days-item-day:disabled {
  --utrecht-calendar-button-disabled-background-color: var(
    --utrecht-calendar-table-days-item-day-disabled-background-color
  );
  --utrecht-calendar-button-disabled-border-color: var(
    --utrecht-calendar-table-days-item-day-disabled-border-color
  );
  --utrecht-calendar-button-disabled-color: var(
    --utrecht-calendar-table-days-item-day-disabled-color
  );
}
.utrecht-calendar__table-days-item-day--out-of-the-month {
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-color
  );
}
.utrecht-calendar__table-days-item-day--is-today {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-is-today-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-is-today-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-is-today-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-is-today-color
  );
}
.utrecht-calendar__table-days-item-day--emphasis {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-emphasis-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-color
  );
}
.utrecht-calendar__table-days-item-day--selected {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-selected-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-selected-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-selected-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-selected-color
  );
}
.utrecht-calendar__navigation {
  background-color: var(--utrecht-calendar-navigation-background-color);
  color: var(--utrecht-calendar-navigation-color);
  padding-block-end: var(--utrecht-calendar-navigation-padding-block-end);
  padding-block-start: var(--utrecht-calendar-navigation-padding-block-start);
}
.utrecht-calendar__navigation-label {
  color: var(--utrecht-calendar-navigation-label-color);
  font-size: var(--utrecht-calendar-navigation-label-font-size);
  text-align: center;
}
.utrecht-calendar__navigation-buttons {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.utrecht-calendar__button {
  --utrecht-button-subtle-color: var(
    --utrecht-calendar-button-color,
    currentColor
  );
  --utrecht-button-subtle-background-color: var(
    --utrecht-calendar-button-background-color,
    transparent
  );
  --utrecht-button-subtle-border-color: var(
    --utrecht-calendar-button-border-color,
    transparent
  );
  --utrecht-button-subtle-border-width: var(
    --utrecht-calendar-button-border-width
  );
  --utrecht-button-font-weight: var(--utrecht-calendar-button-font-weight);
  --utrecht-button-subtle-focus-background-color: var(
    --utrecht-calendar-button-focus-background-color
  );
  --utrecht-button-subtle-focus-border-color: var(
    --utrecht-calendar-button-focus-border-color
  );
  --utrecht-button-subtle-focus-color: var(
    --utrecht-calendar-button-focus-color
  );
  --utrecht-button-subtle-active-background-color: var(
    --utrecht-calendar-button-active-background-color
  );
  --utrecht-button-subtle-active-border-color: var(
    --utrecht-calendar-button-active-border-color
  );
  --utrecht-button-subtle-active-color: var(
    --utrecht-calendar-button-active-color
  );
  --utrecht-button-subtle-hover-background-color: var(
    --utrecht-calendar-button-hover-background-color
  );
  --utrecht-button-subtle-hover-border-color: var(
    --utrecht-calendar-button-hover-border-color,
    transparent
  );
  --utrecht-button-subtle-hover-color: var(
    --utrecht-calendar-button-hover-color
  );
  --utrecht-button-subtle-disabled-background-color: var(
    --utrecht-calendar-button-disabled-background-color
  );
  --utrecht-button-subtle-disabled-border-color: var(
    --utrecht-calendar-button-disabled-border-color
  );
  --utrecht-button-subtle-disabled-color: var(
    --utrecht-calendar-button-disabled-color
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-calendar-button-padding-block-end,
    0
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-calendar-button-padding-block-start,
    0
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-calendar-button-padding-inline-end,
    0
  );
  --utrecht-button-padding-inline-start: var(
    --utrecht-calendar-button-padding-inline-start,
    0
  );
  cursor: pointer;
}
.utrecht-calendar__icon {
  block-size: var(--utrecht-calendar-icon-size);
  inline-size: var(--utrecht-calendar-icon-size);
}
.utrecht-code {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
}
.utrecht-code-block {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
  --utrecht-code-color: var(--utrecht-code-block-color, inherit);
  --utrecht-code-background-color: var(
    --utrecht-code-block-background-color,
    inherit
  );
  --utrecht-code-font-weight: var(--utrecht-code-block-font-weight, inherit);
  --utrecht-code-font-size: var(--utrecht-code-block-font-size, inherit);
  --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
  background-color: var(--utrecht-code-block-background-color);
  display: block;
  font-size: var(--utrecht-code-block-font-size, var(--utrecht-code-font-size));
  line-height: var(
    --utrecht-code-block-line-height,
    var(--utrecht-code-line-height)
  );
  margin-block-end: var(--utrecht-code-block-margin-block-end);
  margin-block-start: var(--utrecht-code-block-margin-block-start);
  margin-inline-end: var(--utrecht-code-block-margin-inline-end);
  margin-inline-start: var(--utrecht-code-block-margin-inline-start);
  padding-block-end: var(--utrecht-code-block-padding-block-end);
  padding-block-start: var(--utrecht-code-block-padding-block-start);
  padding-inline-end: var(--utrecht-code-block-padding-inline-end);
  padding-inline-start: var(--utrecht-code-block-padding-inline-start);
  white-space: pre;
}
.utrecht-code-block__content {
  font-family: inherit;
  font-size: inherit;
}
.utrecht-color-sample {
  background-color: var(--utrecht-color-sample-background-color, currentColor);
  block-size: var(--utrecht-color-sample-block-size, 2em);
  border-color: var(
    --utrecht-color-sample-border-color,
    var(--utrecht-color-sample-default-border-color)
  );
  border-radius: var(--utrecht-color-sample-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-color-sample-border-width, 0);
  box-sizing: border-box;
  display: inline-block;
  inline-size: var(--utrecht-color-sample-inline-size, 2em);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
@media (forced-colors: active) {
  .utrecht-color-sample {
    forced-color-adjust: none;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-dark-border-color,
      #000
    );
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-light-border-color,
      #fff
    );
  }
}
.utrecht-button-link {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
  cursor: var(--utrecht-action-navigate-cursor, pointer);
  text-decoration: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button-link {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button-link--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--placeholder {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button-link--html-a:focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--html-a:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--html-a:hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--html-a:active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button-link--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button-link--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-checkbox {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  cursor: var(--utrecht-action-activate-cursor, revert);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-checkbox--disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--html-input:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-column-layout {
  column-gap: var(--utrecht-column-layout-gap, 2em);
  column-width: var(--utrecht-column-layout-column-width, 40ch);
  display: block;
}
.utrecht-column-layout--rule {
  column-rule-color: var(--utrecht-column-layout-column-rule-color);
  column-rule-style: solid;
  column-rule-width: var(--utrecht-column-layout-column-rule-width, 0);
}
.utrecht-checkbox--custom,
.utrecht-custom-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-checkbox-size, 1em);
  border-color: var(--utrecht-checkbox-border-color);
  border-radius: var(--utrecht-checkbox-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-checkbox-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-checkbox-size, 1em);
  margin-block-start: var(--utrecht-checkbox-margin-block-start);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  vertical-align: top;
}
.utrecht-checkbox--custom.utrecht-checkbox--checked,
.utrecht-custom-checkbox--checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled,
.utrecht-custom-checkbox--disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,
.utrecht-custom-checkbox--disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,
.utrecht-custom-checkbox--disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,
.utrecht-custom-checkbox--indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--invalid,
.utrecht-custom-checkbox--invalid {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--active,
.utrecht-custom-checkbox--active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--hover,
.utrecht-custom-checkbox--hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus,
.utrecht-custom-checkbox--focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,
.utrecht-custom-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,
.utrecht-custom-checkbox--html-input:disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,
.utrecht-custom-checkbox--html-input:disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,
.utrecht-custom-checkbox--html-input:disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,
.utrecht-custom-checkbox--html-input:hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,
.utrecht-custom-checkbox--html-input:focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,
.utrecht-custom-checkbox--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,
.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid='true'],
.utrecht-custom-checkbox--html-input:invalid,
.utrecht-custom-checkbox--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,
.utrecht-custom-checkbox--html-input:active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,
.utrecht-custom-checkbox--html-input:checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,
.utrecht-custom-checkbox--html-input:indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-data-list {
  display: block;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-start, 0)
  );
}
.utrecht-data-list__item-key {
  color: var(--utrecht-data-list-item-key-color);
  font-size: var(--utrecht-data-list-item-key-font-size);
  font-weight: var(--utrecht-data-list-item-key-font-weight);
  line-height: var(--utrecht-data-list-item-key-line-height);
}
.utrecht-data-list__item-value {
  color: var(--utrecht-data-list-item-value-color);
  font-size: var(--utrecht-data-list-item-value-font-size);
  font-weight: var(--utrecht-data-list-item-value-font-weight);
  line-height: var(--utrecht-data-list-item-value-line-height);
  min-block-size: calc(var(--utrecht-data-list-item-value-line-height) * 1rem);
}
.utrecht-data-list__actions--html-dd,
.utrecht-data-list__item-value--html-dd {
  margin-inline-start: 0;
}
.utrecht-data-list__item-value--multiline {
  white-space: pre-line;
}
.utrecht-data-list--rows .utrecht-data-list__actions {
  align-items: baseline;
  display: flex;
  grid-column: -1;
  grid-row: 1;
  justify-content: flex-end;
}
.utrecht-data-list--rows .utrecht-data-list__item {
  --_utrecht-minmax: max(
    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),
    var(--utrecht-data-list-rows-column-inline-size, 80%)
  );
  --_utrecht-auto-col: minmax(var(--_utrecht-minmax), max-content);
  border-block-end-color: var(
    --utrecht-data-list-rows-border-bottom-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-data-list-rows-border-bottom-width, 0);
  column-gap: var(--utrecht-data-list-rows-gap);
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: repeat(auto-fit, var(--_utrecht-auto-col));
  margin-block-start: var(--utrecht-data-list-rows-item-margin-block-start);
  padding-block-end: var(--utrecht-data-list-rows-item-padding-block-end);
  padding-block-start: var(--utrecht-data-list-rows-item-padding-block-start);
  row-gap: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item:first-of-type {
  margin-block-start: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item-value {
  margin-block-start: var(
    --utrecht-data-list-rows-item-value-margin-block-start
  );
}
.utrecht-digid-button {
  --utrecht-button-min-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-digid-button-block-size, 50px);
  block-size: var(--utrecht-digid-button-block-size, 50px);
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-document {
  color: var(--utrecht-document-color, inherit);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-document-font-size, inherit);
  font-weight: var(--utrecht-document-font-weight, inherit);
  line-height: var(--utrecht-document-line-height, inherit);
  text-rendering: optimizeLegibility;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
.utrecht-document :lang(ar) {
  letter-spacing: 0 !important;
}
.utrecht-document--surface {
  background-color: var(--utrecht-document-background-color, inherit);
}
.utrecht-drawer {
  --_utrecht-drawer-backdrop-min-size: max(
    var(--utrecht-drawer-backdrop-min-size),
    44px
  );
  background-color: var(--utrecht-drawer-background-color, Canvas);
  border-color: var(--utrecht-drawer-border-color, currentColor);
  border-width: var(--utrecht-drawer-border-width, 0);
  box-sizing: border-box;
  color: var(--utrecht-drawer-color, CanvasText);
  overflow: auto;
  padding-block-end: var(--utrecht-drawer-padding-block-end);
  padding-block-start: var(--utrecht-drawer-padding-block-start);
  padding-inline-end: var(--utrecht-drawer-padding-inline-end);
  padding-inline-start: var(--utrecht-drawer-padding-inline-start);
  position: fixed;
  z-index: var(--utrecht-drawer-z-index, 1);
}
.utrecht-drawer::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;
}
@keyframes utrecht-backdrop-fade-in {
  0% {
    opacity: 0%;
  }
  to {
    opacity: var(--_utrecht-backdrop-opacity);
  }
}
@media (prefers-reduced-motion: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-fade-in-animation-duration: 0;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-opacity: var(
      --utrecht-backdrop-reduced-transparency-opacity,
      100%
    );
  }
}
.utrecht-drawer--inline-start {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-inline-start-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: auto;
  inset-inline-start: 0;
}
.utrecht-drawer--inline-end {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  border-inline-end-width: 0;
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: 0;
  inset-inline-start: auto;
}
.utrecht-drawer--block-start {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-start-width: 0;
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: auto;
  inset-block-start: 0;
}
.utrecht-drawer--block-end {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-end-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: 0;
  inset-block-start: auto;
}
.utrecht-emphasis--stressed {
  font-style: var(--utrecht-emphasis-stressed-font-style, italic);
}
.utrecht-emphasis--strong {
  font-weight: var(--utrecht-emphasis-strong-font-weight, bold);
}
.utrecht-figure {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-start, 0)
  );
}
.utrecht-figure__caption {
  color: var(--utrecht-figure-caption-color);
  font-size: var(--utrecht-figure-caption-font-size);
  line-height: var(--utrecht-figure-caption-line-height);
}
.utrecht-form {
  display: block;
  max-inline-size: var(--utrecht-form-max-inline-size);
}
.utrecht-form-field-description {
  --utrecht-document-color: currentColor;
  color: var(--utrecht-form-field-description-color);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-description-font-size, inherit);
  font-style: var(--utrecht-form-field-description-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
}
.utrecht-form-field-description > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--invalid {
  color: var(
    --utrecht-form-field-description-invalid-color,
    var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color))
  );
}
.utrecht-form-field-description--valid {
  color: var(
    --utrecht-form-field-description-valid-color,
    var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color))
  );
}
.utrecht-form-field-description--warning {
  color: var(
    --utrecht-form-field-description-warning-color,
    var(--utrecht-feedback-warning-color)
  );
}
.utrecht-form-field-error-message {
  --utrecht-document-color: currentColor;
  background-color: var(--utrecht-form-field-error-message-background-color);
  color: var(--utrecht-form-field-error-message-color);
  display: block;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-error-message-font-size, inherit);
  font-style: var(--utrecht-form-field-error-message-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-block-end: var(--utrecht-form-field-error-message-padding-block-end);
  padding-block-start: var(
    --utrecht-form-field-error-message-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-form-field-error-message-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-form-field-error-message-padding-inline-start
  );
}
.utrecht-form-field-error-message > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field {
  break-inside: avoid;
  font-family: var(--utrecht-document-font-family, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-start, 0)
  );
  max-inline-size: var(--utrecht-form-field-max-inline-size);
  page-break-inside: avoid;
}
.utrecht-form-field--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field--invalid {
  border-inline-start-color: var(
    --utrecht-form-field-invalid-border-inline-start-color
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-field-invalid-border-inline-start-width,
    0
  );
  padding-inline-start: var(--utrecht-form-field-invalid-padding-inline-start);
}
.utrecht-form-field--checkbox {
  display: grid;
  gap: 0 var(--utrecht-checkbox-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-checkbox-size) 100fr;
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-checkbox-size) +
          var(--utrecht-checkbox-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-checkbox-margin-inline-end, 12px);
}
.utrecht-form-field--radio {
  display: grid;
  gap: 0 var(--utrecht-radio-button-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-radio-button-size) 100fr;
}
.utrecht-form-field--radio
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-radio-button-size) +
          var(--utrecht-radio-button-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--radio
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end, 12px);
}
.utrecht-form-field__input {
  margin-block-end: 0;
  margin-block-start: 0;
  grid-area: input;
  order: 5;
}
.utrecht-form-field__label {
  grid-area: label;
  margin-block-end: var(--utrecht-form-field-label-margin-block-end);
  margin-block-start: 0;
  order: 1;
}
.utrecht-form-field .utrecht-form-field-description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field .utrecht-form-field-description--invalid {
  grid-area: description-invalid;
  order: 3;
}
.utrecht-form-field__description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field__description--before {
  grid-area: description-before;
  order: 4;
}
.utrecht-form-fieldset {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--html-fieldset,
.utrecht-form-fieldset__fieldset--html-fieldset {
  all: revert;
  border: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  min-inline-size: 0;
  padding-block-end: 0;
  padding-block-start: 0.01em;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset__legend--html-legend {
  display: table;
  inline-size: 100%;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-fieldset--section {
  background-color: var(--utrecht-form-fieldset-section-background-color);
  color: var(--utrecht-form-fieldset-section-color);
}
.utrecht-form-fieldset__legend {
  break-inside: avoid;
  color: var(
    --utrecht-form-fieldset-legend-color,
    var(--utrecht-document-color, inherit)
  );
  font-family: var(
    --utrecht-form-fieldset-legend-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-form-fieldset-legend-font-size);
  font-weight: var(--utrecht-form-fieldset-legend-font-weight);
  line-height: var(--utrecht-form-fieldset-legend-line-height);
  page-break-after: avoid;
  page-break-inside: avoid;
}
.utrecht-form-fieldset__legend--disabled {
  color: var(
    --utrecht-form-fieldset-legend-disabled-color,
    var(
      --utrecht-form-fieldset-legend-color,
      var(--utrecht-document-color, inherit)
    )
  );
}
.utrecht-form-fieldset__legend--distanced {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--invalid {
  border-inline-start-color: var(
    --utrecht-form-fieldset-invalid-border-inline-start-color,
    var(--utrecht-form-field-invalid-border-inline-start-color)
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-fieldset-invalid-border-inline-start-width,
    var(--utrecht-form-field-invalid-border-inline-start-width)
  );
  padding-inline-start: var(
    --utrecht-form-fieldset-invalid-padding-inline-start,
    var(--utrecht-form-field-invalid-padding-inline-start)
  );
}
.utrecht-form-label {
  color: var(--utrecht-form-label-color);
  font-size: var(--utrecht-form-label-font-size);
  font-weight: var(--utrecht-form-label-font-weight);
}
.utrecht-form-label--checkbox {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-checkbox-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--checked {
  font-weight: var(
    --utrecht-form-label-checked-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--disabled {
  color: var(
    --utrecht-form-label-disabled-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-form-label--radio {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-radio-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-toggle {
  align-items: center;
  block-size: var(--utrecht-form-toggle-height, 2em);
  border-color: var(--utrecht-form-toggle-border-color, currentColor);
  border-radius: var(--utrecht-form-toggle-border-radius, 999rem);
  border-style: var(--utrecht-form-toggle-border-style, solid);
  border-width: var(--utrecht-form-toggle-border-width, 1px);
  color: var(--utrecht-form-toggle-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: flex;
  inline-size: var(--utrecht-form-toggle-width, 6em);
  padding-block-end: var(--utrecht-form-toggle-padding-block-end);
  padding-block-start: var(--utrecht-form-toggle-padding-block-start);
  padding-inline-end: var(--utrecht-form-toggle-padding-inline-end);
  padding-inline-start: var(--utrecht-form-toggle-padding-inline-start);
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-form-toggle {
    --utrecht-form-toggle-background-color: ButtonFace;
    --utrecht-form-toggle-border-color: buttonborder;
    --utrecht-form-toggle-border-width: 1px;
    --utrecht-form-toggle-border-radius: var(
      --utrecht-form-toggle-track-border-radius
    );
    --utrecht-form-toggle-thumb-background-color: ButtonText;
    --utrecht-form-toggle-thumb-disabled-background-color: GrayText;
    border-color: var(
      --utrecht-form-toggle-track-disabled-border-color,
      var(--utrecht-form-toggle-track-border-color)
    );
    border-width: min(var(--utrecht-form-toggle-border-width, 1px), 1px);
  }
}
.utrecht-form-toggle--focus-visible,
.utrecht-form-toggle--html-div:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--hover {
  background-color: var(
    --utrecht-form-toggle-hover-background-color,
    var(--utrecht-form-toggle-background-color)
  );
  color: var(
    --utrecht-form-toggle-hover-color,
    var(--utrecht-form-toggle-color)
  );
}
.utrecht-form-toggle--disabled,
.utrecht-form-toggle--html-div:disabled {
  border-color: var(
    --utrecht-form-toggle-disabled-border-color,
    var(--utrecht-form-toggle-border-color, currentColor)
  );
  border-style: var(
    --utrecht-form-toggle-disabled-border-style,
    var(--utrecht-form-toggle-border-style, solid)
  );
  border-width: var(
    --utrecht-form-toggle-disabled-border-width,
    var(--utrecht-form-toggle-border-width, 1px)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-background-color,
    currentColor
  );
  border-radius: var(--utrecht-form-toggle-thumb-border-radius, 50%);
  box-shadow: var(--utrecht-form-toggle-thumb-box-shadow);
  margin-inline-end: var(--utrecht-form-toggle-thumb-margin-inline-end, 0);
  margin-inline-start: var(--utrecht-form-toggle-thumb-margin-inline-start, 0);
  min-block-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  min-inline-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  z-index: 20;
}
.utrecht-form-toggle__thumb--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-start: auto;
}
.utrecht-form-toggle__thumb--not-checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:not(:checked)
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-end: auto;
}
.utrecht-form-toggle__thumb--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-disabled-background-color,
    #aaa
  );
  box-shadow: var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0);
}
.utrecht-form-toggle__track {
  align-items: center;
  background-color: var(--utrecht-form-toggle-accent-color);
  block-size: 100%;
  border-radius: var(
    --utrecht-form-toggle-track-border-radius,
    var(--utrecht-form-toggle-border-radius)
  );
  display: flex;
  inline-size: 100%;
}
.utrecht-form-toggle__track--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-checked-accent-color,
    var(--utrecht-form-toggle-accent-color)
  );
}
.utrecht-form-toggle__track--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-background-disabled-background-color,
    #ddd
  );
  color: var(--utrecht-form-toggle-disabled-color, black);
}
.utrecht-form-toggle__track--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox {
  block-size: 1px !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  inline-size: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
}
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:focus-visible
  ~ .utrecht-form-toggle__track {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-heading-1 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-1-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-1-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-1-font-size, revert);
  font-weight: var(
    --utrecht-heading-1-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-1-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-1--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-2 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-2-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-2-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-2-font-size, revert);
  font-weight: var(
    --utrecht-heading-2-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-2-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-2--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-3 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-3-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-3-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-3-font-size, revert);
  font-weight: var(
    --utrecht-heading-3-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-3-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-3--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-4 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-4-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-4-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-4-font-size, revert);
  font-weight: var(
    --utrecht-heading-4-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-4-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-4--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-5 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-5-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-5-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-5-font-size, revert);
  font-weight: var(
    --utrecht-heading-5-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-5-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-5--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-heading-6 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-6-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-6-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-6-font-size, revert);
  font-weight: var(
    --utrecht-heading-6-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-6-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-6--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 */
.utrecht-heading-group {
  --utrecht-pre-heading-order: -1;
  display: flex;
  flex-direction: column;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-start, 0)
  );
}
.utrecht-heading-group > * {
  --utrecht-space-around: 0;
}
.utrecht-iban-data {
  font-variant-numeric: lining-nums slashed-zero tabular-nums;
  white-space: nowrap;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Gemeente Utrecht
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-icon {
  block-size: var(--utrecht-icon-size);
  color: var(--utrecht-icon-color);
  display: inline-block;
  font-size: var(--utrecht-icon-size);
  inline-size: var(--utrecht-icon-size);
  inset-block-start: var(--utrecht-icon-inset-block-start, 0);
  position: relative;
}
.utrecht-icon svg {
  height: 100%;
  pointer-events: none;
  width: 100%;
}
.utrecht-img {
  height: auto;
  width: auto;
}
.utrecht-img--scale-down,
.utrecht-img--photo {
  max-height: 100%;
  max-width: 100%;
}
.utrecht-link-list,
.utrecht-link-list--html-ul {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
}
.utrecht-link-list > li,
.utrecht-link-list--html-ul > li {
  list-style: none;
}
.utrecht-link-list {
  --utrecht-link-text-decoration: none;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: underline;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-start, 0)
  );
}
.utrecht-link-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-link-list__item {
  --utrecht-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-link-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-icon-inset-block-start: var(
    --utrecht-link-list-icon-inset-block-start
  );
  display: block;
  font-weight: var(--utrecht-link-list-item-font-weight);
}
.utrecht-link-list__item + .utrecht-link-list__item {
  margin-block-start: var(--utrecht-link-list-item-margin-block-start);
}
.utrecht-link-list__link {
  align-items: baseline;
  column-gap: var(--utrecht-link-list-item-column-gap);
  display: inline-flex;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-link-button {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family)
  );
  font-weight: var(--utrecht-button-font-weight);
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: inherit;
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-link-button--hover,
.utrecht-link-button--html-button:not(:disabled):hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--disabled {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link-button--focus,
.utrecht-link-button--html-button:not(:disabled):focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--focus-visible,
.utrecht-link-button--html-button:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link-button--active,
.utrecht-link-button--html-button:not(:disabled):active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--inline {
  --utrecht-icon-inset-block-start: var(
    --utrecht-icon-baseline-inset-block-start
  );
  min-block-size: auto;
  min-inline-size: auto;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-link-button--pressed {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--html-button {
  background-color: transparent;
  border-width: 0;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 * Copyright (c) 2022 Gemeente Utrecht
 */
.utrecht-link-social {
  --utrecht-icon-size: var(--utrecht-link-social-icon-size);
  --utrecht-icon-color: currentColor;
  align-items: center;
  background-color: var(--utrecht-link-social-background-color);
  block-size: var(--utrecht-link-social-size);
  border-color: var(--utrecht-link-social-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-link-social-border-width);
  color: var(--utrecht-link-social-color);
  display: inline-flex;
  inline-size: var(--utrecht-link-social-size);
  justify-content: center;
}
.utrecht-link-social:hover,
.utrecht-link-social--hover {
  background-color: var(
    --utrecht-link-social-hover-background-color,
    var(--utrecht-link-social-background-color)
  );
  color: var(
    --utrecht-link-social-hover-color,
    var(--utrecht-link-social-color)
  );
  transform: var(--utrecht-link-social-hover-transform-scale);
}
.utrecht-link-social:focus-visible,
.utrecht-link-social--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-link-social--distanced {
  margin-inline-start: var(--utrecht-link-social-margin-inline-start);
}
.utrecht-list-social {
  display: flex;
  margin-block-end: var(--utrecht-list-social-margin-block-end);
  margin-block-start: var(--utrecht-list-social-margin-block-start);
  padding-inline-end: var(--utrecht-list-social-padding-inline-end);
  padding-inline-start: var(--utrecht-list-social-padding-inline-start);
}
.utrecht-list-social__item {
  list-style-type: none;
  margin-inline-end: var(--utrecht-list-social-item-margin-inline-end);
}
.utrecht-list-social__item:last-child {
  margin-inline-end: 0;
}
.utrecht-link {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
}
.utrecht-link:any-link {
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
}
.utrecht-link--icon-left {
  background-image: var(--utrecht-link-icon-left-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-link-color, LinkText);
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration-line: none;
}
.utrecht-link--visited {
  --_utrecht-link-forced-colors-color: visitedtext;
  --_utrecht-link-state-color: var(--utrecht-link-visited-color);
}
.utrecht-link--html-a:any-link:hover,
.utrecht-link--hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus,
.utrecht-link--html-a:any-link:focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus:not(:focus-visible),
.utrecht-link--html-a:any-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-link--html-span:active,
.utrecht-link--html-a:any-link:active,
.utrecht-link--active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link--telephone {
  white-space: nowrap;
}
.utrecht-link--current {
  cursor: var(--utrecht-action-inert-cursor, normal);
  font-weight: var(--utrecht-link-current-font-weight);
}
.utrecht-link--box-content:any-link {
  color: unset;
  display: inline-block;
  text-decoration-line: unset;
  text-decoration-skip-ink: unset;
  text-decoration-thickness: unset;
  text-underline-offset: unset;
}
.utrecht-link--placeholder {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link--forced-colors {
  --utrecht-focus-outline-color: Highlight;
  --utrecht-focus-inverse-outline-color: HighlightText;
  --utrecht-link-color: linktext;
  --utrecht-link-hover-color: linktext;
  --utrecht-link-focus-color: linktext;
  --utrecht-link-active-color: activetext;
  --utrecht-link-visited-color: visitedtext;
  --utrecht-link-placeholder-color: GrayText;
}
.utrecht-logo-button {
  --utrecht-icon-size: var(--utrecht-logo-button-icon, 50px);
  --utrecht-button-min-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-logo-button-block-size, 50px);
  align-items: flex-start;
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-logo {
  display: block;
  max-block-size: var(--utrecht-logo-max-block-size, 192px);
  max-inline-size: var(--utrecht-logo-max-inline-size, 96px);
  min-block-size: var(--utrecht-logo-min-block-size);
  min-inline-size: var(--utrecht-logo-min-inline-size);
}
.utrecht-logo > * {
  block-size: 100%;
  display: inline-block;
  inline-size: auto;
}
.utrecht-mapcontrolbutton {
  --utrecht-icon-size: var(--utrecht-mapcontrolbutton-min-block-size);
  --utrecht-icon-color: var(--utrecht-mapcontrolbutton-color);
  align-items: center;
  background-color: var(--utrecht-mapcontrolbutton-background-color);
  border-color: var(--utrecht-mapcontrolbutton-border-color);
  border-radius: var(--utrecht-mapcontrolbutton-border-radius);
  border-style: var(--utrecht-mapcontrolbutton-border-style);
  border-width: var(--utrecht-mapcontrolbutton-border-width);
  color: var(--utrecht-mapcontrolbutton-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  min-block-size: var(--utrecht-mapcontrolbutton-min-block-size);
  min-inline-size: var(--utrecht-mapcontrolbutton-min-inline-size);
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-mapcontrolbutton:disabled,
.utrecht-mapcontrolbutton--disabled {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-disabled-color,
    var(--utrecht-mapcontrolbutton-color)
  );
  background-color: var(--utrecht-mapcontrolbutton-disabled-background-color);
  border-color: var(--utrecht-mapcontrolbutton-disabled-border-color);
  color: var(--utrecht-mapcontrolbutton-disabled-color);
}
.utrecht-mapcontrolbutton--focus-visible,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-mapcontrolbutton--focus,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-focus-color,
    var(--utrecht-mapcontrolbutton-color)
  );
}
.utrecht-mapcontrolbutton:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-mapcontrolbutton--hover:not(:disabled),
.utrecht-mapcontrolbutton:hover:not(
    :disabled,
    .utrecht-mapcontrolbutton--disabled
  ) {
  background-color: var(--utrecht-mapcontrolbutton-hover-background-color);
  color: var(--utrecht-mapcontrolbutton-color);
}
.utrecht-mapcontrolbutton__label {
  display: block;
  padding-inline-end: var(--utrecht-mapcontrolbutton-label-margin-inline-end);
  padding-inline-start: var(
    --utrecht-mapcontrolbutton-label-margin-inline-start
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-map-marker {
  --utrecht-icon-size: var(--utrecht-map-marker-icon-size);
  align-items: center;
  background-color: var(--utrecht-map-marker-background-color);
  block-size: var(--utrecht-map-marker-size);
  border-color: var(--utrecht-map-marker-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-map-marker-border-width);
  box-shadow: 13px 3px 3px -2px var(--utrecht-map-marker-box-shadow-color);
  color: var(--utrecht-map-marker-color);
  display: flex;
  inline-size: var(--utrecht-map-marker-size);
  justify-content: center;
}
.utrecht-mark {
  background-color: var(--utrecht-mark-background-color, revert);
  color: var(--utrecht-mark-color, revert);
}
@media print {
  .utrecht-mark {
    outline-color: currentColor;
    outline-style: dotted;
    outline-width: 0.1em;
  }
}
@media screen and (-ms-high-contrast: active) {
  .utrecht-mark {
    background-color: Highlight;
    color: HighlightText;
  }
}
.utrecht-mark--print {
  outline-color: currentColor;
  outline-style: dotted;
  outline-width: 0.1em;
}
.utrecht-mark--windows-high-contrast {
  background-color: Highlight;
  color: HighlightText;
}
.utrecht-menulijst {
  border-block-end: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  border-block-start: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  font-family: var(--utrecht-document-font-family);
  padding-block-end: var(--utrecht-space-block-sm);
  padding-block-start: var(--utrecht-space-block-sm);
  padding-inline-start: 0;
}
.utrecht-menulijst__item {
  list-style: none;
  margin-block-end: var(--utrecht-space-block-sm);
  margin-block-start: var(--utrecht-space-block-sm);
}
.utrecht-menulijst__item a {
  background-image: var(--utrecht-menulijst-item-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-menulijst-item-color, var(--utrecht-link-color, blue));
  display: block;
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration: none;
}
.utrecht-menulijst__item a:hover {
  color: var(
    --utrecht-menulijst-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-menulijst__link--focus-visible,
.utrecht-menulijst__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-menulijst__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-multiline-data {
  white-space: pre-line;
  white-space-collapse: preserve-breaks;
}
.utrecht-multiline-data--html-pre {
  font-family: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-sidenav {
  --utrecht-sidenav-connection-color: var(--utrecht-sidenav-item-marker-color);
  --utrecht-sidenav-connection-inline-size: 2px;
  --utrecht-sidenav-marker-current-color: var(
    --utrecht-sidenav-link-hover-color
  );
  --utrecht-sidenav-marker-offset: 26px;
  --utrecht-sidenav-connection-block-size: 100%;
  --utrecht-sidenav-marker-height: 8px;
  --utrecht-sidenav-marker-outline-width: 2px;
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  border-block-start: 1px solid var(--utrecht-color-grey-80);
  inline-size: 19rem;
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: 0;
  padding-block-start: 0;
}
.utrecht-sidenav__list {
  margin-block-end: 0;
  margin-block-start: 0.2rem;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
}
.utrecht-sidenav__list--child {
  margin-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 1.4rem;
}
.utrecht-sidenav__item {
  list-style: none;
  margin-inline-start: 0;
  position: relative;
}
.utrecht-sidenav__item--current {
  color: var(
    --utrecht-sidenav-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-sidenav__item--last {
  border-block-end: none;
}
.utrecht-sidenav__item-separator:not(
  .utrecht-sidenav__item--last .utrecht-sidenav__item-separator
) {
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  display: block;
  margin-inline-start: var(--utrecht-space-inline-lg);
}
.utrecht-sidenav__link {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  display: block;
  margin-inline-start: 0;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-block-start: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link:hover {
  color: var(
    --utrecht-sidenav-link-hover-color,
    var(--utrecht-link-hover-color, red)
  );
  text-decoration: underline;
}
.utrecht-sidenav__link--focus-visible,
.utrecht-sidenav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-sidenav__link--parent {
  padding-block-end: 0;
}
.utrecht-sidenav__connection,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:not(
    .utrecht-sidenav__link--sibling,
    .utrecht-sidenav__link--parent,
    .utrecht-sidenav__link--child
  ):after {
  background: var(--utrecht-sidenav-connection-color);
  block-size: calc(
    var(--utrecht-sidenav-connection-block-size) -
      var(--utrecht-sidenav-marker-height) - 2 *
      var(--utrecht-sidenav-marker-outline-width)
  );
  content: '';
  display: block;
  inline-size: var(--utrecht-sidenav-connection-inline-size);
  inset-block-end: 0;
  inset-block-start: calc(var(--utrecht-sidenav-marker-offset));
  inset-inline-start: 3px;
  overflow: hidden;
  position: absolute;
  z-index: 5;
}
.utrecht-sidenav__connection--last,
.utrecht-sidenav__connection--parent,
.utrecht-sidenav__connection--sibling {
  display: none;
}
.utrecht-sidenav__marker,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-item-marker-color);
  block-size: var(--utrecht-sidenav-marker-height);
  border-radius: 100%;
  content: '';
  inline-size: 8px;
  inset-block-start: 20px;
  inset-inline-start: var(--utrecht-sidenav-marker-offset);
  overflow: hidden;
  position: absolute;
  transform: translateY(-50%)
    translate(calc(-1 * var(--utrecht-sidenav-marker-offset)));
  z-index: 10;
}
.utrecht-sidenav__marker--child,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:before {
  background-color: transparent;
  block-size: 4px;
  border: 2px solid var(--utrecht-sidenav-link-color);
  inline-size: 4px;
  inset-block-start: 16px;
  inset-inline-start: 1.2rem;
  transform: translateY(-50%) translate(-19.5px);
}
.utrecht-sidenav__marker--current,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current:before,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child:before {
  background-color: var(--utrecht-sidenav-marker-current-color);
}
.utrecht-sidenav__link--child,
.utrecht-sidenav__link--current-child {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: var(--utrecht-space-block-2xs);
  padding-block-start: var(--utrecht-space-block-2xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link--current,
.utrecht-sidenav__link--current-child {
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
}
.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover .utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
  border: 2px solid var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:after {
  display: none;
}
.utrecht-sidenav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-navhtml {
  font-family: var(--utrecht-document-font-family);
}
.utrecht-topnav__list {
  background-color: var(--utrecht-topnav-list-background-color);
  display: flex;
  justify-content: space-between;
  list-style: none;
  list-style-image: none;
  margin-block-end: 0;
  margin-block-start: 0;
  overflow: visible;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-topnav__item {
  border-inline-end: 1px solid var(--utrecht-topnav-list-border-color);
  flex: 1 0 auto;
  margin-inline-start: 0;
  text-align: center;
}
.utrecht-topnav__item li:first-child {
  border-inline-start: 1px solid var(--utrecht-topnav-list-border-color);
  padding-inline-start: 0;
}
.utrecht-topnav__link {
  color: var(--utrecht-topnav-link-color);
  display: block;
  padding-block-end: 1rem;
  padding-block-start: 1rem;
  text-decoration: none;
}
.utrecht-topnav__link--hover,
.utrecht-topnav__link:hover {
  background-color: var(--utrecht-topnav-link-hover-background-color);
  color: var(--utrecht-topnav-link-color);
  text-decoration: underline;
}
.utrecht-topnav__link--current {
  background-color: var(--utrecht-topnav-list-background-active);
  text-decoration: underline;
}
.utrecht-topnav__link--focus,
.utrecht-topnav__link:focus {
  background-color: var(
    --utrecht-topnav-link-focus-background-color,
    var(--utrecht-topnav-link-background-color)
  );
  color: var(
    --utrecht-topnav-link-focus-color,
    var(--utrecht-topnav-link-color)
  );
}
.utrecht-topnav__link--focus-visible,
.utrecht-topnav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-topnav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-number-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-number-data--positive {
  color: var(--utrecht-number-data-positive-color);
}
.utrecht-number-data--negative {
  color: var(--utrecht-number-data-negative-color);
}
.utrecht-ordered-list,
.utrecht-ordered-list--html-content ol {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-font-size,
      var(--utrecht-document-font-size, inherit)
    )
  );
  line-height: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-line-height,
      var(--utrecht-document-line-height, inherit)
    )
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-end,
        var(--utrecht-unordered-list-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-start,
        var(--utrecht-unordered-list-margin-block-start, 0)
      )
  );
  padding-inline-start: var(
    --utrecht-ordered-list-padding-inline-start,
    var(--utrecht-unordered-list-padding-inline-start, 2ch)
  );
  text-align: start;
}
.utrecht-ordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-ordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-ordered-list--arabic {
  list-style: arabic-indic;
}
.utrecht-ordered-list--html-content > li,
.utrecht-ordered-list--html-content ol > li,
.utrecht-ordered-list__item {
  margin-block-end: var(
    --utrecht-ordered-list-item-margin-block-end,
    var(--utrecht-unordered-list-item-margin-block-end)
  );
  margin-block-start: var(
    --utrecht-ordered-list-item-margin-block-start,
    var(--utrecht-unordered-list-item-margin-block-start)
  );
  padding-inline-start: var(
    --utrecht-ordered-list-item-padding-inline-start,
    var(--utrecht-unordered-list-item-padding-inline-start, 1ch)
  );
}
.utrecht-page-content {
  padding-block-end: var(--utrecht-page-content-padding-block-end);
  padding-block-start: var(--utrecht-page-content-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-content__main {
  grid-area: main;
}
.utrecht-page-content__aside {
  grid-area: aside;
}
.utrecht-page-footer {
  --utrecht-document-color: currentColor;
  --utrecht-heading-color: currentColor;
  --utrecht-link-color: currentColor;
  --utrecht-link-focus-color: currentColor;
  --utrecht-link-hover-color: currentColor;
  --utrecht-link-active-color: currentColor;
  --utrecht-link-visited-color: currentColor;
  background-color: var(--utrecht-page-footer-background-color);
  background-image: var(--utrecht-page-footer-background-image);
  color: var(--utrecht-page-footer-color);
  font-family: var(--utrecht-document-font-family);
  font-size: var(--utrecht-document-font-size);
  padding-block-end: var(--utrecht-page-footer-padding-block-end);
  padding-block-start: var(--utrecht-page-footer-padding-block-start);
  padding-inline-end: var(--utrecht-page-footer-padding-inline-end);
  padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
}
.utrecht-page-footer__address--reset-address {
  font-style: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-page-header {
  background-color: var(--utrecht-page-header-background-color);
  color: var(--utrecht-page-header-color);
  grid-area: 'utrecht-header';
  padding-block-end: var(--utrecht-page-header-padding-block-end);
  padding-block-start: var(--utrecht-page-header-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-header__content {
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-page {
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: calc(
    var(--utrecht-page-max-inline-size) -
      var(--utrecht-page-margin-inline-start, 0px) -
      var(--utrecht-page-margin-inline-end, 0px)
  );
  padding-inline-end: var(--utrecht-page-margin-inline-end);
  padding-inline-start: var(--utrecht-page-margin-inline-start);
}
.utrecht-page__content {
  background-color: var(--utrecht-page-background-color);
  color: var(--utrecht-page-color);
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-pagination {
  font-family: var(
    --utrecht-pagination-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-pagination-font-size,
    var(--utrecht-document-font-family)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-start, 0)
  );
}
.utrecht-pagination--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pagination__relative-link {
  background-color: var(--utrecht-pagination-relative-link-background-color);
  border-color: var(--utrecht-pagination-relative-link-border-color);
  border-radius: var(--utrecht-pagination-relative-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-relative-link-border-width, 0);
  color: var(--utrecht-pagination-relative-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-relative-link-font-weight);
  padding-block-end: var(--utrecht-pagination-relative-link-padding-block-end);
  padding-block-start: var(
    --utrecht-pagination-relative-link-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-pagination-relative-link-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-pagination-relative-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-relative-link-text-decoration);
  text-transform: var(--utrecht-pagination-relative-link-text-transform);
}
.utrecht-pagination__relative-link--next {
  margin-inline-start: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__relative-link--prev {
  margin-inline-end: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-end
  );
}
.utrecht-pagination__relative-link--disabled {
  background-color: var(
    --utrecht-pagination-relative-link-disabled-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  color: var(
    --utrecht-pagination-relative-link-disabled-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__relative-link--hover,
.utrecht-pagination__relative-link:hover {
  background-color: var(
    --utrecht-pagination-relative-link-hover-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-relative-link-hover-border-color,
    var(--utrecht-pagination-relative-link-border-color)
  );
  color: var(
    --utrecht-pagination-relative-link-hover-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__page-link {
  background-color: var(--utrecht-pagination-page-link-background-color);
  border-color: var(--utrecht-pagination-page-link-border-color, 0);
  border-radius: var(--utrecht-pagination-page-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-page-link-border-width);
  color: var(--utrecht-pagination-page-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-page-link-font-weight);
  padding-block-end: var(--utrecht-pagination-page-link-padding-block-end);
  padding-block-start: var(--utrecht-pagination-page-link-padding-block-start);
  padding-inline-end: var(--utrecht-pagination-page-link-padding-inline-end);
  padding-inline-start: var(
    --utrecht-pagination-page-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-page-link-text-decoration);
}
.utrecht-pagination__page-link--current {
  --utrecht-pagination-page-link-background-color: var(
    --utrecht-pagination-page-link-current-background-color
  );
  --utrecht-pagination-page-link-border-color: var(
    --utrecht-pagination-page-link-current-border-color
  );
  --utrecht-pagination-page-link-color: var(
    --utrecht-pagination-page-link-current-color
  );
}
.utrecht-pagination__page-link ~ .utrecht-pagination__page-link {
  margin-inline-start: var(
    --utrecht-pagination-page-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__page-link--hover,
.utrecht-pagination__page-link:hover {
  background-color: var(
    --utrecht-pagination-page-link-hover-background-color,
    var(--utrecht-pagination-page-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-page-link-hover-border-color,
    var(--utrecht-pagination-page-link-border-color)
  );
  color: var(
    --utrecht-pagination-page-link-hover-color,
    var(--utrecht-pagination-page-link-color)
  );
}
.utrecht-pagination__page-link:focus,
.utrecht-pagination__relative-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-pagination__page-link:focus:not(:focus-visible),
.utrecht-pagination__relative-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-data-placeholder {
  background-color: var(
    --utrecht-data-placeholder-background-color,
    currentColor
  );
  block-size: 1em;
  display: inline-block;
  inline-size: min(100%, var(--utrecht-data-placeholder-max-inline-size));
  max-inline-size: var(--utrecht-data-placeholder-max-inline-size);
  min-inline-size: var(--utrecht-data-placeholder-min-inline-size, 10ch);
  vertical-align: -0.1em;
}
@media print {
  .utrecht-data-placeholder {
    outline-color: currentColor;
    outline-style: dashed;
    outline-width: 0.1em;
  }
}
@media screen and (prefers-contrast: more) {
  .utrecht-data-placeholder {
    background-color: var(
      --utrecht-data-placeholder-high-contrast-background-color,
      var(--utrecht-data-placeholder-background-color, currentColor)
    );
  }
}
@media screen and (forced-colors: active) {
  .utrecht-data-placeholder {
    background-color: GrayText;
  }
}
.utrecht-data-placeholder--loading {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-data-placeholder--print {
  outline-color: currentColor;
  outline-style: dashed;
  outline-width: 0.1em;
}
.utrecht-data-placeholder--forced-colors {
  background-color: GrayText;
}
.utrecht-data-placeholder--high-contrast {
  cursor: var(--utrecht-action-busy-cursor, busy);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-paragraph {
  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
  font-family: var(
    --utrecht-paragraph-font-family,
    var(--utrecht-document-font-family, inherit)
  );
  font-size: var(
    --utrecht-paragraph-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  font-weight: var(--utrecht-paragraph-font-weight, inherit);
  line-height: var(
    --utrecht-paragraph-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-start, 0)
  );
}
.utrecht-paragraph--lead {
  color: var(
    --utrecht-paragraph-lead-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-lead-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-lead-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-lead-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph--small {
  color: var(
    --utrecht-paragraph-small-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-small-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-small-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-small-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph__small {
  font-size: inherit;
}
.utrecht-paragraph__b {
  font-weight: inherit;
}
.utrecht-paragraph--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pre-heading {
  color: var(
    --utrecht-pre-heading-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-pre-heading-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-pre-heading-font-size);
  font-weight: var(
    --utrecht-pre-heading-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-pre-heading-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-start, 0)
  );
  order: var(--utrecht-pre-heading-order, 0);
}
.utrecht-pre-heading--distanced {
  --utrecht-space-around: 1;
}
.utrecht-radio-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  --_utrecht-radio-button-background-color: var(
    --_utrecht-radio-button-interactive-background-color,
    var(
      --_utrecht-radio-button-state-background-color,
      var(--utrecht-radio-button-background-color)
    )
  );
  --_utrecht-radio-button-border-color: var(
    --_utrecht-radio-button-interactive-border-color,
    var(
      --_utrecht-radio-button-state-border-color,
      var(--utrecht-radio-button-border-color, currentColor)
    )
  );
  --_utrecht-radio-button-border-width: var(
    --_utrecht-radio-button-interactive-border-width,
    var(
      --_utrecht-radio-button-state-border-width,
      var(--utrecht-radio-button-border-width)
    )
  );
  --_utrecht-radio-button-color: var(
    --_utrecht-radio-button-interactive-color,
    var(
      --_utrecht-radio-button-state-color,
      var(--utrecht-radio-button-color, currentColor)
    )
  );
  --_utrecht-radio-button-icon-size: 0;
  background-color: var(--_utrecht-radio-button-background-color);
  background-image: radial-gradient(
    circle,
    var(--_utrecht-radio-button-color, transparent)
      calc(var(--_utrecht-radio-button-icon-size, 50%) - 5%),
    var(--_utrecht-radio-button-background-color, currentColor)
      var(--_utrecht-radio-button-icon-size, 50%)
  );
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-radio-button-size, 1em);
  border-color: var(--_utrecht-radio-button-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--_utrecht-radio-button-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-radio-button-size, 1em);
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
}
.utrecht-radio-button--checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--hover {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--focus {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--active {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
}
.utrecht-radio-button--disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--invalid {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--html-input:disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--html-input:invalid,
.utrecht-radio-button--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:focus:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--html-input:hover:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--html-input:active:not(
    [aria-disabled='true'],
    :disabled
  ) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-search-bar {
  --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
  --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-transform);
  --utrecht-button-font-size: var(--utrecht-search-bar-button-font-size);
  --utrecht-button-font-weight: var(--utrecht-search-bar-button-font-weight);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-search-bar-button-background-color
  );
  --utrecht-button-primary-action-color: var(--utrecht-search-bar-button-color);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-search-bar-button-hover-background-color
  );
  --utrecht-textbox-border-color: var(--utrecht-search-bar-input-border-color);
  --utrecht-textbox-padding-inline-start: var(
    --utrecht-search-bar-input-padding-inline-start
  );
  --utrecht-textbox-border-bottom-width: var(
    --utrecht-search-bar-input-border-bottom-width
  );
  --utrecht-textbox-max-inline-size: var(
    --utrecht-search-bar-input-max-inline-size
  );
  display: flex;
}
.utrecht-search-bar__input {
  background-image: var(--utrecht-search-bar-input-background-image, none);
  background-position-x: var(--utrecht-search-bar-input-background-position-x);
  background-position-y: var(--utrecht-search-bar-input-background-position-y);
  background-repeat: no-repeat;
  background-size: var(--utrecht-search-bar-input-background-size);
}
.utrecht-search-bar__dropdown {
  border-color: var(--utrecht-search-bar-dropdown-border-color);
  border-style: solid;
  border-width: var(--utrecht-search-bar-dropdown-border-width);
  inline-size: var(
    --utrecht-search-bar-dropdown-inline-size,
    var(--utrecht-form-input-max-inline-size)
  );
  max-block-size: var(--utrecht-search-bar-dropdown-max-block-size);
  overflow: auto;
  padding-block-end: var(--utrecht-search-bar-dropdown-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-dropdown-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-dropdown-padding-inline-end);
  padding-inline-start: var(--utrecht-search-bar-dropdown-padding-inline-start);
  position: absolute;
  z-index: var(--utrecht-search-bar-dropdown-z-index);
}
.utrecht-search-bar__section-title {
  color: var(--utrecht-search-bar-section-title-color);
  font-size: var(--utrecht-search-bar-section-title-font-size);
  font-weight: var(--utrecht-search-bar-section-title-font-weight);
  line-height: var(--utrecht-search-bar-section-title-line-height);
  margin-inline-start: var(
    --utrecht-search-bar-section-title-margin-inline-start
  );
}
.utrecht-search-bar__list-item {
  padding-block-end: var(--utrecht-search-bar-list-item-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-list-item-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-list-item-padding-inline-end);
  padding-inline-start: var(
    --utrecht-search-bar-list-item-padding-inline-start
  );
}
.utrecht-search-bar__list-item--is-active {
  background-color: var(
    --utrecht-search-bar-list-item-is-active-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-active-color);
  font-weight: var(--utrecht-search-bar-list-item-is-active-font-weight);
}
.utrecht-search-bar__list-item--is-selected {
  background-color: var(
    --utrecht-search-bar-list-item-is-selected-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-selected-color);
}
.utrecht-select {
  background-color: var(
    --utrecht-select-background-color,
    var(--utrecht-form-control-background-color)
  );
  border-block-end-width: var(
    --utrecht-select-border-block-end-width,
    var(--utrecht-select-border-width, var(--utrecht-form-control-border-width))
  );
  border-block-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-color: var(
    --utrecht-select-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-inline-end-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-inline-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-radius: var(
    --utrecht-select-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  color: var(--utrecht-select-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-select-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-select-font-size,
    var(--utrecht-form-control-font-size)
  );
  inline-size: 100%;
  max-inline-size: var(
    --utrecht-select-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  padding-block-end: var(
    --utrecht-select-padding-block-end,
    var(--utrecht-form-control-padding-block-end)
  );
  padding-block-start: var(
    --utrecht-select-padding-block-start,
    var(--utrecht-form-control-padding-block-start)
  );
  padding-inline-end: var(
    --utrecht-select-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end)
  );
  padding-inline-start: var(
    --utrecht-select-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start)
  );
}
.utrecht-select--disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-select--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-select--invalid {
  --_utrecht-select-border-width: var(
    --utrecht-select-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-select-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-select-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-select-border-width);
  border-block-end-width: var(
    --utrecht-select-invalid-border-block-end-width,
    var(
      --utrecht-form-control-invalid-border-block-end-width,
      var(
        --utrecht-select-border-block-end-width,
        var(
          --utrecht-form-control-border-block-end-width,
          var(--_utrecht-select-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-select-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
}
.utrecht-select--html-select:focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--html-select:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-select--html-select:disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--html-select:not([multiple]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: var(--utrecht-select-background-image);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 1.4em;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-separator {
  border-color: var(--utrecht-separator-color);
  border-style: solid;
  border-width: 0 0 var(--utrecht-separator-block-size) 0;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-start, 0)
  );
}
.utrecht-separator--distanced {
  --utrecht-space-around: 1;
}
.utrecht-skip-link {
  align-items: center;
  background-color: var(--utrecht-skip-link-background-color, ButtonFace);
  box-sizing: border-box;
  color: var(--utrecht-skip-link-color, ButtonText);
  display: inline-flex;
  justify-content: center;
  min-block-size: var(--utrecht-skip-link-min-block-size, 44px);
  min-inline-size: var(--utrecht-skip-link-min-inline-size, 44px);
  padding-block-end: var(--utrecht-skip-link-padding-block-end);
  padding-block-start: var(--utrecht-skip-link-padding-block-start);
  padding-inline-end: var(--utrecht-skip-link-padding-inline-end);
  padding-inline-start: var(--utrecht-skip-link-padding-inline-start);
  text-decoration: var(--utrecht-skip-link-text-decoration);
}
.utrecht-skip-link--hidden,
.utrecht-skip-link--visible-on-focus {
  inset-block-start: -200%;
  position: fixed;
}
.utrecht-skip-link--visible-on-focus:focus {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--visible {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--focus,
.utrecht-skip-link:focus,
.utrecht-skip-link:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  text-decoration: var(--utrecht-skip-link-focus-text-decoration);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2020-2022 Gemeente Utrecht
 * Copyright (c) 2020-2022 Frameless B.V.
 */
.utrecht-spotlight-section {
  background-color: var(
    --_utrecht-spotlight-section-background-color,
    var(--utrecht-spotlight-section-background-color)
  );
  border-color: var(
    --_utrecht-spotlight-section-border-color,
    var(--utrecht-spotlight-section-border-color)
  );
  border-style: solid;
  border-width: var(
    --_utrecht-spotlight-section-border-width,
    var(--utrecht-spotlight-section-border-width, 0)
  );
  color: var(
    --_utrecht-spotlight-section-color,
    var(--utrecht-spotlight-section-color)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-start, 0)
  );
  padding-block-end: var(--utrecht-spotlight-section-padding-block-end);
  padding-block-start: var(--utrecht-spotlight-section-padding-block-start);
  padding-inline-end: var(--utrecht-spotlight-section-padding-inline-end);
  padding-inline-start: var(--utrecht-spotlight-section-padding-inline-start);
}
.utrecht-spotlight-section--info {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-info-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-info-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-info-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-info-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-info-color
  );
}
.utrecht-spotlight-section--warning {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-warning-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-warning-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-warning-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-warning-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-warning-color
  );
}
.utrecht-surface {
  background-color: var(--utrecht-surface-background-color, inherit);
  color: var(--utrecht-surface-color, inherit);
}
.utrecht-surface--html-body {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.utrecht-table {
  border-collapse: separate;
  border-color: var(--utrecht-table-border-color, 0);
  border-spacing: 0;
  border-style: solid;
  border-width: var(--utrecht-table-border-width, 0);
  font-family: var(
    --utrecht-table-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-table-font-size, inherit);
  inline-size: 100%;
  line-height: var(--utrecht-table-line-height, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-start, 0)
  );
}
.utrecht-table--distanced {
  --utrecht-space-around: 1;
}
.utrecht-table--html-table > caption,
.utrecht-table__caption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > figcaption,
.utrecht-table__figcaption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > thead,
.utrecht-table__header {
  --_utrecht-table-header-cell-vertical-align: bottom;
  --_utrecht-table-header-cell-z-index: 8;
  background-color: var(--utrecht-table-header-background-color);
  break-inside: avoid;
  color: var(--utrecht-table-header-color);
  font-weight: var(--utrecht-table-header-font-weight);
  page-break-inside: avoid;
  text-transform: var(--utrecht-table-header-text-transform);
}
.utrecht-table__header--sticky th {
  background-color: var(--utrecht-table-header-sticky-background-color);
  color: var(--utrecht-table-header-sticky-color);
  inset-block-start: 0;
  position: sticky;
}
.utrecht-table__header--sticky tr:last-child > th {
  border-block-end-color: var(
    --utrecht-table-header-sticky-border-block-end-color,
    var(--utrecht-table-header-border-block-end-color, transparent)
  );
  border-block-end-style: solid;
  border-block-end-width: var(
    --utrecht-table-header-sticky-border-block-end-width,
    var(--utrecht-table-header-border-block-end-width, 0)
  );
}
.utrecht-table__footer {
  --_utrecht-table-header-cell-z-index: 5;
  z-index: 3;
}
.utrecht-table__footer--sticky {
  background-color: var(
    --utrecht-table-footer-sticky-background-color,
    var(--utrecht-table-footer-background-color)
  );
  color: var(
    --utrecht-table-footer-sticky-color,
    var(--utrecht-table-footer-color)
  );
  inset-block-end: 0;
  position: sticky;
}
.utrecht-table__footer--sticky tr:first-child > th,
.utrecht-table__footer--sticky tr:first-child > td {
  border-block-start-color: var(
    --utrecht-table-header-sticky-border-block-start-color,
    var(--utrecht-table-header-border-block-start-color, transparent)
  );
  border-block-start-style: solid;
  border-block-start-width: var(
    --utrecht-table-header-sticky-border-block-start-width,
    var(--utrecht-table-header-border-block-start-width, 0)
  );
}
.utrecht-table--html-table > tbody,
.utrecht-table__body {
  --_utrecht-table-header-cell-z-index: 2;
}
.utrecht-table--fixed {
  inline-size: fit-content;
  table-layout: fixed;
}
.utrecht-table--fixed th,
.utrecht-table--oneline th,
.utrecht-table--oneline td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table--html-table > tr,
.utrecht-table--html-table > thead > tr,
.utrecht-table--html-table > tbody > tr,
.utrecht-table--html-table > tfoot > tr,
.utrecht-table__row {
  break-inside: avoid;
  page-break-inside: avoid;
}
.utrecht-table__row--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table--html-table > tr > th,
.utrecht-table--html-table > thead > tr > th,
.utrecht-table--html-table > tbody > tr > th,
.utrecht-table--html-table > tfoot > tr > th,
.utrecht-table__header-cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  color: var(--utrecht-table-header-cell-color);
  font-size: var(--utrecht-table-header-cell-font-size);
  font-weight: var(--utrecht-table-header-cell-font-weight, bold);
  text-transform: var(--utrecht-table-header-cell-text-transform);
  vertical-align: var(--_utrecht-table-header-cell-vertical-align, top);
  z-index: var(--_utrecht-table-header-cell-z-index);
}
.utrecht-table__header-cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--sticky-block {
  background-color: #eee;
  color: #000;
  inset-block-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 2);
}
.utrecht-table__header-cell--sticky-inline {
  background-color: #eee;
  color: #000;
  inset-inline-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 1);
}
.utrecht-table--html-table > tr > td,
.utrecht-table--html-table > thead > tr > td,
.utrecht-table--html-table > tbody > tr > td,
.utrecht-table--html-table > tfoot > tr > td,
.utrecht-table__cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  border-block-end-color: var(
    --utrecht-table-row-border-block-end-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-table-row-border-block-end-width, 0);
  vertical-align: top;
}
.utrecht-table--html-table > tr > td:first-child,
.utrecht-table--html-table > thead > tr > td:first-child,
.utrecht-table--html-table > tbody > tr > td:first-child,
.utrecht-table--html-table > tfoot > tr > td:first-child,
.utrecht-table__cell--first {
  padding-inline-start: var(
    --utrecht-table-row-padding-inline-start,
    var(--utrecht-table-cell-padding-inline-start, 0)
  );
}
.utrecht-table--html-table > tr > td:last-child,
.utrecht-table--html-table > thead > tr > td:last-child,
.utrecht-table--html-table > tbody > tr > td:last-child,
.utrecht-table--html-table > tfoot > tr > td:last-child,
.utrecht-table__cell--last {
  padding-inline-end: var(
    --utrecht-table-row-padding-inline-end,
    var(--utrecht-table-cell-padding-inline-end, 0)
  );
}
.utrecht-table__cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--numeric-column,
.utrecht-table__cell--numeric-column {
  --_utrecht-table-cell-text-align: right;
  text-align: var(--_utrecht-table-cell-text-align);
}
.utrecht-table__cell--numeric-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-table__row--alternate-odd {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table__row--alternate-even {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table__header-cell {
  --utrecht-button-font-size: inherit;
  --utrecht-button-font-weight: inherit;
  --utrecht-button-padding-inline-start: var(
    --utrecht-table-cell-padding-inline-start
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-table-cell-padding-inline-end
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-table-cell-padding-block-start
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-table-cell-padding-block-end
  );
  --utrecht-button-hover-scale: 1;
  --utrecht-button-focus-scale: 1;
  --utrecht-button-min-block-size: 100%;
  --utrecht-button-min-inline-size: 100%;
  --utrecht-button-border-color: transparent;
  --utrecht-button-border-size: 1px;
}
.utrecht-table__header-cell:has(.utrecht-button) {
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-table__header-cell-button {
  justify-content: var(--_utrecht-table-cell-text-align, start);
}
.utrecht-table__data--truncate {
  display: block;
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table__container {
  max-inline-size: 100%;
  overflow-inline: scroll;
}
.utrecht-table__header--hidden {
  block-size: 1px;
  border: 0 solid silver;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  inline-size: 1px;
  outline: 1px solid red;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.utrecht-table--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(odd) {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(2n) {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__header-cell,
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__header-cell,
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-textarea {
  background-color: var(
    --utrecht-textarea-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textarea-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textarea-border-bottom-width,
    var(
      --utrecht-textarea-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textarea-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textarea-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textarea-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textarea-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textarea-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(--utrecht-textarea-line-height, initial);
  max-inline-size: var(
    --utrecht-textarea-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  min-block-size: var(
    --utrecht-textarea-min-block-size,
    var(--utrecht-pointer-target-min-size, 44px)
  );
  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
  padding-block-end: var(
    --utrecht-textarea-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textarea-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textarea-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textarea-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
  resize: vertical;
  resize: block;
}
.utrecht-textarea--invalid {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea__placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textarea--html-textarea:focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--html-textarea:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textarea--html-textarea:invalid,
.utrecht-textarea--html-textarea[aria-invalid='true'] {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--html-textarea::placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-textbox {
  background-color: var(
    --utrecht-textbox-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textbox-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textbox-border-bottom-width,
    var(
      --utrecht-textbox-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textbox-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textbox-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textbox-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textbox-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(
    --utrecht-textbox-line-height,
    var(--utrecht-form-control-line-height, initial)
  );
  min-block-size: var(--utrecht-pointer-target-min-size, 44px);
  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
  max-inline-size: var(
    --utrecht-textbox-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  padding-block-end: var(
    --utrecht-textbox-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textbox-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textbox-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textbox-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
}
.utrecht-textbox--invalid {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox__placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--numeric {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-textbox--password {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--placeholder-ltr::placeholder,
.utrecht-textbox--placeholder-ltr:placeholder-shown {
  direction: ltr;
}
.utrecht-textbox--placeholder-rtl::placeholder,
.utrecht-textbox--placeholder-rtl:placeholder-shown {
  direction: rtl;
}
.utrecht-textbox--url {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input:focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textbox--html-input:invalid,
.utrecht-textbox--html-input[aria-invalid='true'] {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--html-input::placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--html-input[type='password' i] {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--html-input[type='url' i],
.utrecht-textbox--html-input[type='email' i],
.utrecht-textbox--html-input[inputMode='email' i],
.utrecht-textbox--html-input[inputMode='url' i] {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input[pattern='\\d*'],
.utrecht-textbox--html-input[pattern='[0-9]*'],
.utrecht-textbox--html-input[type='number' i],
.utrecht-textbox--html-input[type='tel' i],
.utrecht-textbox--html-input[inputMode='numeric' i],
.utrecht-textbox--html-input[inputMode='decimal' i],
.utrecht-textbox--html-input[inputMode='tel' i] {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-toptask-link {
  --utrecht-icon-color: currentColor;
  --utrecht-icon-size: var(--utrecht-toptask-link-icon-size);
  background-color: var(--utrecht-toptask-link-background-color);
  color: var(--utrecht-toptask-link-color);
  display: flex;
  flex-direction: column;
  font-size: var(--utrecht-toptask-link-font-size);
  line-height: var(--utrecht-toptask-link-line-height);
  max-inline-size: var(--utrecht-toptask-link-max-inline-size);
  min-block-size: var(--utrecht-toptask-link-min-block-size);
  min-inline-size: var(--utrecht-toptask-link-min-inline-size);
  padding-block-end: var(--utrecht-toptask-link-padding-block-end);
  padding-block-start: var(--utrecht-toptask-link-padding-block-start);
  padding-inline-end: var(--utrecht-toptask-link-padding-inline-end);
  padding-inline-start: var(--utrecht-toptask-link-padding-inline-start);
  text-decoration: none;
}
.utrecht-toptask-link--hover,
.utrecht-toptask-link:hover {
  background-color: var(
    --utrecht-toptask-link-hover-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-hover-color,
    var(--utrecht-toptask-link-color)
  );
  transform: var(--utrecht-toptask-link-hover-transform-scale, 1);
}
.utrecht-toptask-link--focus-visible,
.utrecht-toptask-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-toptask-link--focus,
.utrecht-toptask-link:focus {
  background-color: var(
    --utrecht-toptask-link-focus-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-focus-color,
    var(--utrecht-toptask-link-color)
  );
}
.utrecht-toptask-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-toptask-link__title {
  display: block;
}
.utrecht-toptask-link__icon {
  display: block;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-md);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-toptask-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--utrecht-toptask-nav-gap);
}
.utrecht-toptask-nav--grid {
  --utrecht-toptask-link-max-inline-size: var(
    --utrecht-toptask-nav-link-grid-max-inline-size
  );
  flex-direction: row;
}
.utrecht-unordered-list,
.utrecht-unordered-list--html-content ul {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-unordered-list-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  line-height: var(
    --utrecht-unordered-list-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
  text-align: start;
}
.utrecht-unordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-unordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-unordered-list--nested,
.utrecht-unordered-list--html-content ul {
  margin-block-end: 0;
  margin-inline-start: 2ch;
}
.utrecht-unordered-list--html-content > li,
.utrecht-unordered-list--html-content ul > li,
.utrecht-unordered-list__item {
  margin-block-end: var(--utrecht-unordered-list-item-margin-block-end);
  margin-block-start: var(--utrecht-unordered-list-item-margin-block-start);
  padding-inline-start: var(
    --utrecht-unordered-list-item-padding-inline-start,
    1ch
  );
}
.utrecht-unordered-list--html-content > li::marker,
.utrecht-unordered-list--html-content ul > li::marker,
.utrecht-unordered-list__item::marker,
.utrecht-unordered-list__marker {
  color: var(--utrecht-unordered-list-marker-color);
  content: '●';
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-url-data {
  break-inside: avoid;
  font-variant-ligatures: none;
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: anywhere;
  page-break-inside: avoid;
}
:root,
::backdrop {
  --denhaag-process-steps-sub-step-marker-size: 12px;
  --denhaag-process-steps-step-marker-size: 28px;
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
  --utrecht-stack-focus-z-index: 1;
  --utrecht-border-style-dotted: dotted;
  --utrecht-border-style-solid: solid;
  --utrecht-border-radius-none: 0;
  --utrecht-border-radius-round: 999px;
  --utrecht-border-radius-lg: 8px;
  --utrecht-border-radius-md: 4px;
  --utrecht-border-radius-sm: 2px;
  --utrecht-border-width-md: 2px;
  --utrecht-border-width-sm: 1px;
  --utrecht-typography-line-height-lg: 2;
  --utrecht-typography-line-height-md: 1.5;
  --utrecht-typography-line-height-sm: 1.25;
  --utrecht-typography-line-height-xs: 1;
  --utrecht-typography-font-style-inherit: inherit;
  --utrecht-typography-font-style-normal: normal;
  --utrecht-typography-weight-scale-normal-font-weight: 400;
  --utrecht-typography-weight-scale-bold-font-weight: 700;
  --utrecht-typography-scale-4xl-font-size: 2rem;
  --utrecht-typography-scale-3xl-font-size: 1.5rem;
  --utrecht-typography-scale-2xl-font-size: 1.375rem;
  --utrecht-typography-scale-xl-font-size: 1.25rem;
  --utrecht-typography-scale-lg-font-size: 1.125rem;
  --utrecht-typography-scale-md-font-size: 1rem;
  --utrecht-typography-scale-sm-font-size: 0.875rem;
  --utrecht-typography-scale-xs-font-size: 0.75rem;
  --utrecht-typography-scale-2xs-font-size: 0.5rem;
  --utrecht-typography-sans-serif-font-family:
    'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Arial', sans-serif;
  --utrecht-icon-scale-4xl: 48px;
  --utrecht-icon-scale-3xl: 36px;
  --utrecht-icon-scale-2xl: 30px;
  --utrecht-icon-scale-xl: 26px;
  --utrecht-icon-scale-lg: 24px;
  --utrecht-icon-scale-md: 16px;
  --utrecht-icon-scale-sm: 12px;
  --utrecht-icon-scale-xs: 8px;
  --utrecht-icon-scale-2xs: 4px;
  --utrecht-icon-scale-3xs: 1px;
  --utrecht-color-black: hsl(0 0% 0%);
  --utrecht-color-white: hsl(0 0% 100%);
  --utrecht-color-invalid: #990000;
  --utrecht-color-secondary-grey: #757575;
  --utrecht-color-secondary-brown: #ad643b;
  --utrecht-color-secondary-navy: #1c4181;
  --utrecht-color-secondary-blue: #006dff;
  --utrecht-color-secondary-cyan: #009ed4;
  --utrecht-color-secondary-green: #32ab27;
  --utrecht-color-secondary-lime: #99d000;
  --utrecht-color-secondary-yellow: #ffcc00;
  --utrecht-color-secondary-orange: #ff6e00;
  --utrecht-color-secondary-red: #cc0000;
  --utrecht-color-secondary-magenta: #f02198;
  --utrecht-color-secondary-purple: #762cd1;
  --utrecht-color-green-90: hsl(90 30% 90%);
  --utrecht-color-green-80: hsl(90 30% 80%);
  --utrecht-color-green-50: hsl(90 30% 50%);
  --utrecht-color-green-40: hsl(90 30% 38%);
  --utrecht-color-green-30: hsl(90 30% 30%);
  --utrecht-color-yellow-80: hsl(48 100% 80%);
  --utrecht-color-yellow-60: hsl(48 100% 60%);
  --utrecht-color-yellow-50: hsl(48 100% 50%);
  --utrecht-color-yellow-40: hsl(48 100% 40%);
  --utrecht-color-yellow-20: hsl(48 100% 20%);
  --utrecht-color-grey-95: hsl(0 0% 95%);
  --utrecht-color-grey-90: hsl(0 0% 90%);
  --utrecht-color-grey-80: hsl(0 0% 80%);
  --utrecht-color-grey-40: hsl(0 0% 40%);
  --utrecht-color-grey-30: hsl(0 0% 30%);
  --utrecht-color-grey-20: hsl(0 0% 20%);
  --utrecht-color-grey-15: hsl(0 0% 15%);
  --utrecht-color-grey-10: hsl(0 0% 10%);
  --utrecht-color-blue-90: hsl(211 60% 90%);
  --utrecht-color-blue-80: hsl(211 60% 80%);
  --utrecht-color-blue-60: hsl(211 60% 60%);
  --utrecht-color-blue-50: hsl(211 60% 50%);
  --utrecht-color-blue-40: hsl(211 60% 40%);
  --utrecht-color-blue-35: hsl(211 60% 35%);
  --utrecht-color-blue-30: hsl(211 60% 30%);
  --utrecht-color-blue-20: hsl(211 60% 20%);
  --utrecht-color-red-95: hsl(0 100% 95%);
  --utrecht-color-red-40: hsl(0 100% 40%);
  --utrecht-color-red-30: hsl(0 100% 30%);
  --utrecht-color-red-20: hsl(0 100% 20%);
  --utrecht-unordered-list-item-margin-block-end: 0.5rem;
  --utrecht-unordered-list-item-margin-block-start: 0.5rem;
  --utrecht-unordered-list-margin-block-end: 0;
  --utrecht-toptask-link-icon-size: 2.25rem;
  --utrecht-toptask-link-hover-transform-scale: 1.02;
  --utrecht-toptask-link-min-inline-size: 15rem;
  --utrecht-toptask-link-min-block-size: 8.25rem;
  --utrecht-toptask-link-line-height: 1.2;
  --utrecht-toptask-link-font-size: 1rem;
  --utrecht-textbox-border-bottom-width: 3px;
  --utrecht-textarea-border-bottom-width: 3px;
  --utrecht-table-footer-sticky-border-block-start-width: 2px;
  --utrecht-table-cell-icon-size: 1em;
  --utrecht-table-cell-padding-inline-start: 0.4em;
  --utrecht-table-cell-padding-inline-end: 0.4em;
  --utrecht-table-cell-padding-block-start: 0.5em;
  --utrecht-table-cell-padding-block-end: 0.5em;
  --utrecht-table-cell-line-height: 24px;
  --utrecht-table-header-sticky-border-block-end-width: 2px;
  --utrecht-table-caption-margin-block-end: 1em;
  --utrecht-table-caption-text-align: start;
  --utrecht-table-caption-font-size: 1.125em;
  --utrecht-table-margin-block-end: 0;
  --utrecht-separator-block-size: 8px;
  --utrecht-select-border-block-end-width: 3px;
  --utrecht-search-bar-dropdown-max-block-size: 300px;
  --utrecht-search-bar-dropdown-border-width: 1px;
  --utrecht-search-bar-input-background-size: 1em;
  --utrecht-search-bar-input-background-position-y: 50%;
  --utrecht-search-bar-input-background-position-x: 0.5em;
  --utrecht-search-bar-button-hover-scale: 1;
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
  --utrecht-radio-button-margin-inline-end: 12px;
  --utrecht-radio-button-border-radius: 0;
  --utrecht-radio-button-invalid-border-width: 2px;
  --utrecht-radio-button-icon-size: 42%;
  --utrecht-radio-button-size: 24px;
  --utrecht-radio-button-border-width: 2px;
  --utrecht-paragraph-margin-block-end: 0;
  --utrecht-pagination-relative-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-relative-link-distanced-margin-inline-end: 0.5em;
  --utrecht-pagination-relative-link-text-transform: uppercase;
  --utrecht-pagination-relative-link-text-decoration: none;
  --utrecht-pagination-relative-link-padding-block-start: 0.5em;
  --utrecht-pagination-relative-link-padding-block-end: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-start: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-end: 0.5em;
  --utrecht-pagination-relative-link-border-width: 2px;
  --utrecht-pagination-page-link-border-color: transparent;
  --utrecht-pagination-page-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-page-link-text-decoration: none;
  --utrecht-pagination-page-link-padding-block-start: 0.5em;
  --utrecht-pagination-page-link-padding-block-end: 0.5em;
  --utrecht-pagination-page-link-padding-inline-start: 0.5em;
  --utrecht-pagination-page-link-padding-inline-end: 0.5em;
  --utrecht-pagination-page-link-border-width: 2px;
  --utrecht-pagination-page-link-background-color: transparent;
  --utrecht-pagination-margin-block-end: 1em;
  --utrecht-pagination-margin-block-start: 0;
  --utrecht-pagination-font-size: 14px;
  --utrecht-page-padding-inline-start: 2em;
  --utrecht-page-padding-block-end: 1em;
  --utrecht-page-padding-inline-end: 2em;
  --utrecht-page-padding-block-start: 1.8em;
  --utrecht-page-max-inline-size: 1184px;
  --utrecht-page-margin-inline-end: 2em;
  --utrecht-page-margin-inline-start: 2em;
  --utrecht-page-header-padding-block-start: 1.8em;
  --utrecht-page-header-padding-inline-start: 2em;
  --utrecht-page-header-padding-inline-end: 2.4em;
  --utrecht-page-header-padding-block-end: 1em;
  --utrecht-page-content-padding-block-end: 2em;
  --utrecht-page-content-padding-block-start: 2em;
  --utrecht-ordered-list-item-padding-inline-start: 0;
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
  --utrecht-ordered-list-padding-inline-start: 28.8px;
  --utrecht-ordered-list-margin-block-end: 1em;
  --utrecht-ordered-list-margin-block-start: 0;
  --utrecht-number-data-negative-color: red;
  --utrecht-number-data-positive-color: green;
  --utrecht-topnav-link-focus-text-decoration: none;
  --utrecht-topnav-link-focus-border-type: dotted;
  --utrecht-mapcontrolbutton-focus-text-decoration: none;
  --utrecht-mapcontrolbutton-border-radius: 2px;
  --utrecht-mapcontrolbutton-margin-inline-end: 0;
  --utrecht-mapcontrolbutton-margin-inline-start: 0;
  --utrecht-map-marker-icon-size: 30px;
  --utrecht-map-marker-box-shadow-color: rgb(0 0 0 / 20%);
  --utrecht-map-marker-border-width: 3px;
  --utrecht-map-marker-size: 48px;
  --utrecht-logo-min-inline-size: 110.57px;
  --utrecht-logo-min-block-size: 58.97px;
  --utrecht-logo-max-inline-size: 192px;
  --utrecht-logo-max-block-size: 103px;
  --utrecht-listbox-option-min-block-size: 44px;
  --utrecht-listbox-max-block-size: 300px;
  --utrecht-listbox-inline-size: 448px;
  --utrecht-list-social-item-margin-inline-end: 10px;
  --utrecht-link-icon-size: 1.2em;
  --utrecht-link-hover-text-decoration-thickness: 3px;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: none;
  --utrecht-link-text-underline-offset: 3px;
  --utrecht-link-text-decoration: underline;
  --utrecht-link-social-icon-size: 26px;
  --utrecht-link-social-hover-transform-scale: 1.1;
  --utrecht-link-social-size: 40px;
  --utrecht-link-social-border-width: 2px;
  --utrecht-link-list-icon-size: 14px;
  --utrecht-icon-baseline-inset-block-start: 0.125em;
  --utrecht-icon-size: 48px;
  --utrecht-heading-5-margin-block-start: 1rem;
  --utrecht-heading-5-margin-block-end: 0.2rem;
  --utrecht-heading-4-margin-block-start: 1.2rem;
  --utrecht-heading-4-margin-block-end: 0.3rem;
  --utrecht-heading-3-margin-block-start: 1rem;
  --utrecht-heading-3-margin-block-end: 0.2rem;
  --utrecht-heading-2-margin-block-start: 1.5rem;
  --utrecht-heading-2-margin-block-end: 0.3rem;
  --utrecht-heading-1-margin-block-start: 0.67rem;
  --utrecht-heading-1-margin-block-end: 0.67rem;
  --utrecht-form-toggle-width: 48px;
  --utrecht-form-toggle-padding-inline-start: 0;
  --utrecht-form-toggle-padding-inline-end: 0;
  --utrecht-form-toggle-padding-block-start: 0;
  --utrecht-form-toggle-padding-block-end: 0;
  --utrecht-form-toggle-height: 24px;
  --utrecht-form-toggle-border-style: solid;
  --utrecht-form-toggle-focus-border-width: 2px;
  --utrecht-form-toggle-focus-border-style: dotted;
  --utrecht-form-toggle-thumb-disabled-box-shadow: 0;
  --utrecht-form-toggle-thumb-min-inline-size: 18px;
  --utrecht-form-toggle-thumb-margin-inline-end: 0.25em;
  --utrecht-form-toggle-thumb-margin-inline-start: 0.25em;
  --utrecht-form-toggle-border-width: 2px;
  --utrecht-form-toggle-border-radius: 10em;
  --utrecht-form-toggle-border-color: transparent;
  --utrecht-form-toggle-accent-color: hsla(0, 0%, 48%, 1);
  --utrecht-form-label-font-size: 1em;
  --utrecht-form-fieldset-legend-line-height: 1.4;
  --utrecht-form-fieldset-legend-font-size: 1rem;
  --utrecht-form-field-invalid-border-inline-start-width: 3px;
  --utrecht-form-control-read-only-border-color: transparent;
  --utrecht-form-control-block-size: 42px;
  --utrecht-form-control-padding-inline-start: 12px;
  --utrecht-form-control-padding-inline-end: 12px;
  --utrecht-form-control-padding-block-start: 8px;
  --utrecht-form-control-padding-block-end: 8px;
  --utrecht-form-control-max-inline-size: 28em;
  --utrecht-form-control-border-radius: 0;
  --utrecht-figure-caption-line-height: 20px;
  --utrecht-figure-caption-font-size: 14px;
  --utrecht-figure-caption-color: #727272;
  --utrecht-drawer-max-inline-size: 320px;
  --utrecht-drawer-max-block-size: 240px;
  --utrecht-drawer-border-width: 1px;
  --utrecht-document-line-height: 1.4;
  --utrecht-data-list-rows-column-min-inline-size: 25ch;
  --utrecht-data-list-rows-column-inline-size: 80%;
  --utrecht-space-column-5xl: 64px;
  --utrecht-space-column-4xl: 48px;
  --utrecht-space-column-3xl: 32px;
  --utrecht-space-column-2xl: 28px;
  --utrecht-space-column-xl: 24px;
  --utrecht-space-column-lg: 20px;
  --utrecht-space-column-md: 16px;
  --utrecht-space-column-sm: 12px;
  --utrecht-space-column-xs: 8px;
  --utrecht-space-column-2xs: 4px;
  --utrecht-space-column-3xs: 2px;
  --utrecht-space-column-4xs: 1px;
  --utrecht-space-row-5xl: 64px;
  --utrecht-space-row-4xl: 48px;
  --utrecht-space-row-3xl: 32px;
  --utrecht-space-row-2xl: 28px;
  --utrecht-space-row-xl: 24px;
  --utrecht-space-row-lg: 20px;
  --utrecht-space-row-md: 16px;
  --utrecht-space-row-sm: 12px;
  --utrecht-space-row-xs: 8px;
  --utrecht-space-row-2xs: 4px;
  --utrecht-space-row-3xs: 2px;
  --utrecht-space-row-4xs: 1px;
  --utrecht-space-text-3xl: 3ch;
  --utrecht-space-text-2xl: 2ch;
  --utrecht-space-text-xl: 1.75ch;
  --utrecht-space-text-lg: 1.5ch;
  --utrecht-space-text-md: 1ch;
  --utrecht-space-text-sm: 0.75ch;
  --utrecht-space-text-xs: 0.5ch;
  --utrecht-space-text-2xs: 0.25ch;
  --utrecht-space-text-3xs: 0.125ch;
  --utrecht-space-inline-4xl: 48px;
  --utrecht-space-inline-3xl: 32px;
  --utrecht-space-inline-2xl: 28px;
  --utrecht-space-inline-xl: 24px;
  --utrecht-space-inline-lg: 20px;
  --utrecht-space-inline-md: 16px;
  --utrecht-space-inline-sm: 12px;
  --utrecht-space-inline-xs: 8px;
  --utrecht-space-inline-2xs: 4px;
  --utrecht-space-inline-3xs: 2px;
  --utrecht-space-block-4xs: 1px;
  --utrecht-space-block-4xl: 64px;
  --utrecht-space-block-3xl: 48px;
  --utrecht-space-block-2xl: 32px;
  --utrecht-space-block-xl: 24px;
  --utrecht-space-block-lg: 20px;
  --utrecht-space-block-md: 16px;
  --utrecht-space-block-sm: 12px;
  --utrecht-space-block-xs: 8px;
  --utrecht-space-block-2xs: 4px;
  --utrecht-space-block-3xs: 2px;
  --utrecht-pointer-target-min-size: 44px;
  --utrecht-focus-outline-style: dotted;
  --utrecht-action-inert-cursor: default;
  --utrecht-action-activate-cursor: pointer;
  --utrecht-action-submit-cursor: pointer;
  --utrecht-action-navigate-cursor: pointer;
  --utrecht-action-disabled-cursor: not-allowed;
  --utrecht-action-busy-cursor: wait;
  --utrecht-column-layout-column-width: 350px;
  --utrecht-column-layout-column-rule-width: 2px;
  --utrecht-code-block-padding-inline-end: 20px;
  --utrecht-code-block-padding-inline-start: 20px;
  --utrecht-code-block-padding-block-end: 20px;
  --utrecht-code-block-padding-block-start: 20px;
  --utrecht-code-block-line-height: 24px;
  --utrecht-code-block-font-size: 16px;
  --utrecht-checkbox-margin-block-start: 0;
  --utrecht-checkbox-focus-border-width: 2px;
  --utrecht-checkbox-size: 24px;
  --utrecht-checkbox-border-width: 2px;
  --utrecht-checkbox-border-radius: 0;
  --utrecht-calendar-icon-size: 24px;
  --utrecht-calendar-navigation-label-min-inline-size: 200px;
  --utrecht-calendar-navigation-padding-block-end: 2px;
  --utrecht-calendar-navigation-padding-block-start: 2px;
  --utrecht-calendar-table-days-item-day-disabled-border-color: transparent;
  --utrecht-calendar-table-days-item-day-selected-border-color: transparent;
  --utrecht-calendar-table-days-item-day-emphasis-border-color: transparent;
  --utrecht-calendar-table-days-item-day-is-today-font-weight: 700;
  --utrecht-calendar-table-days-item-day-out-of-the-month-border-color: transparent;
  --utrecht-calendar-table-days-item-day-active-border-color: transparent;
  --utrecht-calendar-table-days-item-day-focus-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-width: 2px;
  --utrecht-calendar-table-days-item-day-size: 44px;
  --utrecht-calendar-table-weeks-item-line-height: 24px;
  --utrecht-calendar-table-weeks-item-padding-block-end: 10px;
  --utrecht-calendar-table-weeks-item-padding-block-start: 4px;
  --utrecht-calendar-table-weeks-item-width: 44px;
  --utrecht-button-subtle-disabled-background-color: transparent;
  --utrecht-button-subtle-font-weight: 700;
  --utrecht-button-subtle-border-color: transparent;
  --utrecht-button-subtle-background-color: transparent;
  --utrecht-button-primary-action-danger-hover-border-color: transparent;
  --utrecht-button-primary-action-danger-border-color: transparent;
  --utrecht-button-primary-action-warning-hover-border-color: transparent;
  --utrecht-button-primary-action-warning-border-color: transparent;
  --utrecht-button-primary-action-ready-hover-border-color: transparent;
  --utrecht-button-primary-action-ready-border-color: transparent;
  --utrecht-button-primary-action-hover-border-color: transparent;
  --utrecht-button-primary-action-border-color: transparent;
  --utrecht-button-hover-scale: 1.02;
  --utrecht-button-focus-scale: 1.02;
  --utrecht-button-margin-inline-end: 0;
  --utrecht-button-margin-inline-start: 0;
  --utrecht-button-border-width: 1px;
  --utrecht-button-border-radius: 0;
  --utrecht-breadcrumb-nav-divider-inline-size: 1px;
  --utrecht-breadcrumb-nav-link-text-decoration: none;
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
  --utrecht-breadcrumb-nav-min-block-size: 34px;
  --utrecht-blockquote-margin-block-end: 1.6em;
  --utrecht-blockquote-margin-block-start: 1.6em;
  --utrecht-blockquote-content-font-size: 1.125rem;
  --utrecht-blockquote-attribution-font-size: 0.75rem;
  --utrecht-blockquote-margin-inline-end: 1.6em;
  --utrecht-blockquote-margin-inline-start: 1.6em;
  --utrecht-badge-border-radius: 0;
  --utrecht-badge-counter-padding-inline: 1ex;
  --utrecht-badge-counter-padding-block: 1ex;
  --utrecht-badge-counter-font-size: 16px;
  --utrecht-backdrop-reduced-transparency-opacity: 0.98;
  --utrecht-backdrop-fade-in-animation-duration: 0.4s;
  --utrecht-backdrop-opacity: 0.8;
  --utrecht-article-max-inline-size: 780px;
  --utrecht-alert-dialog-min-inline-size: 320px;
  --utrecht-alert-dialog-min-block-size: 100px;
  --utrecht-alert-dialog-max-block-size: 80vh;
  --utrecht-accordion-panel-border-width: 2px;
  --utrecht-accordion-button-icon-size: 24px;
  --utrecht-accordion-button-hover-background-color: inherit;
  --utrecht-accordion-button-border-width: 0;
  --denhaag-process-steps-sub-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --denhaag-process-steps-sub-step-heading-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-sub-step-heading-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-description-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --denhaag-process-steps-step-description-color: var(--utrecht-color-black);
  --denhaag-process-steps-step-metadata-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-metadata-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-line-warning-color: var(--utrecht-color-invalid);
  --denhaag-process-steps-step-line-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-line-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-line-stroke-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-sub-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-sub-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-warning-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-warning-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-warning-border-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-checked-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-checked-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-color: var(--utrecht-color-white);
  --denhaag-process-steps-step-marker-current-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-current-background-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-marker-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-marker-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-marker-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-heading-warning-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-not-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-heading-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-current-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-heading-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --denhaag-process-steps-step-heading-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --denhaag-process-steps-step-heading-color: var(--utrecht-color-black);
  --denhaag-process-steps-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
  --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
  --utrecht-unordered-list-marker-color: var(--utrecht-color-red-40);
  --utrecht-unordered-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-toptask-link-padding-inline-start: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-inline-end: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-block-start: var(--utrecht-space-block-xl);
  --utrecht-toptask-link-padding-block-end: var(--utrecht-space-block-xl);
  --utrecht-textarea-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-table-footer-sticky-border-block-start-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-footer-sticky-color: var(--utrecht-color-black);
  --utrecht-table-footer-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-row-alternate-even-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-even-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-table-row-alternate-odd-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-odd-background-color: var(
    --utrecht-color-white
  );
  --utrecht-table-row-border-block-end-width: var(--utrecht-border-width-sm);
  --utrecht-table-row-border-block-end-color: var(--utrecht-color-grey-90);
  --utrecht-table-cell-selected-color: var(--utrecht-color-black);
  --utrecht-table-cell-selected-background-color: var(--utrecht-color-blue-90);
  --utrecht-table-header-sticky-border-block-end-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-header-sticky-color: var(--utrecht-color-black);
  --utrecht-table-header-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-header-border-block-end-width: var(--utrecht-border-width-md);
  --utrecht-table-header-border-block-end-color: var(--utrecht-color-red-40);
  --utrecht-table-header-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-caption-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-surface-color: var(--utrecht-color-grey-10);
  --utrecht-surface-background-color: var(--utrecht-color-grey-95);
  --utrecht-spotlight-section-warning-background-color: var(
    --utrecht-color-yellow-80
  );
  --utrecht-spotlight-section-info-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-spotlight-section-padding-inline-end: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-inline-start: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-block-end: var(--utrecht-space-block-sm);
  --utrecht-spotlight-section-padding-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-spotlight-section-color: var(--utrecht-color-black);
  --utrecht-spotlight-section-background-color: var(--utrecht-color-grey-80);
  --utrecht-skip-link-focus-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --utrecht-skip-link-text-decoration: var(--utrecht-link-text-decoration);
  --utrecht-separator-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-separator-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-separator-color: var(--utrecht-color-grey-90);
  --utrecht-search-bar-list-item-is-selected-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-selected-color: var(--utrecht-color-black);
  --utrecht-search-bar-list-item-is-active-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-list-item-is-active-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-active-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-search-bar-section-title-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-section-title-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-search-bar-section-margin-block-end: var(--utrecht-space-inline-xs);
  --utrecht-search-bar-dropdown-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-input-padding-inline-start: var(
    --utrecht-space-inline-3xl
  );
  --utrecht-search-bar-input-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-search-bar-button-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-button-color: var(--utrecht-color-white);
  --utrecht-search-bar-button-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-background-color: var(--utrecht-color-red-40);
  --utrecht-radio-button-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-radio-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-radio-button-focus-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-hover-background-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-focus-border-color: var(
    --utrecht-color-blue-20
  );
  --utrecht-radio-button-checked-hover-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-active-color: var(--utrecht-color-blue-80);
  --utrecht-radio-button-checked-active-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-active-background-color: var(--utrecht-color-blue-80);
  --utrecht-pre-heading-margin-block-start: var(--utrecht-space-row-2xl);
  --utrecht-pre-heading-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-small-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-paragraph-lead-line-height: var(
    --utrecht-typography-line-height-md
  );
  --utrecht-paragraph-lead-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-lead-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-paragraph-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-paragraph-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-pagination-relative-link-border-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-relative-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-relative-link-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-background-color: var(
    --utrecht-color-white
  );
  --utrecht-pagination-page-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-current-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-page-link-color: var(--utrecht-color-blue-35);
  --utrecht-page-color: var(--utrecht-color-black);
  --utrecht-page-background-color: var(--utrecht-color-white);
  --utrecht-page-footer-padding-block-start: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-block-end: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-inline-start: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-padding-inline-end: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-background-image: linear-gradient(
    45deg,
    var(--utrecht-color-red-40),
    var(--utrecht-color-red-40) 50%,
    #d63433 50%
  );
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
  --utrecht-page-footer-color: var(--utrecht-color-white);
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-box-shadow-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-color: var(--utrecht-color-black);
  --utrecht-topnav-link-background-color: var(--utrecht-color-blue-40);
  --utrecht-topnav-link-color: var(--utrecht-color-white);
  --utrecht-topnav-list-border-color: var(--utrecht-color-grey-40);
  --utrecht-topnav-list-background-color: var(--utrecht-color-grey-15);
  --utrecht-sidenav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-link-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-marker-hover-color: var(--utrecht-color-blue-50);
  --utrecht-sidenav-item-marker-color: var(--utrecht-color-grey-80);
  --utrecht-sidenav-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-margin-inline-end: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-inline-start: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-block-end: var(--utrecht-space-block-xs);
  --utrecht-sidenav-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-content-max-inline-size: var(
    --utrecht-page-max-inline-size
  );
  --utrecht-nav-bar-color: var(--utrecht-color-black);
  --utrecht-nav-bar-background-color: var(--utrecht-color-white);
  --utrecht-mark-color: var(--utrecht-color-black);
  --utrecht-mark-background-color: var(--utrecht-color-yellow-60);
  --utrecht-mapcontrolbutton-hover-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-hover-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-focus-color: var(--utrecht-color-black);
  --utrecht-mapcontrolbutton-label-margin-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-label-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-border-style: var(--utrecht-border-style-solid);
  --utrecht-mapcontrolbutton-border-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-background-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-mapcontrolbutton-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-mapcontrolbutton-padding-inline-end: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-inline-start: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-block-end: var(--utrecht-space-block-2xs);
  --utrecht-mapcontrolbutton-padding-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-mapcontrolbutton-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-min-inline-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-min-block-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-border-width: var(--utrecht-border-width-sm);
  --utrecht-map-marker-border-color: var(--utrecht-color-white);
  --utrecht-map-marker-color: var(--utrecht-color-white);
  --utrecht-map-marker-background-color: var(--utrecht-color-blue-30);
  --utrecht-listbox-option-group-title-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-listbox-option-group-title-color: var(--utrecht-color-black);
  --utrecht-listbox-option-group-title-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-listbox-option-group-title-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-listbox-option-group-margin-block-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-listbox-option-hover-background-color: var(--utrecht-color-blue-90);
  --utrecht-listbox-option-hover-color: var(--utrecht-color-black);
  --utrecht-listbox-option-selected-color: var(--utrecht-color-black);
  --utrecht-listbox-option-selected-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-listbox-option-active-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-listbox-option-active-color: var(--utrecht-color-black);
  --utrecht-listbox-option-active-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-listbox-option-padding-inline-start: var(--utrecht-space-inline-xs);
  --utrecht-listbox-option-padding-inline-end: var(--utrecht-space-inline-xs);
  --utrecht-listbox-option-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-listbox-option-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-listbox-background-color: var(--utrecht-color-white);
  --utrecht-link-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-link-color: var(--utrecht-color-blue-35);
  --utrecht-link-social-color: var(--utrecht-color-white);
  --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
  --utrecht-link-social-border-color: var(--utrecht-color-white);
  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
  --utrecht-link-list-item-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-link-list-item-column-gap: var(--utrecht-space-block-xs);
  --utrecht-link-list-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-index-char-nav-link-current-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-index-char-nav-gap: var(--utrecht-space-column-sm);
  --utrecht-index-char-nav-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-index-char-nav-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-6-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-6-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-6-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-6-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-5-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-5-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-5-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-5-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-4-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-4-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-4-font-size: var(--utrecht-typography-scale-lg-font-size);
  --utrecht-heading-4-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-3-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-3-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-3-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-3-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-2-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-2-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-2-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-2-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-1-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-1-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
  --utrecht-heading-1-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
  --utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
  --utrecht-form-toggle-thumb-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-form-toggle-thumb-background-color: var(--utrecht-color-white);
  --utrecht-form-toggle-track-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-toggle-track-border-radius: var(
    --utrecht-form-toggle-border-radius
  );
  --utrecht-form-toggle-color: var(--utrecht-color-black);
  --utrecht-form-toggle-background-color: var(--utrecht-color-white);
  --utrecht-form-label-radio-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-checkbox-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-legend-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-form-fieldset-legend-margin-block-start: var(
    --utrecht-space-block-xl
  );
  --utrecht-form-fieldset-legend-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-fieldset-legend-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-section-color: var(--utrecht-color-black);
  --utrecht-form-fieldset-section-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-form-fieldset-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-fieldset-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-description-margin-block-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-label-margin-block-end: var(--utrecht-space-block-sm);
  --utrecht-form-field-invalid-padding-inline-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-control-read-only-color: var(--utrecht-color-grey-20);
  --utrecht-form-control-read-only-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-control-focus-border-color: var(--utrecht-color-grey-80);
  --utrecht-form-control-placeholder-font-style: var(
    --utrecht-typography-font-style-normal
  );
  --utrecht-form-control-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-form-control-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-form-control-color: var(--utrecht-color-black);
  --utrecht-form-control-border-width: var(--utrecht-border-width-sm);
  --utrecht-form-control-border-color: var(--utrecht-color-grey-30);
  --utrecht-form-control-background-color: var(--utrecht-color-white);
  --utrecht-emphasis-strong-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-drawer-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-block-start: var(--utrecht-space-block-md);
  --utrecht-drawer-padding-block-end: var(--utrecht-space-block-md);
  --utrecht-drawer-border-color: var(--utrecht-color-grey-90);
  --utrecht-document-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-document-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-document-color: var(--utrecht-color-black);
  --utrecht-document-background-color: var(--utrecht-color-white);
  --utrecht-data-placeholder-background-color: var(--utrecht-color-grey-40);
  --utrecht-data-list-rows-item-value-margin-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-data-list-rows-item-margin-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-data-list-item-key-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-data-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-data-list-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-focus-inverse-outline-color: var(--utrecht-color-white);
  --utrecht-focus-outline-width: var(--utrecht-border-width-md);
  --utrecht-focus-outline-color: var(--utrecht-color-black);
  --utrecht-focus-background-color: var(--utrecht-color-yellow-60);
  --utrecht-feedback-active-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-inactive-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-success-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-error-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-valid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-border-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-background-color: var(--utrecht-color-invalid);
  --utrecht-feedback-safe-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-safe-color: var(--utrecht-color-green-50);
  --utrecht-feedback-warning-fill-color: var(--utrecht-color-black);
  --utrecht-feedback-warning-color: var(--utrecht-color-yellow-50);
  --utrecht-feedback-danger-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-danger-color: var(--utrecht-color-red-40);
  --utrecht-column-layout-gap: var(--utrecht-space-column-md);
  --utrecht-column-layout-column-rule-color: var(--utrecht-color-grey-80);
  --utrecht-code-block-margin-block-end: var(--utrecht-space-block-lg);
  --utrecht-code-block-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-code-block-color: var(--utrecht-color-black);
  --utrecht-code-block-background-color: var(--utrecht-color-grey-95);
  --utrecht-checkbox-indeterminate-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-checkbox-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
  --utrecht-checkbox-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-calendar-navigation-label-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-calendar-navigation-label-color: var(--utrecht-color-black);
  --utrecht-calendar-navigation-color: var(--utrecht-color-blue-30);
  --utrecht-calendar-table-days-item-day-disabled-color: var(
    --utrecht-color-grey-40
  );
  --utrecht-calendar-table-days-item-day-selected-color: var(
    --utrecht-color-white
  );
  --utrecht-calendar-table-days-item-day-selected-background-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-calendar-table-days-item-day-is-today-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-calendar-table-days-item-day-out-of-the-month-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-calendar-table-days-item-day-hover-border-color: var(
    --utrecht-color-black
  );
  --utrecht-calendar-table-days-item-day-hover-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-calendar-table-days-item-day-color: var(--utrecht-color-black);
  --utrecht-button-subtle-ready-focus-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-hover-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-color: var(--utrecht-color-green-50);
  --utrecht-button-subtle-danger-focus-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-hover-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-subtle-focus-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-hover-border-color: var(--utrecht-color-blue-40);
  --utrecht-button-subtle-hover-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-subtle-active-color: var(--utrecht-color-white);
  --utrecht-button-subtle-active-background-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-border-width: var(--utrecht-border-width-md);
  --utrecht-button-secondary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-ready-border-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-secondary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-warning-border-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-secondary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-secondary-action-danger-border-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-secondary-action-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-hover-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-secondary-action-hover-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-disabled-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-active-color: var(--utrecht-color-white);
  --utrecht-button-secondary-action-active-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-secondary-action-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-secondary-action-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-focus-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-hover-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-hover-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-danger-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-danger-background-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-primary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-focus-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-hover-color: var(
    --utrecht-color-black
  );
  --utrecht-button-primary-action-warning-hover-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-warning-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-warning-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-primary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-focus-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-ready-hover-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-ready-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-ready-background-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-primary-action-focus-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-primary-action-focus-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-focus-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-primary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-primary-action-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-active-color: var(--utrecht-color-blue-35);
  --utrecht-button-primary-action-active-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-primary-action-active-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-border-width: var(--utrecht-border-width-md);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-background-color: var(--utrecht-color-grey-90);
  --utrecht-button-icon-gap: var(--utrecht-space-text-xs);
  --utrecht-button-active-color: var(--utrecht-color-white);
  --utrecht-button-active-background-color: var(--utrecht-color-grey-40);
  --utrecht-button-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-button-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-button-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-button-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-button-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-button-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-button-color: var(--utrecht-color-grey-40);
  --utrecht-button-border-color: var(--utrecht-color-grey-40);
  --utrecht-button-background-color: var(--utrecht-color-white);
  --utrecht-breadcrumb-nav-arrows-link-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-focus-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-breadcrumb-nav-separator-icon-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-breadcrumb-nav-separator-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-link-icon-size: var(--utrecht-icon-scale-md);
  --utrecht-breadcrumb-nav-link-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-breadcrumb-nav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-item-padding-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-blockquote-content-color: var(--utrecht-color-red-40);
  --utrecht-badge-font-style: var(--utrecht-typography-font-style-normal);
  --utrecht-badge-padding-inline: var(--utrecht-space-inline-sm);
  --utrecht-badge-padding-block: var(--utrecht-space-block-xs);
  --utrecht-badge-color: var(--utrecht-color-white);
  --utrecht-badge-background-color: var(--utrecht-color-grey-30);
  --utrecht-badge-list-item-margin-inline: var(--utrecht-space-block-sm);
  --utrecht-badge-list-item-margin-block: var(--utrecht-space-block-xs);
  --utrecht-badge-counter-font-style: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-badge-counter-color: var(--utrecht-color-white);
  --utrecht-badge-counter-border-radius: var(--utrecht-badge-counter-font-size);
  --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
  --utrecht-backdrop-color: var(--utrecht-color-black);
  --utrecht-backdrop-background-color: var(--utrecht-color-white);
  --utrecht-alert-info-color: var(--utrecht-color-black);
  --utrecht-alert-info-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-icon-info-color: var(--utrecht-color-blue-35);
  --utrecht-alert-icon-ok-color: var(--utrecht-color-green-40);
  --utrecht-alert-icon-warning-color: var(--utrecht-color-yellow-40);
  --utrecht-alert-icon-error-color: var(--utrecht-color-red-40);
  --utrecht-alert-icon-gap: var(--utrecht-space-column-md);
  --utrecht-alert-icon-color: var(--utrecht-color-blue-35);
  --utrecht-alert-ok-color: var(--utrecht-color-black);
  --utrecht-alert-ok-background-color: var(--utrecht-color-green-90);
  --utrecht-alert-error-color: var(--utrecht-color-black);
  --utrecht-alert-error-background-color: var(--utrecht-color-red-95);
  --utrecht-alert-warning-color: var(--utrecht-color-black);
  --utrecht-alert-warning-background-color: var(--utrecht-color-yellow-80);
  --utrecht-alert-padding-inline-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-inline-start: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-start: var(--utrecht-space-block-lg);
  --utrecht-alert-color: var(--utrecht-color-black);
  --utrecht-alert-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-dialog-max-inline-size: var(
    --utrecht-article-max-inline-size
  );
  --utrecht-accordion-section-margin-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-accordion-panel-padding-inline-end: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-inline-start: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-icon-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-accordion-button-focus-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-focus-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-focus-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-active-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-active-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-active-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-hover-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-hover-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-background-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-inline-start: var(
    --utrecht-space-block-md
  );
  --utrecht-accordion-button-padding-inline-end: var(--utrecht-space-block-md);
  --of-layout-background: var(--utrecht-document-background-color);
  --denhaag-process-steps-sub-step-line-color: var(
    --denhaag-process-steps-step-line-color
  );
  --utrecht-toptask-link-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --utrecht-toptask-link-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --utrecht-toptask-link-color: var(--utrecht-button-primary-action-color);
  --utrecht-toptask-link-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --utrecht-skip-link-focus-background-color: var(
    --utrecht-topnav-link-focus-background-color
  );
  --utrecht-skip-link-focus-color: var(--utrecht-topnav-link-focus-color);
  --utrecht-skip-link-padding-inline-end: var(
    --utrecht-button-padding-inline-end
  );
  --utrecht-skip-link-padding-inline-start: var(
    --utrecht-button-padding-inline-start
  );
  --utrecht-skip-link-padding-block-end: var(
    --utrecht-button-padding-block-end
  );
  --utrecht-skip-link-padding-block-start: var(
    --utrecht-button-padding-block-start
  );
  --utrecht-skip-link-color: var(--utrecht-topnav-link-color);
  --utrecht-skip-link-background-color: var(
    --utrecht-topnav-list-background-color
  );
  --utrecht-radio-button-border-color: var(--utrecht-form-control-border-color);
  --utrecht-radio-button-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-paragraph-lead-color: var(--utrecht-document-color);
  --utrecht-listbox-border-width: var(--utrecht-form-control-border-width);
  --utrecht-listbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-link-visited-color: var(--utrecht-link-color);
  --utrecht-link-hover-color: var(--utrecht-link-focus-color);
  --utrecht-link-active-color: var(--utrecht-link-color);
  --utrecht-form-field-error-message-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-field-description-warning-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-form-field-description-invalid-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-control-invalid-border-color: var(
    --utrecht-feedback-invalid-border-color
  );
  --utrecht-form-control-font-family: var(--utrecht-document-font-family);
  --utrecht-drawer-color: var(--utrecht-document-color);
  --utrecht-drawer-background-color: var(--utrecht-document-background-color);
  --utrecht-feedback-active-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-inactive-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-success-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-error-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-valid-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-invalid-fill-background-color: var(
    --utrecht-feedback-invalid-background-color
  );
  --utrecht-feedback-safe-border-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-safe-background-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-warning-border-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-warning-background-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-danger-border-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-danger-background-color: var(
    --utrecht-feedback-danger-color
  );
  --utrecht-checkbox-color: var(--utrecht-form-control-color);
  --utrecht-checkbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-checkbox-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-button-subtle-pressed-color: var(
    --utrecht-button-subtle-active-color
  );
  --utrecht-button-subtle-pressed-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --utrecht-button-secondary-action-pressed-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --utrecht-button-secondary-action-pressed-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --utrecht-button-primary-action-pressed-color: var(
    --utrecht-button-primary-action-active-color
  );
  --utrecht-button-primary-action-pressed-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --utrecht-button-primary-action-pressed-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --utrecht-button-pressed-color: var(--utrecht-button-active-color);
  --utrecht-button-pressed-background-color: var(
    --utrecht-button-active-background-color
  );
  --utrecht-breadcrumb-nav-arrows-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --utrecht-breadcrumb-nav-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --of-layout-bg: var(--of-layout-background);
  --utrecht-radio-button-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-invalid-border-inline-start-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-description-valid-color: var(
    --utrecht-feedback-valid-color
  );
  --utrecht-feedback-active-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-active-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-inactive-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-inactive-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-success-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-success-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-error-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-error-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-valid-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-valid-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-safe-fill-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-warning-fill-background-color: var(
    --utrecht-feedback-warning-background-color
  );
  --utrecht-feedback-danger-fill-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-checkbox-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-feedback-active-fill-background-color: var(
    --utrecht-feedback-active-background-color
  );
  --utrecht-feedback-inactive-fill-background-color: var(
    --utrecht-feedback-inactive-background-color
  );
  --utrecht-feedback-success-fill-background-color: var(
    --utrecht-feedback-success-background-color
  );
  --utrecht-feedback-error-fill-background-color: var(
    --utrecht-feedback-error-background-color
  );
  --utrecht-feedback-valid-fill-background-color: var(
    --utrecht-feedback-valid-background-color
  );
}

@charset "UTF-8";
.utrecht-alert.alert-box {
  color: var(
    --nlds-alert-box-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  background-color: var(
    --nlds-alert-box-background-color,
    var(
      --_utrecht-alert-background-color,
      var(--utrecht-alert-background-color)
    )
  );
  display: block;
  border: none;
}
.utrecht-alert.alert-box > div {
  display: flex;
  grid-gap: 1rem;
}
.utrecht-alert.alert-box .utrecht-paragraph {
  color: inherit;
}
.utrecht-alert.alert-box .icon {
  flex-shrink: 0;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 100%;
  border: solid 2px
    var(
      --nlds-alert-box-color,
      var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
    );
  position: relative;
}
.utrecht-alert.alert-box .icon:before {
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(
    --nlds-alert-box-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  position: absolute;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 5px;
  mask-size: 5px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M48 80a48 48 0 1 1 96 0A48 48 0 1 1 48 80zM0 224c0-17.7 14.3-32 32-32H96c17.7 0 32 14.3 32 32V448h32c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H64V256H32c-17.7 0-32-14.3-32-32z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M48 80a48 48 0 1 1 96 0A48 48 0 1 1 48 80zM0 224c0-17.7 14.3-32 32-32H96c17.7 0 32 14.3 32 32V448h32c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H64V256H32c-17.7 0-32-14.3-32-32z'/%3E%3C/svg%3E");
}
.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
  );
  justify-content: start !important;
  position: relative;
}
.utrecht-accordion__button[aria-expanded]:after {
  background-color: var(--utrecht-accordion-button-icon-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[aria-expanded='false']:after {
  background-image: var(
    --utrecht-accordion-icon-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[aria-expanded='true']:after {
  background-image: var(
    --utrecht-accordion-icon-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__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;
}
.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);
}
.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);
  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);
}
.utrecht-index-char-nav {
  --utrecht-button-padding-inline-start: 1ch;
  --utrecht-button-padding-inline-end: 1ch;
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-index-char-nav-gap);
  margin-block-end: var(--utrecht-index-char-nav-margin-block-end);
  margin-block-start: var(--utrecht-index-char-nav-margin-block-start);
}
.utrecht-index-char-nav__link--current {
  --utrecht-button-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
  --utrecht-button-link-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
}
.utrecht-index-char-nav__link--disabled {
  pointer-events: none;
}
.utrecht-alternate-lang-nav__heading {
  display: none;
}
.utrecht-article {
  max-inline-size: var(--utrecht-article-max-inline-size);
}
.utrecht-badge-counter {
  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-document-font-family, sans-serif);
  font-size: var(--utrecht-badge-counter-font-size);
  font-style: var(--utrecht-badge-counter-font-style, normal);
  font-weight: var(
    --utrecht-badge-counter-font-weight,
    var(--utrecht-badge-font-weight, bold)
  );
  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;
  white-space: nowrap;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-badge-counter {
    border-color: currentColor;
    border-style: solid;
    border-width: 1px;
  }
}
.utrecht-badge-data {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    border-width: 1px;
  }
}
.utrecht-badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-badge-list-item-margin-block)
    var(--utrecht-badge-list-item-margin-inline);
}
.utrecht-badge-status {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    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)
  );
}
.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;
}
.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;
}
.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--disabled {
  --utrecht-link-placeholder-color: var(
    --utrecht-breadcrumb-nav-link-disabled-color,
    var(--utrecht-breadcrumb-nav-link-color)
  );
  background-color: var(
    --utrecht-breadcrumb-nav-link-disabled-background-color,
    var(--utrecht-breadcrumb-nav-link-background-color)
  );
  color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-breadcrumb-nav__link--current {
  --utrecht-link-current-font-weight: var(
    --utrecht-breadcrumb-nav-link-current-font-weight,
    inherit
  );
  cursor: var(--utrecht-action-inert-cursor, default);
  font-weight: var(--utrecht-breadcrumb-nav-link-current-font-weight, inherit);
}
.utrecht-breadcrumb-nav__separator,
.utrecht-breadcrumb-nav__separator--html-li {
  --_utrecht-breadcrumb-nav-separator-display: inline-flex;
  --utrecht-icon-size: var(--utrecht-breadcrumb-nav-separator-icon-size);
  align-items: center;
  color: var(--utrecht-breadcrumb-nav-separator-color);
  cursor: var(--utrecht-action-inert-cursor, default);
  display: var(--_utrecht-breadcrumb-nav-separator-display);
  inline-size: fit-content;
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-breadcrumb-nav--arrows {
  --utrecht-breadcrumb-nav-arrow-size: 24px;
  min-block-size: var(--utrecht-breadcrumb-nav-min-block-size);
  overflow: hidden;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link {
  background-color: var(--utrecht-breadcrumb-nav-arrows-link-background-color);
  padding-inline-end: 0;
  position: relative;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  block-size: 0;
  border-block-end-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-block-start-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-color: transparent;
  border-style: solid;
  content: ' ';
  display: block;
  inline-size: 0;
  inset-block-start: 50%;
  inset-inline-start: 100%;
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  position: absolute;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-background-color
  );
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  z-index: 2;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  border-inline-start-color: var(--utrecht-document-background-color);
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  margin-inline-start: 1px;
  z-index: 1;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus {
  --utrecht-link-focus-background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
  background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__link
  ~ .utrecht-breadcrumb-nav__link,
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__item
  ~ .utrecht-breadcrumb-nav__item
  .utrecht-breadcrumb-nav__link {
  padding-inline-start: calc(
    var(--utrecht-breadcrumb-nav-item-padding-inline-start) +
      var(--utrecht-breadcrumb-nav-arrow-size)
  );
}
.utrecht-breadcrumb-nav__item ~ .utrecht-breadcrumb-nav__item {
  margin-inline-start: var(--utrecht-breadcrumb-nav-item-divider-inline-size);
}
.utrecht-button {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button--distanced {
  margin-block-end: var(--utrecht-button-margin-block-end);
  margin-block-start: var(--utrecht-button-margin-block-start);
  margin-inline-end: var(--utrecht-button-margin-inline-end);
  margin-inline-start: var(--utrecht-button-margin-inline-start);
}
.utrecht-button--submit {
  cursor: var(--utrecht-action-submit-cursor, revert);
}
.utrecht-button--busy {
  cursor: var(--utrecht-action-busy-cursor, wait);
}
.utrecht-button--pressed {
  background-color: var(--_utrecht-button-pressed-background-color);
  border-color: var(--_utrecht-button-pressed-border-color);
  color: var(--_utrecht-button-pressed-color);
}
.utrecht-button:disabled,
.utrecht-button--disabled {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button--focus:not(.utrecht-button--disabled) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-button--hover:not(:disabled, .utrecht-button--disabled),
.utrecht-button:hover:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button:active:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ),
.utrecht-button--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-danger-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-ready-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-warning-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-danger-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-ready-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-warning-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-danger-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-danger-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-danger-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-ready-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-ready-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-ready-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-warning-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-warning-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-warning-pressed-color
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Frameless B.V.
 */
.utrecht-button-group {
  align-items: baseline;
  background-color: var(--utrecht-button-group-background-color);
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-button-group-inline-gap, 1em);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-start, 0)
  );
  min-block-size: var(--utrecht-button-block-size);
  padding-block-end: var(--utrecht-button-group-padding-block-end);
  padding-block-start: var(--utrecht-button-group-padding-block-start);
}
.utrecht-button-group--distanced {
  --utrecht-space-around: 1;
}
.utrecht-button-group__link-button--row,
.utrecht-button-group--row .utrecht-link-button,
.utrecht-button-group:not(.utrecht-button-group--column) .utrecht-link-button {
  --utrecht-button-padding-inline-end: 0;
  --utrecht-button-padding-inline-start: 0;
}
.utrecht-button-group--column {
  flex-direction: column;
  gap: var(--utrecht-button-group-block-gap, 1em);
}
.utrecht-calendar {
  background-color: var(--utrecht-calendar-background-color);
  inline-size: fit-content;
}
.utrecht-calendar__table {
  margin-inline: auto;
  padding-block-end: var(--utrecht-calendar-table-padding-block-end);
  padding-block-start: var(--utrecht-calendar-table-padding-block-start);
}
.utrecht-calendar__table-weeks-item {
  inline-size: var(--utrecht-calendar-table-weeks-item-width);
  line-height: var(--utrecht-calendar-table-weeks-item-line-height, inherit);
  padding-block-end: var(--utrecht-calendar-table-weeks-item-padding-block-end);
  padding-block-start: var(
    --utrecht-calendar-table-weeks-item-padding-block-start
  );
}
.utrecht-calendar__table-days-item-day {
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-border-color
  );
  --utrecht-calendar-button-border-width: var(
    --utrecht-calendar-table-days-item-day-border-width
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-color
  );
  block-size: var(--utrecht-calendar-table-days-item-day-size);
  inline-size: var(--utrecht-calendar-table-days-item-day-size);
}
.utrecht-calendar__table-days-item-day:hover {
  --utrecht-calendar-button-hover-background-color: var(
    --utrecht-calendar-table-days-item-day-hover-background-color
  );
  --utrecht-calendar-button-hover-border-color: var(
    --utrecht-calendar-table-days-item-day-hover-border-color
  );
  --utrecht-calendar-button-hover-color: var(
    --utrecht-calendar-table-days-item-day-hover-color
  );
}
.utrecht-calendar__table-days-item-day:focus {
  --utrecht-calendar-button-focus-background-color: var(
    --utrecht-calendar-table-days-item-day-focus-background-color
  );
  --utrecht-calendar-button-focus-border-color: var(
    --utrecht-calendar-table-days-item-day-focus-border-color
  );
  --utrecht-calendar-button-focus-color: var(
    --utrecht-calendar-table-days-item-day-focus-color
  );
}
.utrecht-calendar__table-days-item-day:active {
  --utrecht-calendar-button-active-background-color: var(
    --utrecht-calendar-table-days-item-day-active-background-color
  );
  --utrecht-calendar-button-active-border-color: var(
    --utrecht-calendar-table-days-item-day-active-border-color
  );
  --utrecht-calendar-button-active-color: var(
    --utrecht-calendar-table-days-item-day-active-color
  );
}
.utrecht-calendar__table-days-item-day:disabled {
  --utrecht-calendar-button-disabled-background-color: var(
    --utrecht-calendar-table-days-item-day-disabled-background-color
  );
  --utrecht-calendar-button-disabled-border-color: var(
    --utrecht-calendar-table-days-item-day-disabled-border-color
  );
  --utrecht-calendar-button-disabled-color: var(
    --utrecht-calendar-table-days-item-day-disabled-color
  );
}
.utrecht-calendar__table-days-item-day--out-of-the-month {
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-color
  );
}
.utrecht-calendar__table-days-item-day--is-today {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-is-today-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-is-today-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-is-today-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-is-today-color
  );
}
.utrecht-calendar__table-days-item-day--emphasis {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-emphasis-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-color
  );
}
.utrecht-calendar__table-days-item-day--selected {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-selected-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-selected-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-selected-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-selected-color
  );
}
.utrecht-calendar__navigation {
  background-color: var(--utrecht-calendar-navigation-background-color);
  color: var(--utrecht-calendar-navigation-color);
  padding-block-end: var(--utrecht-calendar-navigation-padding-block-end);
  padding-block-start: var(--utrecht-calendar-navigation-padding-block-start);
}
.utrecht-calendar__navigation-label {
  color: var(--utrecht-calendar-navigation-label-color);
  font-size: var(--utrecht-calendar-navigation-label-font-size);
  text-align: center;
}
.utrecht-calendar__navigation-buttons {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.utrecht-calendar__button {
  --utrecht-button-subtle-color: var(
    --utrecht-calendar-button-color,
    currentColor
  );
  --utrecht-button-subtle-background-color: var(
    --utrecht-calendar-button-background-color,
    transparent
  );
  --utrecht-button-subtle-border-color: var(
    --utrecht-calendar-button-border-color,
    transparent
  );
  --utrecht-button-subtle-border-width: var(
    --utrecht-calendar-button-border-width
  );
  --utrecht-button-font-weight: var(--utrecht-calendar-button-font-weight);
  --utrecht-button-subtle-focus-background-color: var(
    --utrecht-calendar-button-focus-background-color
  );
  --utrecht-button-subtle-focus-border-color: var(
    --utrecht-calendar-button-focus-border-color
  );
  --utrecht-button-subtle-focus-color: var(
    --utrecht-calendar-button-focus-color
  );
  --utrecht-button-subtle-active-background-color: var(
    --utrecht-calendar-button-active-background-color
  );
  --utrecht-button-subtle-active-border-color: var(
    --utrecht-calendar-button-active-border-color
  );
  --utrecht-button-subtle-active-color: var(
    --utrecht-calendar-button-active-color
  );
  --utrecht-button-subtle-hover-background-color: var(
    --utrecht-calendar-button-hover-background-color
  );
  --utrecht-button-subtle-hover-border-color: var(
    --utrecht-calendar-button-hover-border-color,
    transparent
  );
  --utrecht-button-subtle-hover-color: var(
    --utrecht-calendar-button-hover-color
  );
  --utrecht-button-subtle-disabled-background-color: var(
    --utrecht-calendar-button-disabled-background-color
  );
  --utrecht-button-subtle-disabled-border-color: var(
    --utrecht-calendar-button-disabled-border-color
  );
  --utrecht-button-subtle-disabled-color: var(
    --utrecht-calendar-button-disabled-color
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-calendar-button-padding-block-end,
    0
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-calendar-button-padding-block-start,
    0
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-calendar-button-padding-inline-end,
    0
  );
  --utrecht-button-padding-inline-start: var(
    --utrecht-calendar-button-padding-inline-start,
    0
  );
  cursor: pointer;
}
.utrecht-calendar__icon {
  block-size: var(--utrecht-calendar-icon-size);
  inline-size: var(--utrecht-calendar-icon-size);
}
.utrecht-code {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
}
.utrecht-code-block {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
  --utrecht-code-color: var(--utrecht-code-block-color, inherit);
  --utrecht-code-background-color: var(
    --utrecht-code-block-background-color,
    inherit
  );
  --utrecht-code-font-weight: var(--utrecht-code-block-font-weight, inherit);
  --utrecht-code-font-size: var(--utrecht-code-block-font-size, inherit);
  --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
  background-color: var(--utrecht-code-block-background-color);
  display: block;
  font-size: var(--utrecht-code-block-font-size, var(--utrecht-code-font-size));
  line-height: var(
    --utrecht-code-block-line-height,
    var(--utrecht-code-line-height)
  );
  margin-block-end: var(--utrecht-code-block-margin-block-end);
  margin-block-start: var(--utrecht-code-block-margin-block-start);
  margin-inline-end: var(--utrecht-code-block-margin-inline-end);
  margin-inline-start: var(--utrecht-code-block-margin-inline-start);
  padding-block-end: var(--utrecht-code-block-padding-block-end);
  padding-block-start: var(--utrecht-code-block-padding-block-start);
  padding-inline-end: var(--utrecht-code-block-padding-inline-end);
  padding-inline-start: var(--utrecht-code-block-padding-inline-start);
  white-space: pre;
}
.utrecht-code-block__content {
  font-family: inherit;
  font-size: inherit;
}
.utrecht-color-sample {
  background-color: var(--utrecht-color-sample-background-color, currentColor);
  block-size: var(--utrecht-color-sample-block-size, 2em);
  border-color: var(
    --utrecht-color-sample-border-color,
    var(--utrecht-color-sample-default-border-color)
  );
  border-radius: var(--utrecht-color-sample-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-color-sample-border-width, 0);
  box-sizing: border-box;
  display: inline-block;
  inline-size: var(--utrecht-color-sample-inline-size, 2em);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
@media (forced-colors: active) {
  .utrecht-color-sample {
    forced-color-adjust: none;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-dark-border-color,
      #000
    );
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-light-border-color,
      #fff
    );
  }
}
.utrecht-button-link {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
  cursor: var(--utrecht-action-navigate-cursor, pointer);
  text-decoration: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button-link {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button-link--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--placeholder {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button-link--html-a:focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--html-a:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--html-a:hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--html-a:active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button-link--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button-link--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-checkbox {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  cursor: var(--utrecht-action-activate-cursor, revert);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-checkbox--disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--html-input:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-column-layout {
  column-gap: var(--utrecht-column-layout-gap, 2em);
  column-width: var(--utrecht-column-layout-column-width, 40ch);
  display: block;
}
.utrecht-column-layout--rule {
  column-rule-color: var(--utrecht-column-layout-column-rule-color);
  column-rule-style: solid;
  column-rule-width: var(--utrecht-column-layout-column-rule-width, 0);
}
.utrecht-checkbox--custom,
.utrecht-custom-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-checkbox-size, 1em);
  border-color: var(--utrecht-checkbox-border-color);
  border-radius: var(--utrecht-checkbox-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-checkbox-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-checkbox-size, 1em);
  margin-block-start: var(--utrecht-checkbox-margin-block-start);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  vertical-align: top;
}
.utrecht-checkbox--custom.utrecht-checkbox--checked,
.utrecht-custom-checkbox--checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled,
.utrecht-custom-checkbox--disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,
.utrecht-custom-checkbox--disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,
.utrecht-custom-checkbox--disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,
.utrecht-custom-checkbox--indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--invalid,
.utrecht-custom-checkbox--invalid {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--active,
.utrecht-custom-checkbox--active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--hover,
.utrecht-custom-checkbox--hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus,
.utrecht-custom-checkbox--focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,
.utrecht-custom-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,
.utrecht-custom-checkbox--html-input:disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,
.utrecht-custom-checkbox--html-input:disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,
.utrecht-custom-checkbox--html-input:disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,
.utrecht-custom-checkbox--html-input:hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,
.utrecht-custom-checkbox--html-input:focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,
.utrecht-custom-checkbox--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,
.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid='true'],
.utrecht-custom-checkbox--html-input:invalid,
.utrecht-custom-checkbox--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,
.utrecht-custom-checkbox--html-input:active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,
.utrecht-custom-checkbox--html-input:checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,
.utrecht-custom-checkbox--html-input:indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-data-list {
  display: block;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-start, 0)
  );
}
.utrecht-data-list__item-key {
  color: var(--utrecht-data-list-item-key-color);
  font-size: var(--utrecht-data-list-item-key-font-size);
  font-weight: var(--utrecht-data-list-item-key-font-weight);
  line-height: var(--utrecht-data-list-item-key-line-height);
}
.utrecht-data-list__item-value {
  color: var(--utrecht-data-list-item-value-color);
  font-size: var(--utrecht-data-list-item-value-font-size);
  font-weight: var(--utrecht-data-list-item-value-font-weight);
  line-height: var(--utrecht-data-list-item-value-line-height);
  min-block-size: calc(var(--utrecht-data-list-item-value-line-height) * 1rem);
}
.utrecht-data-list__actions--html-dd,
.utrecht-data-list__item-value--html-dd {
  margin-inline-start: 0;
}
.utrecht-data-list__item-value--multiline {
  white-space: pre-line;
}
.utrecht-data-list--rows .utrecht-data-list__actions {
  align-items: baseline;
  display: flex;
  grid-column: -1;
  grid-row: 1;
  justify-content: flex-end;
}
.utrecht-data-list--rows .utrecht-data-list__item {
  --_utrecht-minmax: max(
    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),
    var(--utrecht-data-list-rows-column-inline-size, 80%)
  );
  --_utrecht-auto-col: minmax(var(--_utrecht-minmax), max-content);
  border-block-end-color: var(
    --utrecht-data-list-rows-border-bottom-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-data-list-rows-border-bottom-width, 0);
  column-gap: var(--utrecht-data-list-rows-gap);
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: repeat(auto-fit, var(--_utrecht-auto-col));
  margin-block-start: var(--utrecht-data-list-rows-item-margin-block-start);
  padding-block-end: var(--utrecht-data-list-rows-item-padding-block-end);
  padding-block-start: var(--utrecht-data-list-rows-item-padding-block-start);
  row-gap: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item:first-of-type {
  margin-block-start: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item-value {
  margin-block-start: var(
    --utrecht-data-list-rows-item-value-margin-block-start
  );
}
.utrecht-digid-button {
  --utrecht-button-min-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-digid-button-block-size, 50px);
  block-size: var(--utrecht-digid-button-block-size, 50px);
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-document {
  color: var(--utrecht-document-color, inherit);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-document-font-size, inherit);
  font-weight: var(--utrecht-document-font-weight, inherit);
  line-height: var(--utrecht-document-line-height, inherit);
  text-rendering: optimizeLegibility;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
.utrecht-document :lang(ar) {
  letter-spacing: 0 !important;
}
.utrecht-document--surface {
  background-color: var(--utrecht-document-background-color, inherit);
}
.utrecht-drawer {
  --_utrecht-drawer-backdrop-min-size: max(
    var(--utrecht-drawer-backdrop-min-size),
    44px
  );
  background-color: var(--utrecht-drawer-background-color, Canvas);
  border-color: var(--utrecht-drawer-border-color, currentColor);
  border-width: var(--utrecht-drawer-border-width, 0);
  box-sizing: border-box;
  color: var(--utrecht-drawer-color, CanvasText);
  overflow: auto;
  padding-block-end: var(--utrecht-drawer-padding-block-end);
  padding-block-start: var(--utrecht-drawer-padding-block-start);
  padding-inline-end: var(--utrecht-drawer-padding-inline-end);
  padding-inline-start: var(--utrecht-drawer-padding-inline-start);
  position: fixed;
  z-index: var(--utrecht-drawer-z-index, 1);
}
.utrecht-drawer::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;
}
@keyframes utrecht-backdrop-fade-in {
  0% {
    opacity: 0%;
  }
  to {
    opacity: var(--_utrecht-backdrop-opacity);
  }
}
@media (prefers-reduced-motion: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-fade-in-animation-duration: 0;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-opacity: var(
      --utrecht-backdrop-reduced-transparency-opacity,
      100%
    );
  }
}
.utrecht-drawer--inline-start {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-inline-start-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: auto;
  inset-inline-start: 0;
}
.utrecht-drawer--inline-end {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  border-inline-end-width: 0;
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: 0;
  inset-inline-start: auto;
}
.utrecht-drawer--block-start {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-start-width: 0;
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: auto;
  inset-block-start: 0;
}
.utrecht-drawer--block-end {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-end-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: 0;
  inset-block-start: auto;
}
.utrecht-emphasis--stressed {
  font-style: var(--utrecht-emphasis-stressed-font-style, italic);
}
.utrecht-emphasis--strong {
  font-weight: var(--utrecht-emphasis-strong-font-weight, bold);
}
.utrecht-figure {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-start, 0)
  );
}
.utrecht-figure__caption {
  color: var(--utrecht-figure-caption-color);
  font-size: var(--utrecht-figure-caption-font-size);
  line-height: var(--utrecht-figure-caption-line-height);
}
.utrecht-form {
  display: block;
  max-inline-size: var(--utrecht-form-max-inline-size);
}
.utrecht-form-field-description {
  --utrecht-document-color: currentColor;
  color: var(--utrecht-form-field-description-color);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-description-font-size, inherit);
  font-style: var(--utrecht-form-field-description-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
}
.utrecht-form-field-description > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--invalid {
  color: var(
    --utrecht-form-field-description-invalid-color,
    var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color))
  );
}
.utrecht-form-field-description--valid {
  color: var(
    --utrecht-form-field-description-valid-color,
    var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color))
  );
}
.utrecht-form-field-description--warning {
  color: var(
    --utrecht-form-field-description-warning-color,
    var(--utrecht-feedback-warning-color)
  );
}
.utrecht-form-field-error-message {
  --utrecht-document-color: currentColor;
  background-color: var(--utrecht-form-field-error-message-background-color);
  color: var(--utrecht-form-field-error-message-color);
  display: block;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-error-message-font-size, inherit);
  font-style: var(--utrecht-form-field-error-message-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-block-end: var(--utrecht-form-field-error-message-padding-block-end);
  padding-block-start: var(
    --utrecht-form-field-error-message-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-form-field-error-message-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-form-field-error-message-padding-inline-start
  );
}
.utrecht-form-field-error-message > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field {
  break-inside: avoid;
  font-family: var(--utrecht-document-font-family, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-start, 0)
  );
  max-inline-size: var(--utrecht-form-field-max-inline-size);
  page-break-inside: avoid;
}
.utrecht-form-field--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field--invalid {
  border-inline-start-color: var(
    --utrecht-form-field-invalid-border-inline-start-color
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-field-invalid-border-inline-start-width,
    0
  );
  padding-inline-start: var(--utrecht-form-field-invalid-padding-inline-start);
}
.utrecht-form-field--checkbox {
  display: grid;
  gap: 0 var(--utrecht-checkbox-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-checkbox-size) 100fr;
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-checkbox-size) +
          var(--utrecht-checkbox-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-checkbox-margin-inline-end, 12px);
}
.utrecht-form-field--radio {
  display: grid;
  gap: 0 var(--utrecht-radio-button-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-radio-button-size) 100fr;
}
.utrecht-form-field--radio
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-radio-button-size) +
          var(--utrecht-radio-button-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--radio
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end, 12px);
}
.utrecht-form-field__input {
  margin-block-end: 0;
  margin-block-start: 0;
  grid-area: input;
  order: 5;
}
.utrecht-form-field__label {
  grid-area: label;
  margin-block-end: var(--utrecht-form-field-label-margin-block-end);
  margin-block-start: 0;
  order: 1;
}
.utrecht-form-field .utrecht-form-field-description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field .utrecht-form-field-description--invalid {
  grid-area: description-invalid;
  order: 3;
}
.utrecht-form-field__description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field__description--before {
  grid-area: description-before;
  order: 4;
}
.utrecht-form-fieldset {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--html-fieldset,
.utrecht-form-fieldset__fieldset--html-fieldset {
  all: revert;
  border: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  min-inline-size: 0;
  padding-block-end: 0;
  padding-block-start: 0.01em;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset__legend--html-legend {
  display: table;
  inline-size: 100%;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-fieldset--section {
  background-color: var(--utrecht-form-fieldset-section-background-color);
  color: var(--utrecht-form-fieldset-section-color);
}
.utrecht-form-fieldset__legend {
  break-inside: avoid;
  color: var(
    --utrecht-form-fieldset-legend-color,
    var(--utrecht-document-color, inherit)
  );
  font-family: var(
    --utrecht-form-fieldset-legend-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-form-fieldset-legend-font-size);
  font-weight: var(--utrecht-form-fieldset-legend-font-weight);
  line-height: var(--utrecht-form-fieldset-legend-line-height);
  page-break-after: avoid;
  page-break-inside: avoid;
}
.utrecht-form-fieldset__legend--disabled {
  color: var(
    --utrecht-form-fieldset-legend-disabled-color,
    var(
      --utrecht-form-fieldset-legend-color,
      var(--utrecht-document-color, inherit)
    )
  );
}
.utrecht-form-fieldset__legend--distanced {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--invalid {
  border-inline-start-color: var(
    --utrecht-form-fieldset-invalid-border-inline-start-color,
    var(--utrecht-form-field-invalid-border-inline-start-color)
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-fieldset-invalid-border-inline-start-width,
    var(--utrecht-form-field-invalid-border-inline-start-width)
  );
  padding-inline-start: var(
    --utrecht-form-fieldset-invalid-padding-inline-start,
    var(--utrecht-form-field-invalid-padding-inline-start)
  );
}
.utrecht-form-label {
  color: var(--utrecht-form-label-color);
  font-size: var(--utrecht-form-label-font-size);
  font-weight: var(--utrecht-form-label-font-weight);
}
.utrecht-form-label--checkbox {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-checkbox-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--checked {
  font-weight: var(
    --utrecht-form-label-checked-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
  font-weight: var(
    --utrecht-form-label-disabled-color,
    var(--utrecht-form-label-color)
  );
}
.utrecht-form-label--radio {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-radio-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-toggle {
  align-items: center;
  block-size: var(--utrecht-form-toggle-height, 2em);
  border-color: var(--utrecht-form-toggle-border-color, currentColor);
  border-radius: var(--utrecht-form-toggle-border-radius, 999rem);
  border-style: var(--utrecht-form-toggle-border-style, solid);
  border-width: var(--utrecht-form-toggle-border-width, 1px);
  color: var(--utrecht-form-toggle-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: flex;
  inline-size: var(--utrecht-form-toggle-width, 6em);
  padding-block-end: var(--utrecht-form-toggle-padding-block-end);
  padding-block-start: var(--utrecht-form-toggle-padding-block-start);
  padding-inline-end: var(--utrecht-form-toggle-padding-inline-end);
  padding-inline-start: var(--utrecht-form-toggle-padding-inline-start);
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-form-toggle {
    --utrecht-form-toggle-background-color: ButtonFace;
    --utrecht-form-toggle-border-color: buttonborder;
    --utrecht-form-toggle-border-width: 1px;
    --utrecht-form-toggle-border-radius: var(
      --utrecht-form-toggle-track-border-radius
    );
    --utrecht-form-toggle-thumb-background-color: ButtonText;
    --utrecht-form-toggle-thumb-disabled-background-color: GrayText;
    border-color: var(
      --utrecht-form-toggle-track-disabled-border-color,
      var(--utrecht-form-toggle-track-border-color)
    );
    border-width: min(var(--utrecht-form-toggle-border-width, 1px), 1px);
  }
}
.utrecht-form-toggle--focus-visible,
.utrecht-form-toggle--html-div:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--hover {
  background-color: var(
    --utrecht-form-toggle-hover-background-color,
    var(--utrecht-form-toggle-background-color)
  );
  color: var(
    --utrecht-form-toggle-hover-color,
    var(--utrecht-form-toggle-color)
  );
}
.utrecht-form-toggle--disabled,
.utrecht-form-toggle--html-div:disabled {
  border-color: var(
    --utrecht-form-toggle-disabled-border-color,
    var(--utrecht-form-toggle-border-color, currentColor)
  );
  border-style: var(
    --utrecht-form-toggle-disabled-border-style,
    var(--utrecht-form-toggle-border-style, solid)
  );
  border-width: var(
    --utrecht-form-toggle-disabled-border-width,
    var(--utrecht-form-toggle-border-width, 1px)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-background-color,
    currentColor
  );
  border-radius: var(--utrecht-form-toggle-thumb-border-radius, 50%);
  box-shadow: var(--utrecht-form-toggle-thumb-box-shadow);
  margin-inline-end: var(--utrecht-form-toggle-thumb-margin-inline-end, 0);
  margin-inline-start: var(--utrecht-form-toggle-thumb-margin-inline-start, 0);
  min-block-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  min-inline-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  z-index: 20;
}
.utrecht-form-toggle__thumb--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-start: auto;
}
.utrecht-form-toggle__thumb--not-checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:not(:checked)
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-end: auto;
}
.utrecht-form-toggle__thumb--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-disabled-background-color,
    #aaa
  );
  box-shadow: var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0);
}
.utrecht-form-toggle__track {
  align-items: center;
  background-color: var(--utrecht-form-toggle-accent-color);
  block-size: 100%;
  border-radius: var(
    --utrecht-form-toggle-track-border-radius,
    var(--utrecht-form-toggle-border-radius)
  );
  display: flex;
  inline-size: 100%;
}
.utrecht-form-toggle__track--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-checked-accent-color,
    var(--utrecht-form-toggle-accent-color)
  );
}
.utrecht-form-toggle__track--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-background-disabled-background-color,
    #ddd
  );
  color: var(--utrecht-form-toggle-disabled-color, black);
}
.utrecht-form-toggle__track--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox {
  block-size: 1px !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  inline-size: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
}
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:focus-visible
  ~ .utrecht-form-toggle__track {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-heading-1 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-1-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-1-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-1-font-size, revert);
  font-weight: var(
    --utrecht-heading-1-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-1-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-1--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-2 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-2-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-2-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-2-font-size, revert);
  font-weight: var(
    --utrecht-heading-2-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-2-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-2--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-3 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-3-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-3-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-3-font-size, revert);
  font-weight: var(
    --utrecht-heading-3-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-3-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-3--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-4 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-4-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-4-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-4-font-size, revert);
  font-weight: var(
    --utrecht-heading-4-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-4-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-4--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-5 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-5-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-5-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-5-font-size, revert);
  font-weight: var(
    --utrecht-heading-5-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-5-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-5--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-heading-6 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-6-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-6-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-6-font-size, revert);
  font-weight: var(
    --utrecht-heading-6-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-6-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-6--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 */
.utrecht-heading-group {
  --utrecht-pre-heading-order: -1;
  display: flex;
  flex-direction: column;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-start, 0)
  );
}
.utrecht-heading-group > * {
  --utrecht-space-around: 0;
}
.utrecht-iban-data {
  font-variant-numeric: lining-nums slashed-zero tabular-nums;
  white-space: nowrap;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Gemeente Utrecht
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-icon {
  block-size: var(--utrecht-icon-size);
  color: var(--utrecht-icon-color);
  display: inline-block;
  font-size: var(--utrecht-icon-size);
  inline-size: var(--utrecht-icon-size);
  inset-block-start: var(--utrecht-icon-inset-block-start, 0);
  position: relative;
}
.utrecht-icon svg {
  height: 100%;
  pointer-events: none;
  width: 100%;
}
.utrecht-img {
  height: auto;
  width: auto;
}
.utrecht-img--scale-down,
.utrecht-img--photo {
  max-height: 100%;
  max-width: 100%;
}
.utrecht-link-list,
.utrecht-link-list--html-ul {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
}
.utrecht-link-list > li,
.utrecht-link-list--html-ul > li {
  list-style: none;
}
.utrecht-link-list {
  --utrecht-link-text-decoration: none;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: underline;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-start, 0)
  );
}
.utrecht-link-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-link-list__item {
  --utrecht-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-link-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-icon-inset-block-start: var(
    --utrecht-link-list-icon-inset-block-start
  );
  display: block;
  font-weight: var(--utrecht-link-list-item-font-weight);
}
.utrecht-link-list__item + .utrecht-link-list__item {
  margin-block-start: var(--utrecht-link-list-item-margin-block-start);
}
.utrecht-link-list__link {
  align-items: baseline;
  column-gap: var(--utrecht-link-list-item-column-gap);
  display: inline-flex;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-link-button {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family)
  );
  font-weight: var(--utrecht-button-font-weight);
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: inherit;
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-link-button--hover,
.utrecht-link-button--html-button:not(:disabled):hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--disabled {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link-button--focus,
.utrecht-link-button--html-button:not(:disabled):focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--focus-visible,
.utrecht-link-button--html-button:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link-button--active,
.utrecht-link-button--html-button:not(:disabled):active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--inline {
  --utrecht-icon-inset-block-start: var(
    --utrecht-icon-baseline-inset-block-start
  );
  min-block-size: auto;
  min-inline-size: auto;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-link-button--pressed {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--html-button {
  background-color: transparent;
  border-width: 0;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 * Copyright (c) 2022 Gemeente Utrecht
 */
.utrecht-link-social {
  --utrecht-icon-size: var(--utrecht-link-social-icon-size);
  --utrecht-icon-color: currentColor;
  align-items: center;
  background-color: var(--utrecht-link-social-background-color);
  block-size: var(--utrecht-link-social-size);
  border-color: var(--utrecht-link-social-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-link-social-border-width);
  color: var(--utrecht-link-social-color);
  display: inline-flex;
  inline-size: var(--utrecht-link-social-size);
  justify-content: center;
}
.utrecht-link-social:hover,
.utrecht-link-social--hover {
  background-color: var(
    --utrecht-link-social-hover-background-color,
    var(--utrecht-link-social-background-color)
  );
  color: var(
    --utrecht-link-social-hover-color,
    var(--utrecht-link-social-color)
  );
  transform: var(--utrecht-link-social-hover-transform-scale);
}
.utrecht-link-social:focus-visible,
.utrecht-link-social--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-link-social--distanced {
  margin-inline-start: var(--utrecht-link-social-margin-inline-start);
}
.utrecht-list-social {
  display: flex;
  margin-block-end: var(--utrecht-list-social-margin-block-end);
  margin-block-start: var(--utrecht-list-social-margin-block-start);
  padding-inline-end: var(--utrecht-list-social-padding-inline-end);
  padding-inline-start: var(--utrecht-list-social-padding-inline-start);
}
.utrecht-list-social__item {
  list-style-type: none;
  margin-inline-end: var(--utrecht-list-social-item-margin-inline-end);
}
.utrecht-list-social__item:last-child {
  margin-inline-end: 0;
}
.utrecht-link {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
}
.utrecht-link:any-link {
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
}
.utrecht-link--icon-left {
  background-image: var(--utrecht-link-icon-left-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-link-color, LinkText);
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration-line: none;
}
.utrecht-link--visited {
  --_utrecht-link-forced-colors-color: visitedtext;
  --_utrecht-link-state-color: var(--utrecht-link-visited-color);
}
.utrecht-link--html-a:any-link:hover,
.utrecht-link--hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus,
.utrecht-link--html-a:any-link:focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus:not(:focus-visible),
.utrecht-link--html-a:any-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-link--html-span:active,
.utrecht-link--html-a:any-link:active,
.utrecht-link--active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link--telephone {
  white-space: nowrap;
}
.utrecht-link--current {
  cursor: var(--utrecht-action-inert-cursor, normal);
  font-weight: var(--utrecht-link-current-font-weight);
}
.utrecht-link--box-content:any-link {
  color: unset;
  display: inline-block;
  text-decoration-line: unset;
  text-decoration-skip-ink: unset;
  text-decoration-thickness: unset;
  text-underline-offset: unset;
}
.utrecht-link--placeholder {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link--forced-colors {
  --utrecht-focus-outline-color: Highlight;
  --utrecht-focus-inverse-outline-color: HighlightText;
  --utrecht-link-color: linktext;
  --utrecht-link-hover-color: linktext;
  --utrecht-link-focus-color: linktext;
  --utrecht-link-active-color: activetext;
  --utrecht-link-visited-color: visitedtext;
  --utrecht-link-placeholder-color: GrayText;
}
.utrecht-logo-button {
  --utrecht-icon-size: var(--utrecht-logo-button-icon, 50px);
  --utrecht-button-min-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-logo-button-block-size, 50px);
  align-items: flex-start;
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-logo {
  display: block;
  max-block-size: var(--utrecht-logo-max-block-size, 192px);
  max-inline-size: var(--utrecht-logo-max-inline-size, 96px);
  min-block-size: var(--utrecht-logo-min-block-size);
  min-inline-size: var(--utrecht-logo-min-inline-size);
}
.utrecht-logo > * {
  block-size: 100%;
  display: inline-block;
  inline-size: auto;
}
.utrecht-mapcontrolbutton {
  --utrecht-icon-size: var(--utrecht-mapcontrolbutton-min-block-size);
  --utrecht-icon-color: var(--utrecht-mapcontrolbutton-color);
  align-items: center;
  background-color: var(--utrecht-mapcontrolbutton-background-color);
  border-color: var(--utrecht-mapcontrolbutton-border-color);
  border-radius: var(--utrecht-mapcontrolbutton-border-radius);
  border-style: var(--utrecht-mapcontrolbutton-border-style);
  border-width: var(--utrecht-mapcontrolbutton-border-width);
  color: var(--utrecht-mapcontrolbutton-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  min-block-size: var(--utrecht-mapcontrolbutton-min-block-size);
  min-inline-size: var(--utrecht-mapcontrolbutton-min-inline-size);
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-mapcontrolbutton:disabled,
.utrecht-mapcontrolbutton--disabled {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-disabled-color,
    var(--utrecht-mapcontrolbutton-color)
  );
  background-color: var(--utrecht-mapcontrolbutton-disabled-background-color);
  border-color: var(--utrecht-mapcontrolbutton-disabled-border-color);
  color: var(--utrecht-mapcontrolbutton-disabled-color);
}
.utrecht-mapcontrolbutton--focus-visible,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-mapcontrolbutton--focus,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-focus-color,
    var(--utrecht-mapcontrolbutton-color)
  );
}
.utrecht-mapcontrolbutton:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-mapcontrolbutton--hover:not(:disabled),
.utrecht-mapcontrolbutton:hover:not(
    :disabled,
    .utrecht-mapcontrolbutton--disabled
  ) {
  background-color: var(--utrecht-mapcontrolbutton-hover-background-color);
  color: var(--utrecht-mapcontrolbutton-color);
}
.utrecht-mapcontrolbutton__label {
  display: block;
  padding-inline-end: var(--utrecht-mapcontrolbutton-label-margin-inline-end);
  padding-inline-start: var(
    --utrecht-mapcontrolbutton-label-margin-inline-start
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-map-marker {
  --utrecht-icon-size: var(--utrecht-map-marker-icon-size);
  align-items: center;
  background-color: var(--utrecht-map-marker-background-color);
  block-size: var(--utrecht-map-marker-size);
  border-color: var(--utrecht-map-marker-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-map-marker-border-width);
  box-shadow: 13px 3px 3px -2px var(--utrecht-map-marker-box-shadow-color);
  color: var(--utrecht-map-marker-color);
  display: flex;
  inline-size: var(--utrecht-map-marker-size);
  justify-content: center;
}
.utrecht-mark {
  background-color: var(--utrecht-mark-background-color, revert);
  color: var(--utrecht-mark-color, revert);
}
@media print {
  .utrecht-mark {
    outline-color: currentColor;
    outline-style: dotted;
    outline-width: 0.1em;
  }
}
@media screen and (-ms-high-contrast: active) {
  .utrecht-mark {
    background-color: Highlight;
    color: HighlightText;
  }
}
.utrecht-mark--print {
  outline-color: currentColor;
  outline-style: dotted;
  outline-width: 0.1em;
}
.utrecht-mark--windows-high-contrast {
  background-color: Highlight;
  color: HighlightText;
}
.utrecht-menulijst {
  border-block-end: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  border-block-start: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  font-family: var(--utrecht-document-font-family);
  padding-block-end: var(--utrecht-space-block-sm);
  padding-block-start: var(--utrecht-space-block-sm);
  padding-inline-start: 0;
}
.utrecht-menulijst__item {
  list-style: none;
  margin-block-end: var(--utrecht-space-block-sm);
  margin-block-start: var(--utrecht-space-block-sm);
}
.utrecht-menulijst__item a {
  background-image: var(--utrecht-menulijst-item-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-menulijst-item-color, var(--utrecht-link-color, blue));
  display: block;
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration: none;
}
.utrecht-menulijst__item a:hover {
  color: var(
    --utrecht-menulijst-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-menulijst__link--focus-visible,
.utrecht-menulijst__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-menulijst__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-multiline-data {
  white-space: pre-line;
  white-space-collapse: preserve-breaks;
}
.utrecht-multiline-data--html-pre {
  font-family: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-sidenav {
  --utrecht-sidenav-connection-color: var(--utrecht-sidenav-item-marker-color);
  --utrecht-sidenav-connection-inline-size: 2px;
  --utrecht-sidenav-marker-current-color: var(
    --utrecht-sidenav-link-hover-color
  );
  --utrecht-sidenav-marker-offset: 26px;
  --utrecht-sidenav-connection-block-size: 100%;
  --utrecht-sidenav-marker-height: 8px;
  --utrecht-sidenav-marker-outline-width: 2px;
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  border-block-start: 1px solid var(--utrecht-color-grey-80);
  inline-size: 19rem;
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: 0;
  padding-block-start: 0;
}
.utrecht-sidenav__list {
  margin-block-end: 0;
  margin-block-start: 0.2rem;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
}
.utrecht-sidenav__list--child {
  margin-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 1.4rem;
}
.utrecht-sidenav__item {
  list-style: none;
  margin-inline-start: 0;
  position: relative;
}
.utrecht-sidenav__item--current {
  color: var(
    --utrecht-sidenav-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-sidenav__item--last {
  border-block-end: none;
}
.utrecht-sidenav__item-separator:not(
  .utrecht-sidenav__item--last .utrecht-sidenav__item-separator
) {
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  display: block;
  margin-inline-start: var(--utrecht-space-inline-lg);
}
.utrecht-sidenav__link {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  display: block;
  margin-inline-start: 0;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-block-start: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link:hover {
  color: var(
    --utrecht-sidenav-link-hover-color,
    var(--utrecht-link-hover-color, red)
  );
  text-decoration: underline;
}
.utrecht-sidenav__link--focus-visible,
.utrecht-sidenav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-sidenav__link--parent {
  padding-block-end: 0;
}
.utrecht-sidenav__connection,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:not(
    .utrecht-sidenav__link--sibling,
    .utrecht-sidenav__link--parent,
    .utrecht-sidenav__link--child
  ):after {
  background: var(--utrecht-sidenav-connection-color);
  block-size: calc(
    var(--utrecht-sidenav-connection-block-size) -
      var(--utrecht-sidenav-marker-height) - 2 *
      var(--utrecht-sidenav-marker-outline-width)
  );
  content: '';
  display: block;
  inline-size: var(--utrecht-sidenav-connection-inline-size);
  inset-block-end: 0;
  inset-block-start: calc(var(--utrecht-sidenav-marker-offset));
  inset-inline-start: 3px;
  overflow: hidden;
  position: absolute;
  z-index: 5;
}
.utrecht-sidenav__connection--last,
.utrecht-sidenav__connection--parent,
.utrecht-sidenav__connection--sibling {
  display: none;
}
.utrecht-sidenav__marker,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-item-marker-color);
  block-size: var(--utrecht-sidenav-marker-height);
  border-radius: 100%;
  content: '';
  inline-size: 8px;
  inset-block-start: 20px;
  inset-inline-start: var(--utrecht-sidenav-marker-offset);
  overflow: hidden;
  position: absolute;
  transform: translateY(-50%)
    translate(calc(-1 * var(--utrecht-sidenav-marker-offset)));
  z-index: 10;
}
.utrecht-sidenav__marker--child,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:before {
  background-color: transparent;
  block-size: 4px;
  border: 2px solid var(--utrecht-sidenav-link-color);
  inline-size: 4px;
  inset-block-start: 16px;
  inset-inline-start: 1.2rem;
  transform: translateY(-50%) translate(-19.5px);
}
.utrecht-sidenav__marker--current,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current:before,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child:before {
  background-color: var(--utrecht-sidenav-marker-current-color);
}
.utrecht-sidenav__link--child,
.utrecht-sidenav__link--current-child {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: var(--utrecht-space-block-2xs);
  padding-block-start: var(--utrecht-space-block-2xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link--current,
.utrecht-sidenav__link--current-child {
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
}
.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover .utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
  border: 2px solid var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:after {
  display: none;
}
.utrecht-sidenav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-navhtml {
  font-family: var(--utrecht-document-font-family);
}
.utrecht-topnav__list {
  background-color: var(--utrecht-topnav-list-background-color);
  display: flex;
  justify-content: space-between;
  list-style: none;
  list-style-image: none;
  margin-block-end: 0;
  margin-block-start: 0;
  overflow: visible;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-topnav__item {
  border-inline-end: 1px solid var(--utrecht-topnav-list-border-color);
  flex: 1 0 auto;
  margin-inline-start: 0;
  text-align: center;
}
.utrecht-topnav__item li:first-child {
  border-inline-start: 1px solid var(--utrecht-topnav-list-border-color);
  padding-inline-start: 0;
}
.utrecht-topnav__link {
  color: var(--utrecht-topnav-link-color);
  display: block;
  padding-block-end: 1rem;
  padding-block-start: 1rem;
  text-decoration: none;
}
.utrecht-topnav__link--hover,
.utrecht-topnav__link:hover {
  background-color: var(--utrecht-topnav-link-hover-background-color);
  color: var(--utrecht-topnav-link-color);
  text-decoration: underline;
}
.utrecht-topnav__link--current {
  background-color: var(--utrecht-topnav-list-background-active);
  text-decoration: underline;
}
.utrecht-topnav__link--focus,
.utrecht-topnav__link:focus {
  background-color: var(
    --utrecht-topnav-link-focus-background-color,
    var(--utrecht-topnav-link-background-color)
  );
  color: var(
    --utrecht-topnav-link-focus-color,
    var(--utrecht-topnav-link-color)
  );
}
.utrecht-topnav__link--focus-visible,
.utrecht-topnav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-topnav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-number-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-number-data--positive {
  color: var(--utrecht-number-data-positive-color);
}
.utrecht-number-data--negative {
  color: var(--utrecht-number-data-negative-color);
}
.utrecht-ordered-list,
.utrecht-ordered-list--html-content ol {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-font-size,
      var(--utrecht-document-font-size, inherit)
    )
  );
  line-height: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-line-height,
      var(--utrecht-document-line-height, inherit)
    )
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-end,
        var(--utrecht-unordered-list-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-start,
        var(--utrecht-unordered-list-margin-block-start, 0)
      )
  );
  padding-inline-start: var(
    --utrecht-ordered-list-padding-inline-start,
    var(--utrecht-unordered-list-padding-inline-start, 2ch)
  );
  text-align: start;
}
.utrecht-ordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-ordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-ordered-list--arabic {
  list-style: arabic-indic;
}
.utrecht-ordered-list--html-content > li,
.utrecht-ordered-list--html-content ol > li,
.utrecht-ordered-list__item {
  margin-block-end: var(
    --utrecht-ordered-list-item-margin-block-end,
    var(--utrecht-unordered-list-item-margin-block-end)
  );
  margin-block-start: var(
    --utrecht-ordered-list-item-margin-block-start,
    var(--utrecht-unordered-list-item-margin-block-start)
  );
  padding-inline-start: var(
    --utrecht-ordered-list-item-padding-inline-start,
    var(--utrecht-unordered-list-item-padding-inline-start, 1ch)
  );
}
.utrecht-page-content {
  padding-block-end: var(--utrecht-page-content-padding-block-end);
  padding-block-start: var(--utrecht-page-content-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-content__main {
  grid-area: main;
}
.utrecht-page-content__aside {
  grid-area: aside;
}
.utrecht-page-footer {
  --utrecht-document-color: currentColor;
  --utrecht-heading-color: currentColor;
  --utrecht-link-color: currentColor;
  --utrecht-link-focus-color: currentColor;
  --utrecht-link-hover-color: currentColor;
  --utrecht-link-active-color: currentColor;
  --utrecht-link-visited-color: currentColor;
  background-color: var(--utrecht-page-footer-background-color);
  background-image: var(--utrecht-page-footer-background-image);
  color: var(--utrecht-page-footer-color);
  font-family: var(--utrecht-document-font-family);
  font-size: var(--utrecht-document-font-size);
  padding-block-end: var(--utrecht-page-footer-padding-block-end);
  padding-block-start: var(--utrecht-page-footer-padding-block-start);
  padding-inline-end: var(--utrecht-page-footer-padding-inline-end);
  padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
}
.utrecht-page-footer__address--reset-address {
  font-style: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-page-header {
  background-color: var(--utrecht-page-header-background-color);
  color: var(--utrecht-page-header-color);
  grid-area: 'utrecht-header';
  padding-block-end: var(--utrecht-page-header-padding-block-end);
  padding-block-start: var(--utrecht-page-header-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-header__content {
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-page {
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: calc(
    var(--utrecht-page-max-inline-size) -
      var(--utrecht-page-margin-inline-start, 0px) -
      var(--utrecht-page-margin-inline-end, 0px)
  );
  padding-inline-end: var(--utrecht-page-margin-inline-end);
  padding-inline-start: var(--utrecht-page-margin-inline-start);
}
.utrecht-page__content {
  background-color: var(--utrecht-page-background-color);
  color: var(--utrecht-page-color);
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-pagination {
  font-family: var(
    --utrecht-pagination-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-pagination-font-size,
    var(--utrecht-document-font-family)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-start, 0)
  );
}
.utrecht-pagination--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pagination__relative-link {
  background-color: var(--utrecht-pagination-relative-link-background-color);
  border-color: var(--utrecht-pagination-relative-link-border-color);
  border-radius: var(--utrecht-pagination-relative-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-relative-link-border-width, 0);
  color: var(--utrecht-pagination-relative-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-relative-link-font-weight);
  padding-block-end: var(--utrecht-pagination-relative-link-padding-block-end);
  padding-block-start: var(
    --utrecht-pagination-relative-link-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-pagination-relative-link-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-pagination-relative-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-relative-link-text-decoration);
  text-transform: var(--utrecht-pagination-relative-link-text-transform);
}
.utrecht-pagination__relative-link--next {
  margin-inline-start: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__relative-link--prev {
  margin-inline-end: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-end
  );
}
.utrecht-pagination__relative-link--disabled {
  background-color: var(
    --utrecht-pagination-relative-link-disabled-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  color: var(
    --utrecht-pagination-relative-link-disabled-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__relative-link--hover,
.utrecht-pagination__relative-link:hover {
  background-color: var(
    --utrecht-pagination-relative-link-hover-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-relative-link-hover-border-color,
    var(--utrecht-pagination-relative-link-border-color)
  );
  color: var(
    --utrecht-pagination-relative-link-hover-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__page-link {
  background-color: var(--utrecht-pagination-page-link-background-color);
  border-color: var(--utrecht-pagination-page-link-border-color, 0);
  border-radius: var(--utrecht-pagination-page-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-page-link-border-width);
  color: var(--utrecht-pagination-page-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-page-link-font-weight);
  padding-block-end: var(--utrecht-pagination-page-link-padding-block-end);
  padding-block-start: var(--utrecht-pagination-page-link-padding-block-start);
  padding-inline-end: var(--utrecht-pagination-page-link-padding-inline-end);
  padding-inline-start: var(
    --utrecht-pagination-page-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-page-link-text-decoration);
}
.utrecht-pagination__page-link--current {
  --utrecht-pagination-page-link-background-color: var(
    --utrecht-pagination-page-link-current-background-color
  );
  --utrecht-pagination-page-link-border-color: var(
    --utrecht-pagination-page-link-current-border-color
  );
  --utrecht-pagination-page-link-color: var(
    --utrecht-pagination-page-link-current-color
  );
}
.utrecht-pagination__page-link ~ .utrecht-pagination__page-link {
  margin-inline-start: var(
    --utrecht-pagination-page-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__page-link--hover,
.utrecht-pagination__page-link:hover {
  background-color: var(
    --utrecht-pagination-page-link-hover-background-color,
    var(--utrecht-pagination-page-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-page-link-hover-border-color,
    var(--utrecht-pagination-page-link-border-color)
  );
  color: var(
    --utrecht-pagination-page-link-hover-color,
    var(--utrecht-pagination-page-link-color)
  );
}
.utrecht-pagination__page-link:focus,
.utrecht-pagination__relative-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-pagination__page-link:focus:not(:focus-visible),
.utrecht-pagination__relative-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-data-placeholder {
  background-color: var(
    --utrecht-data-placeholder-background-color,
    currentColor
  );
  block-size: 1em;
  display: inline-block;
  inline-size: min(100%, var(--utrecht-data-placeholder-max-inline-size));
  max-inline-size: var(--utrecht-data-placeholder-max-inline-size);
  min-inline-size: var(--utrecht-data-placeholder-min-inline-size, 10ch);
  vertical-align: -0.1em;
}
@media print {
  .utrecht-data-placeholder {
    outline-color: currentColor;
    outline-style: dashed;
    outline-width: 0.1em;
  }
}
@media screen and (prefers-contrast: more) {
  .utrecht-data-placeholder {
    background-color: var(
      --utrecht-data-placeholder-high-contrast-background-color,
      var(--utrecht-data-placeholder-background-color, currentColor)
    );
  }
}
@media screen and (forced-colors: active) {
  .utrecht-data-placeholder {
    background-color: GrayText;
  }
}
.utrecht-data-placeholder--loading {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-data-placeholder--print {
  outline-color: currentColor;
  outline-style: dashed;
  outline-width: 0.1em;
}
.utrecht-data-placeholder--forced-colors {
  background-color: GrayText;
}
.utrecht-data-placeholder--high-contrast {
  cursor: var(--utrecht-action-busy-cursor, busy);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-paragraph {
  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
  font-family: var(
    --utrecht-paragraph-font-family,
    var(--utrecht-document-font-family, inherit)
  );
  font-size: var(
    --utrecht-paragraph-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  font-weight: var(--utrecht-paragraph-font-weight, inherit);
  line-height: var(
    --utrecht-paragraph-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-start, 0)
  );
}
.utrecht-paragraph--lead {
  color: var(
    --utrecht-paragraph-lead-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-lead-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-lead-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-lead-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph--small {
  color: var(
    --utrecht-paragraph-small-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-small-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-small-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-small-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph__small {
  font-size: inherit;
}
.utrecht-paragraph__b {
  font-weight: inherit;
}
.utrecht-paragraph--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pre-heading {
  color: var(
    --utrecht-pre-heading-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-pre-heading-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-pre-heading-font-size);
  font-weight: var(
    --utrecht-pre-heading-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-pre-heading-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-start, 0)
  );
  order: var(--utrecht-pre-heading-order, 0);
}
.utrecht-pre-heading--distanced {
  --utrecht-space-around: 1;
}
.utrecht-radio-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  --_utrecht-radio-button-background-color: var(
    --_utrecht-radio-button-interactive-background-color,
    var(
      --_utrecht-radio-button-state-background-color,
      var(--utrecht-radio-button-background-color)
    )
  );
  --_utrecht-radio-button-border-color: var(
    --_utrecht-radio-button-interactive-border-color,
    var(
      --_utrecht-radio-button-state-border-color,
      var(--utrecht-radio-button-border-color, currentColor)
    )
  );
  --_utrecht-radio-button-border-width: var(
    --_utrecht-radio-button-interactive-border-width,
    var(
      --_utrecht-radio-button-state-border-width,
      var(--utrecht-radio-button-border-width)
    )
  );
  --_utrecht-radio-button-color: var(
    --_utrecht-radio-button-interactive-color,
    var(
      --_utrecht-radio-button-state-color,
      var(--utrecht-radio-button-color, currentColor)
    )
  );
  --_utrecht-radio-button-icon-size: 0;
  background-color: var(--_utrecht-radio-button-background-color);
  background-image: radial-gradient(
    circle,
    var(--_utrecht-radio-button-color, transparent)
      calc(var(--_utrecht-radio-button-icon-size, 50%) - 5%),
    var(--_utrecht-radio-button-background-color, currentColor)
      var(--_utrecht-radio-button-icon-size, 50%)
  );
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-radio-button-size, 1em);
  border-color: var(--_utrecht-radio-button-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--_utrecht-radio-button-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-radio-button-size, 1em);
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
}
.utrecht-radio-button--checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--hover {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--focus {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--active {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
}
.utrecht-radio-button--disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--invalid {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--html-input:disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--html-input:invalid,
.utrecht-radio-button--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:focus:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--html-input:hover:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--html-input:active:not(
    [aria-disabled='true'],
    :disabled
  ) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-search-bar {
  --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
  --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-transform);
  --utrecht-button-font-size: var(--utrecht-search-bar-button-font-size);
  --utrecht-button-font-weight: var(--utrecht-search-bar-button-font-weight);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-search-bar-button-background-color
  );
  --utrecht-button-primary-action-color: var(--utrecht-search-bar-button-color);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-search-bar-button-hover-background-color
  );
  --utrecht-textbox-border-color: var(--utrecht-search-bar-input-border-color);
  --utrecht-textbox-padding-inline-start: var(
    --utrecht-search-bar-input-padding-inline-start
  );
  --utrecht-textbox-border-bottom-width: var(
    --utrecht-search-bar-input-border-bottom-width
  );
  --utrecht-textbox-max-inline-size: var(
    --utrecht-search-bar-input-max-inline-size
  );
  display: flex;
}
.utrecht-search-bar__input {
  background-image: var(--utrecht-search-bar-input-background-image, none);
  background-position-x: var(--utrecht-search-bar-input-background-position-x);
  background-position-y: var(--utrecht-search-bar-input-background-position-y);
  background-repeat: no-repeat;
  background-size: var(--utrecht-search-bar-input-background-size);
}
.utrecht-search-bar__dropdown {
  border-color: var(--utrecht-search-bar-dropdown-border-color);
  border-style: solid;
  border-width: var(--utrecht-search-bar-dropdown-border-width);
  inline-size: var(
    --utrecht-search-bar-dropdown-inline-size,
    var(--utrecht-form-input-max-inline-size)
  );
  max-block-size: var(--utrecht-search-bar-dropdown-max-block-size);
  overflow: auto;
  padding-block-end: var(--utrecht-search-bar-dropdown-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-dropdown-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-dropdown-padding-inline-end);
  padding-inline-start: var(--utrecht-search-bar-dropdown-padding-inline-start);
  position: absolute;
  z-index: var(--utrecht-search-bar-dropdown-z-index);
}
.utrecht-search-bar__section-title {
  color: var(--utrecht-search-bar-section-title-color);
  font-size: var(--utrecht-search-bar-section-title-font-size);
  font-weight: var(--utrecht-search-bar-section-title-font-weight);
  line-height: var(--utrecht-search-bar-section-title-line-height);
  margin-inline-start: var(
    --utrecht-search-bar-section-title-margin-inline-start
  );
}
.utrecht-search-bar__list-item {
  padding-block-end: var(--utrecht-search-bar-list-item-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-list-item-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-list-item-padding-inline-end);
  padding-inline-start: var(
    --utrecht-search-bar-list-item-padding-inline-start
  );
}
.utrecht-search-bar__list-item--is-active {
  background-color: var(
    --utrecht-search-bar-list-item-is-active-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-active-color);
  font-weight: var(--utrecht-search-bar-list-item-is-active-font-weight);
}
.utrecht-search-bar__list-item--is-selected {
  background-color: var(
    --utrecht-search-bar-list-item-is-selected-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-selected-color);
}
.utrecht-select {
  background-color: var(
    --utrecht-select-background-color,
    var(--utrecht-form-control-background-color)
  );
  border-block-end-width: var(
    --utrecht-select-border-block-end-width,
    var(--utrecht-select-border-width, var(--utrecht-form-control-border-width))
  );
  border-block-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-color: var(
    --utrecht-select-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-inline-end-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-inline-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-radius: var(
    --utrecht-select-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  color: var(--utrecht-select-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-select-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-select-font-size,
    var(--utrecht-form-control-font-size)
  );
  inline-size: 100%;
  max-inline-size: var(
    --utrecht-select-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  padding-block-end: var(
    --utrecht-select-padding-block-end,
    var(--utrecht-form-control-padding-block-end)
  );
  padding-block-start: var(
    --utrecht-select-padding-block-start,
    var(--utrecht-form-control-padding-block-start)
  );
  padding-inline-end: var(
    --utrecht-select-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end)
  );
  padding-inline-start: var(
    --utrecht-select-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start)
  );
}
.utrecht-select--disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-select--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-select--invalid {
  --_utrecht-select-border-width: var(
    --utrecht-select-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-select-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-select-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-select-border-width);
  border-block-end-width: var(
    --utrecht-select-invalid-border-block-end-width,
    var(
      --utrecht-form-control-invalid-border-block-end-width,
      var(
        --utrecht-select-border-block-end-width,
        var(
          --utrecht-form-control-border-block-end-width,
          var(--_utrecht-select-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-select-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
}
.utrecht-select--html-select:focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--html-select:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-select--html-select:disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--html-select:not([multiple]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: var(--utrecht-select-background-image);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 1.4em;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-separator {
  border-color: var(--utrecht-separator-color);
  border-style: solid;
  border-width: 0 0 var(--utrecht-separator-block-size) 0;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-start, 0)
  );
}
.utrecht-separator--distanced {
  --utrecht-space-around: 1;
}
.utrecht-skip-link {
  align-items: center;
  background-color: var(--utrecht-skip-link-background-color, ButtonFace);
  box-sizing: border-box;
  color: var(--utrecht-skip-link-color, ButtonText);
  display: inline-flex;
  justify-content: center;
  min-block-size: var(--utrecht-skip-link-min-block-size, 44px);
  min-inline-size: var(--utrecht-skip-link-min-inline-size, 44px);
  padding-block-end: var(--utrecht-skip-link-padding-block-end);
  padding-block-start: var(--utrecht-skip-link-padding-block-start);
  padding-inline-end: var(--utrecht-skip-link-padding-inline-end);
  padding-inline-start: var(--utrecht-skip-link-padding-inline-start);
  text-decoration: var(--utrecht-skip-link-text-decoration);
}
.utrecht-skip-link--hidden,
.utrecht-skip-link--visible-on-focus {
  inset-block-start: -200%;
  position: fixed;
}
.utrecht-skip-link--visible-on-focus:focus {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--visible {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--focus,
.utrecht-skip-link:focus,
.utrecht-skip-link:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  text-decoration: var(--utrecht-skip-link-focus-text-decoration);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2020-2022 Gemeente Utrecht
 * Copyright (c) 2020-2022 Frameless B.V.
 */
.utrecht-spotlight-section {
  background-color: var(
    --_utrecht-spotlight-section-background-color,
    var(--utrecht-spotlight-section-background-color)
  );
  border-color: var(
    --_utrecht-spotlight-section-border-color,
    var(--utrecht-spotlight-section-border-color)
  );
  border-style: solid;
  border-width: var(
    --_utrecht-spotlight-section-border-width,
    var(--utrecht-spotlight-section-border-width, 0)
  );
  color: var(
    --_utrecht-spotlight-section-color,
    var(--utrecht-spotlight-section-color)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-start, 0)
  );
  padding-block-end: var(--utrecht-spotlight-section-padding-block-end);
  padding-block-start: var(--utrecht-spotlight-section-padding-block-start);
  padding-inline-end: var(--utrecht-spotlight-section-padding-inline-end);
  padding-inline-start: var(--utrecht-spotlight-section-padding-inline-start);
}
.utrecht-spotlight-section--info {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-info-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-info-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-info-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-info-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-info-color
  );
}
.utrecht-spotlight-section--warning {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-warning-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-warning-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-warning-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-warning-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-warning-color
  );
}
.utrecht-surface {
  background-color: var(--utrecht-surface-background-color, inherit);
  color: var(--utrecht-surface-color, inherit);
}
.utrecht-surface--html-body {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.utrecht-table {
  border-collapse: separate;
  border-color: var(--utrecht-table-border-color, 0);
  border-spacing: 0;
  border-style: solid;
  border-width: var(--utrecht-table-border-width, 0);
  font-family: var(
    --utrecht-table-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-table-font-size, inherit);
  inline-size: 100%;
  line-height: var(--utrecht-table-line-height, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-start, 0)
  );
}
.utrecht-table--distanced {
  --utrecht-space-around: 1;
}
.utrecht-table--html-table > caption,
.utrecht-table__caption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > figcaption,
.utrecht-table__figcaption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > thead,
.utrecht-table__header {
  --_utrecht-table-header-cell-vertical-align: bottom;
  --_utrecht-table-header-cell-z-index: 8;
  background-color: var(--utrecht-table-header-background-color);
  break-inside: avoid;
  color: var(--utrecht-table-header-color);
  font-weight: var(--utrecht-table-header-font-weight);
  page-break-inside: avoid;
  text-transform: var(--utrecht-table-header-text-transform);
}
.utrecht-table__header--sticky th {
  background-color: var(--utrecht-table-header-sticky-background-color);
  color: var(--utrecht-table-header-sticky-color);
  inset-block-start: 0;
  position: sticky;
}
.utrecht-table__header--sticky tr:last-child > th {
  border-block-end-color: var(
    --utrecht-table-header-sticky-border-block-end-color,
    var(--utrecht-table-header-border-block-end-color, transparent)
  );
  border-block-end-style: solid;
  border-block-end-width: var(
    --utrecht-table-header-sticky-border-block-end-width,
    var(--utrecht-table-header-border-block-end-width, 0)
  );
}
.utrecht-table__footer {
  --_utrecht-table-header-cell-z-index: 5;
  z-index: 3;
}
.utrecht-table__footer--sticky {
  background-color: var(
    --utrecht-table-footer-sticky-background-color,
    var(--utrecht-table-footer-background-color)
  );
  color: var(
    --utrecht-table-footer-sticky-color,
    var(--utrecht-table-footer-color)
  );
  inset-block-end: 0;
  position: sticky;
}
.utrecht-table__footer--sticky tr:first-child > th,
.utrecht-table__footer--sticky tr:first-child > td {
  border-block-start-color: var(
    --utrecht-table-header-sticky-border-block-start-color,
    var(--utrecht-table-header-border-block-start-color, transparent)
  );
  border-block-start-style: solid;
  border-block-start-width: var(
    --utrecht-table-header-sticky-border-block-start-width,
    var(--utrecht-table-header-border-block-start-width, 0)
  );
}
.utrecht-table--html-table > tbody,
.utrecht-table__body {
  --_utrecht-table-header-cell-z-index: 2;
}
.utrecht-table--fixed {
  inline-size: fit-content;
  table-layout: fixed;
}
.utrecht-table--fixed th,
.utrecht-table--oneline th,
.utrecht-table--oneline td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table--html-table > tr,
.utrecht-table--html-table > thead > tr,
.utrecht-table--html-table > tbody > tr,
.utrecht-table--html-table > tfoot > tr,
.utrecht-table__row {
  break-inside: avoid;
  page-break-inside: avoid;
}
.utrecht-table__row--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table--html-table > tr > th,
.utrecht-table--html-table > thead > tr > th,
.utrecht-table--html-table > tbody > tr > th,
.utrecht-table--html-table > tfoot > tr > th,
.utrecht-table__header-cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  color: var(--utrecht-table-header-cell-color);
  font-size: var(--utrecht-table-header-cell-font-size);
  font-weight: var(--utrecht-table-header-cell-font-weight, bold);
  text-transform: var(--utrecht-table-header-cell-text-transform);
  vertical-align: var(--_utrecht-table-header-cell-vertical-align, top);
  z-index: var(--_utrecht-table-header-cell-z-index);
}
.utrecht-table__header-cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--sticky-block {
  background-color: #eee;
  color: #000;
  inset-block-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 2);
}
.utrecht-table__header-cell--sticky-inline {
  background-color: #eee;
  color: #000;
  inset-inline-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 1);
}
.utrecht-table--html-table > tr > td,
.utrecht-table--html-table > thead > tr > td,
.utrecht-table--html-table > tbody > tr > td,
.utrecht-table--html-table > tfoot > tr > td,
.utrecht-table__cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  border-block-end-color: var(
    --utrecht-table-row-border-block-end-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-table-row-border-block-end-width, 0);
  vertical-align: top;
}
.utrecht-table--html-table > tr > td:first-child,
.utrecht-table--html-table > thead > tr > td:first-child,
.utrecht-table--html-table > tbody > tr > td:first-child,
.utrecht-table--html-table > tfoot > tr > td:first-child,
.utrecht-table__cell--first {
  padding-inline-start: var(
    --utrecht-table-row-padding-inline-start,
    var(--utrecht-table-cell-padding-inline-start, 0)
  );
}
.utrecht-table--html-table > tr > td:last-child,
.utrecht-table--html-table > thead > tr > td:last-child,
.utrecht-table--html-table > tbody > tr > td:last-child,
.utrecht-table--html-table > tfoot > tr > td:last-child,
.utrecht-table__cell--last {
  padding-inline-end: var(
    --utrecht-table-row-padding-inline-end,
    var(--utrecht-table-cell-padding-inline-end, 0)
  );
}
.utrecht-table__cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--numeric-column,
.utrecht-table__cell--numeric-column {
  --_utrecht-table-cell-text-align: right;
  text-align: var(--_utrecht-table-cell-text-align);
}
.utrecht-table__cell--numeric-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-table__row--alternate-odd {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table__row--alternate-even {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table__header-cell {
  --utrecht-button-font-size: inherit;
  --utrecht-button-font-weight: inherit;
  --utrecht-button-padding-inline-start: var(
    --utrecht-table-cell-padding-inline-start
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-table-cell-padding-inline-end
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-table-cell-padding-block-start
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-table-cell-padding-block-end
  );
  --utrecht-button-hover-scale: 1;
  --utrecht-button-focus-scale: 1;
  --utrecht-button-min-block-size: 100%;
  --utrecht-button-min-inline-size: 100%;
  --utrecht-button-border-color: transparent;
  --utrecht-button-border-size: 1px;
}
.utrecht-table__header-cell:has(.utrecht-button) {
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-table__header-cell-button {
  justify-content: var(--_utrecht-table-cell-text-align, start);
}
.utrecht-table__data--truncate {
  display: block;
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table__container {
  max-inline-size: 100%;
  overflow-inline: scroll;
}
.utrecht-table__header--hidden {
  block-size: 1px;
  border: 0 solid silver;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  inline-size: 1px;
  outline: 1px solid red;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.utrecht-table--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(odd) {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(2n) {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__header-cell,
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__header-cell,
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-textarea {
  background-color: var(
    --utrecht-textarea-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textarea-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textarea-border-bottom-width,
    var(
      --utrecht-textarea-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textarea-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textarea-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textarea-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textarea-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textarea-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(--utrecht-textarea-line-height, initial);
  max-inline-size: var(
    --utrecht-textarea-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  min-block-size: var(--utrecht-textarea-min-block-size);
  padding-block-end: var(
    --utrecht-textarea-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textarea-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textarea-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textarea-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
  resize: vertical;
  resize: block;
}
.utrecht-textarea--invalid {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea__placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textarea--html-textarea:focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--html-textarea:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textarea--html-textarea:invalid,
.utrecht-textarea--html-textarea[aria-invalid='true'] {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--html-textarea::placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-textbox {
  background-color: var(
    --utrecht-textbox-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textbox-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textbox-border-bottom-width,
    var(
      --utrecht-textbox-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textbox-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textbox-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textbox-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textbox-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(
    --utrecht-textbox-line-height,
    var(--utrecht-form-control-line-height, initial)
  );
  max-inline-size: var(
    --utrecht-textbox-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  padding-block-end: var(
    --utrecht-textbox-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textbox-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textbox-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textbox-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
}
.utrecht-textbox--invalid {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox__placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--numeric {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-textbox--password {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--placeholder-ltr::placeholder,
.utrecht-textbox--placeholder-ltr:placeholder-shown {
  direction: ltr;
}
.utrecht-textbox--placeholder-rtl::placeholder,
.utrecht-textbox--placeholder-rtl:placeholder-shown {
  direction: rtl;
}
.utrecht-textbox--url {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input:focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textbox--html-input:invalid,
.utrecht-textbox--html-input[aria-invalid='true'] {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--html-input::placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--html-input[type='password' i] {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--html-input[type='url' i],
.utrecht-textbox--html-input[type='email' i],
.utrecht-textbox--html-input[inputMode='email' i],
.utrecht-textbox--html-input[inputMode='url' i] {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input[pattern='\\d*'],
.utrecht-textbox--html-input[pattern='[0-9]*'],
.utrecht-textbox--html-input[type='number' i],
.utrecht-textbox--html-input[type='tel' i],
.utrecht-textbox--html-input[inputMode='numeric' i],
.utrecht-textbox--html-input[inputMode='decimal' i],
.utrecht-textbox--html-input[inputMode='tel' i] {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-toptask-link {
  --utrecht-icon-color: currentColor;
  --utrecht-icon-size: var(--utrecht-toptask-link-icon-size);
  background-color: var(--utrecht-toptask-link-background-color);
  color: var(--utrecht-toptask-link-color);
  display: flex;
  flex-direction: column;
  font-size: var(--utrecht-toptask-link-font-size);
  line-height: var(--utrecht-toptask-link-line-height);
  max-inline-size: var(--utrecht-toptask-link-max-inline-size);
  min-block-size: var(--utrecht-toptask-link-min-block-size);
  min-inline-size: var(--utrecht-toptask-link-min-inline-size);
  padding-block-end: var(--utrecht-toptask-link-padding-block-end);
  padding-block-start: var(--utrecht-toptask-link-padding-block-start);
  padding-inline-end: var(--utrecht-toptask-link-padding-inline-end);
  padding-inline-start: var(--utrecht-toptask-link-padding-inline-start);
  text-decoration: none;
}
.utrecht-toptask-link--hover,
.utrecht-toptask-link:hover {
  background-color: var(
    --utrecht-toptask-link-hover-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-hover-color,
    var(--utrecht-toptask-link-color)
  );
  transform: var(--utrecht-toptask-link-hover-transform-scale, 1);
}
.utrecht-toptask-link--focus-visible,
.utrecht-toptask-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-toptask-link--focus,
.utrecht-toptask-link:focus {
  background-color: var(
    --utrecht-toptask-link-focus-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-focus-color,
    var(--utrecht-toptask-link-color)
  );
}
.utrecht-toptask-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-toptask-link__title {
  display: block;
}
.utrecht-toptask-link__icon {
  display: block;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-md);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-toptask-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--utrecht-toptask-nav-gap);
}
.utrecht-toptask-nav--grid {
  --utrecht-toptask-link-max-inline-size: var(
    --utrecht-toptask-nav-link-grid-max-inline-size
  );
  flex-direction: row;
}
.utrecht-unordered-list,
.utrecht-unordered-list--html-content ul {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-unordered-list-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  line-height: var(
    --utrecht-unordered-list-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
  text-align: start;
}
.utrecht-unordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-unordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-unordered-list--nested,
.utrecht-unordered-list--html-content ul {
  margin-block-end: 0;
  margin-inline-start: 2ch;
}
.utrecht-unordered-list--html-content > li,
.utrecht-unordered-list--html-content ul > li,
.utrecht-unordered-list__item {
  margin-block-end: var(--utrecht-unordered-list-item-margin-block-end);
  margin-block-start: var(--utrecht-unordered-list-item-margin-block-start);
  padding-inline-start: var(
    --utrecht-unordered-list-item-padding-inline-start,
    1ch
  );
}
.utrecht-unordered-list--html-content > li::marker,
.utrecht-unordered-list--html-content ul > li::marker,
.utrecht-unordered-list__item::marker,
.utrecht-unordered-list__marker {
  color: var(--utrecht-unordered-list-marker-color);
  content: '●';
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-url-data {
  break-inside: avoid;
  font-variant-ligatures: none;
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: anywhere;
  page-break-inside: avoid;
}
:root,
::backdrop {
  --denhaag-process-steps-sub-step-marker-size: 12px;
  --denhaag-process-steps-step-marker-size: 28px;
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
  --utrecht-stack-focus-z-index: 1;
  --utrecht-border-style-dotted: dotted;
  --utrecht-border-style-solid: solid;
  --utrecht-border-radius-none: 0;
  --utrecht-border-radius-round: 999px;
  --utrecht-border-radius-lg: 8px;
  --utrecht-border-radius-md: 4px;
  --utrecht-border-radius-sm: 2px;
  --utrecht-border-width-md: 2px;
  --utrecht-border-width-sm: 1px;
  --utrecht-typography-line-height-lg: 2;
  --utrecht-typography-line-height-md: 1.5;
  --utrecht-typography-line-height-sm: 1.25;
  --utrecht-typography-line-height-xs: 1;
  --utrecht-typography-font-style-inherit: inherit;
  --utrecht-typography-font-style-normal: normal;
  --utrecht-typography-weight-scale-normal-font-weight: 400;
  --utrecht-typography-weight-scale-bold-font-weight: 700;
  --utrecht-typography-scale-4xl-font-size: 2rem;
  --utrecht-typography-scale-3xl-font-size: 1.5rem;
  --utrecht-typography-scale-2xl-font-size: 1.375rem;
  --utrecht-typography-scale-xl-font-size: 1.25rem;
  --utrecht-typography-scale-lg-font-size: 1.125rem;
  --utrecht-typography-scale-md-font-size: 1rem;
  --utrecht-typography-scale-sm-font-size: 0.875rem;
  --utrecht-typography-scale-xs-font-size: 0.75rem;
  --utrecht-typography-scale-2xs-font-size: 0.5rem;
  --utrecht-typography-sans-serif-font-family:
    'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Arial', sans-serif;
  --utrecht-icon-scale-4xl: 48px;
  --utrecht-icon-scale-3xl: 36px;
  --utrecht-icon-scale-2xl: 30px;
  --utrecht-icon-scale-xl: 26px;
  --utrecht-icon-scale-lg: 24px;
  --utrecht-icon-scale-md: 16px;
  --utrecht-icon-scale-sm: 12px;
  --utrecht-icon-scale-xs: 8px;
  --utrecht-icon-scale-2xs: 4px;
  --utrecht-icon-scale-3xs: 1px;
  --utrecht-color-black: hsl(0 0% 0%);
  --utrecht-color-white: hsl(0 0% 100%);
  --utrecht-color-invalid: #990000;
  --utrecht-color-secondary-grey: #757575;
  --utrecht-color-secondary-brown: #ad643b;
  --utrecht-color-secondary-navy: #1c4181;
  --utrecht-color-secondary-blue: #006dff;
  --utrecht-color-secondary-cyan: #009ed4;
  --utrecht-color-secondary-green: #32ab27;
  --utrecht-color-secondary-lime: #99d000;
  --utrecht-color-secondary-yellow: #ffcc00;
  --utrecht-color-secondary-orange: #ff6e00;
  --utrecht-color-secondary-red: #cc0000;
  --utrecht-color-secondary-magenta: #f02198;
  --utrecht-color-secondary-purple: #762cd1;
  --utrecht-color-green-90: hsl(90 30% 90%);
  --utrecht-color-green-80: hsl(90 30% 80%);
  --utrecht-color-green-50: hsl(90 30% 50%);
  --utrecht-color-green-40: hsl(90 30% 38%);
  --utrecht-color-green-30: hsl(90 30% 30%);
  --utrecht-color-yellow-80: hsl(48 100% 80%);
  --utrecht-color-yellow-60: hsl(48 100% 60%);
  --utrecht-color-yellow-50: hsl(48 100% 50%);
  --utrecht-color-yellow-40: hsl(48 100% 40%);
  --utrecht-color-yellow-20: hsl(48 100% 20%);
  --utrecht-color-grey-95: hsl(0 0% 95%);
  --utrecht-color-grey-90: hsl(0 0% 90%);
  --utrecht-color-grey-80: hsl(0 0% 80%);
  --utrecht-color-grey-40: hsl(0 0% 40%);
  --utrecht-color-grey-30: hsl(0 0% 30%);
  --utrecht-color-grey-20: hsl(0 0% 20%);
  --utrecht-color-grey-15: hsl(0 0% 15%);
  --utrecht-color-grey-10: hsl(0 0% 10%);
  --utrecht-color-blue-90: hsl(211 60% 90%);
  --utrecht-color-blue-80: hsl(211 60% 80%);
  --utrecht-color-blue-60: hsl(211 60% 60%);
  --utrecht-color-blue-50: hsl(211 60% 50%);
  --utrecht-color-blue-40: hsl(211 60% 40%);
  --utrecht-color-blue-35: hsl(211 60% 35%);
  --utrecht-color-blue-30: hsl(211 60% 30%);
  --utrecht-color-blue-20: hsl(211 60% 20%);
  --utrecht-color-red-95: hsl(0 100% 95%);
  --utrecht-color-red-40: hsl(0 100% 40%);
  --utrecht-color-red-30: hsl(0 100% 30%);
  --utrecht-color-red-20: hsl(0 100% 20%);
  --utrecht-unordered-list-item-margin-block-end: 0.5rem;
  --utrecht-unordered-list-item-margin-block-start: 0.5rem;
  --utrecht-unordered-list-margin-block-end: 0;
  --utrecht-toptask-link-icon-size: 2.25rem;
  --utrecht-toptask-link-hover-transform-scale: 1.02;
  --utrecht-toptask-link-min-inline-size: 15rem;
  --utrecht-toptask-link-min-block-size: 8.25rem;
  --utrecht-toptask-link-line-height: 1.2;
  --utrecht-toptask-link-font-size: 1rem;
  --utrecht-textbox-border-bottom-width: 3px;
  --utrecht-textarea-border-bottom-width: 3px;
  --utrecht-table-footer-sticky-border-block-start-width: 2px;
  --utrecht-table-cell-icon-size: 1em;
  --utrecht-table-cell-padding-inline-start: 0.4em;
  --utrecht-table-cell-padding-inline-end: 0.4em;
  --utrecht-table-cell-padding-block-start: 0.5em;
  --utrecht-table-cell-padding-block-end: 0.5em;
  --utrecht-table-cell-line-height: 24px;
  --utrecht-table-header-sticky-border-block-end-width: 2px;
  --utrecht-table-caption-margin-block-end: 1em;
  --utrecht-table-caption-text-align: start;
  --utrecht-table-caption-font-size: 1.125em;
  --utrecht-table-margin-block-end: 0;
  --utrecht-separator-block-size: 8px;
  --utrecht-select-border-block-end-width: 3px;
  --utrecht-search-bar-dropdown-max-block-size: 300px;
  --utrecht-search-bar-dropdown-border-width: 1px;
  --utrecht-search-bar-input-background-size: 1em;
  --utrecht-search-bar-input-background-position-y: 50%;
  --utrecht-search-bar-input-background-position-x: 0.5em;
  --utrecht-search-bar-button-hover-scale: 1;
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
  --utrecht-radio-button-margin-inline-end: 12px;
  --utrecht-radio-button-border-radius: 0;
  --utrecht-radio-button-invalid-border-width: 2px;
  --utrecht-radio-button-icon-size: 42%;
  --utrecht-radio-button-size: 24px;
  --utrecht-radio-button-border-width: 2px;
  --utrecht-paragraph-margin-block-end: 0;
  --utrecht-pagination-relative-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-relative-link-distanced-margin-inline-end: 0.5em;
  --utrecht-pagination-relative-link-text-transform: uppercase;
  --utrecht-pagination-relative-link-text-decoration: none;
  --utrecht-pagination-relative-link-padding-block-start: 0.5em;
  --utrecht-pagination-relative-link-padding-block-end: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-start: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-end: 0.5em;
  --utrecht-pagination-relative-link-border-width: 2px;
  --utrecht-pagination-page-link-border-color: transparent;
  --utrecht-pagination-page-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-page-link-text-decoration: none;
  --utrecht-pagination-page-link-padding-block-start: 0.5em;
  --utrecht-pagination-page-link-padding-block-end: 0.5em;
  --utrecht-pagination-page-link-padding-inline-start: 0.5em;
  --utrecht-pagination-page-link-padding-inline-end: 0.5em;
  --utrecht-pagination-page-link-border-width: 2px;
  --utrecht-pagination-page-link-background-color: transparent;
  --utrecht-pagination-margin-block-end: 1em;
  --utrecht-pagination-margin-block-start: 0;
  --utrecht-pagination-font-size: 14px;
  --utrecht-page-padding-inline-start: 2em;
  --utrecht-page-padding-block-end: 1em;
  --utrecht-page-padding-inline-end: 2em;
  --utrecht-page-padding-block-start: 1.8em;
  --utrecht-page-max-inline-size: 1184px;
  --utrecht-page-margin-inline-end: 2em;
  --utrecht-page-margin-inline-start: 2em;
  --utrecht-page-header-padding-block-start: 1.8em;
  --utrecht-page-header-padding-inline-start: 2em;
  --utrecht-page-header-padding-inline-end: 2.4em;
  --utrecht-page-header-padding-block-end: 1em;
  --utrecht-page-content-padding-block-end: 2em;
  --utrecht-page-content-padding-block-start: 2em;
  --utrecht-ordered-list-item-padding-inline-start: 0;
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
  --utrecht-ordered-list-padding-inline-start: 28.8px;
  --utrecht-ordered-list-margin-block-end: 1em;
  --utrecht-ordered-list-margin-block-start: 0;
  --utrecht-number-data-negative-color: red;
  --utrecht-number-data-positive-color: green;
  --utrecht-topnav-link-focus-text-decoration: none;
  --utrecht-topnav-link-focus-border-type: dotted;
  --utrecht-mapcontrolbutton-focus-text-decoration: none;
  --utrecht-mapcontrolbutton-border-radius: 2px;
  --utrecht-mapcontrolbutton-margin-inline-end: 0;
  --utrecht-mapcontrolbutton-margin-inline-start: 0;
  --utrecht-map-marker-icon-size: 30px;
  --utrecht-map-marker-box-shadow-color: rgb(0 0 0 / 20%);
  --utrecht-map-marker-border-width: 3px;
  --utrecht-map-marker-size: 48px;
  --utrecht-logo-min-inline-size: 110.57px;
  --utrecht-logo-min-block-size: 58.97px;
  --utrecht-logo-max-inline-size: 192px;
  --utrecht-logo-max-block-size: 103px;
  --utrecht-list-social-item-margin-inline-end: 10px;
  --utrecht-link-icon-size: 1.2em;
  --utrecht-link-hover-text-decoration-thickness: 3px;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: none;
  --utrecht-link-text-underline-offset: 3px;
  --utrecht-link-text-decoration: underline;
  --utrecht-link-social-icon-size: 26px;
  --utrecht-link-social-hover-transform-scale: 1.1;
  --utrecht-link-social-size: 40px;
  --utrecht-link-social-border-width: 2px;
  --utrecht-link-list-icon-size: 14px;
  --utrecht-icon-baseline-inset-block-start: 0.125em;
  --utrecht-icon-size: 48px;
  --utrecht-heading-5-margin-block-start: 1rem;
  --utrecht-heading-5-margin-block-end: 0.2rem;
  --utrecht-heading-4-margin-block-start: 1.2rem;
  --utrecht-heading-4-margin-block-end: 0.3rem;
  --utrecht-heading-3-margin-block-start: 1rem;
  --utrecht-heading-3-margin-block-end: 0.2rem;
  --utrecht-heading-2-margin-block-start: 1.5rem;
  --utrecht-heading-2-margin-block-end: 0.3rem;
  --utrecht-heading-1-margin-block-start: 0.67rem;
  --utrecht-heading-1-margin-block-end: 0.67rem;
  --utrecht-form-toggle-width: 48px;
  --utrecht-form-toggle-padding-inline-start: 0;
  --utrecht-form-toggle-padding-inline-end: 0;
  --utrecht-form-toggle-padding-block-start: 0;
  --utrecht-form-toggle-padding-block-end: 0;
  --utrecht-form-toggle-height: 24px;
  --utrecht-form-toggle-border-style: solid;
  --utrecht-form-toggle-focus-border-width: 2px;
  --utrecht-form-toggle-focus-border-style: dotted;
  --utrecht-form-toggle-thumb-disabled-box-shadow: 0;
  --utrecht-form-toggle-thumb-min-inline-size: 18px;
  --utrecht-form-toggle-thumb-margin-inline-end: 0.25em;
  --utrecht-form-toggle-thumb-margin-inline-start: 0.25em;
  --utrecht-form-toggle-border-width: 2px;
  --utrecht-form-toggle-border-radius: 10em;
  --utrecht-form-toggle-border-color: transparent;
  --utrecht-form-toggle-accent-color: hsla(0, 0%, 48%, 1);
  --utrecht-form-label-font-size: 1em;
  --utrecht-form-fieldset-legend-line-height: 1.4;
  --utrecht-form-fieldset-legend-font-size: 1rem;
  --utrecht-form-field-invalid-border-inline-start-width: 3px;
  --utrecht-form-control-read-only-border-color: transparent;
  --utrecht-form-control-block-size: 42px;
  --utrecht-form-control-padding-inline-start: 12px;
  --utrecht-form-control-padding-inline-end: 12px;
  --utrecht-form-control-padding-block-start: 8px;
  --utrecht-form-control-padding-block-end: 8px;
  --utrecht-form-control-max-inline-size: 28em;
  --utrecht-form-control-border-radius: 0;
  --utrecht-figure-caption-line-height: 20px;
  --utrecht-figure-caption-font-size: 14px;
  --utrecht-figure-caption-color: #727272;
  --utrecht-drawer-max-inline-size: 320px;
  --utrecht-drawer-max-block-size: 240px;
  --utrecht-drawer-border-width: 1px;
  --utrecht-document-line-height: 1.4;
  --utrecht-data-list-rows-column-min-inline-size: 25ch;
  --utrecht-data-list-rows-column-inline-size: 80%;
  --utrecht-space-column-5xl: 64px;
  --utrecht-space-column-4xl: 48px;
  --utrecht-space-column-3xl: 32px;
  --utrecht-space-column-2xl: 28px;
  --utrecht-space-column-xl: 24px;
  --utrecht-space-column-lg: 20px;
  --utrecht-space-column-md: 16px;
  --utrecht-space-column-sm: 12px;
  --utrecht-space-column-xs: 8px;
  --utrecht-space-column-2xs: 4px;
  --utrecht-space-column-3xs: 2px;
  --utrecht-space-column-4xs: 1px;
  --utrecht-space-row-5xl: 64px;
  --utrecht-space-row-4xl: 48px;
  --utrecht-space-row-3xl: 32px;
  --utrecht-space-row-2xl: 28px;
  --utrecht-space-row-xl: 24px;
  --utrecht-space-row-lg: 20px;
  --utrecht-space-row-md: 16px;
  --utrecht-space-row-sm: 12px;
  --utrecht-space-row-xs: 8px;
  --utrecht-space-row-2xs: 4px;
  --utrecht-space-row-3xs: 2px;
  --utrecht-space-row-4xs: 1px;
  --utrecht-space-text-3xl: 3ch;
  --utrecht-space-text-2xl: 2ch;
  --utrecht-space-text-xl: 1.75ch;
  --utrecht-space-text-lg: 1.5ch;
  --utrecht-space-text-md: 1ch;
  --utrecht-space-text-sm: 0.75ch;
  --utrecht-space-text-xs: 0.5ch;
  --utrecht-space-text-2xs: 0.25ch;
  --utrecht-space-text-3xs: 0.125ch;
  --utrecht-space-inline-4xl: 48px;
  --utrecht-space-inline-3xl: 32px;
  --utrecht-space-inline-2xl: 28px;
  --utrecht-space-inline-xl: 24px;
  --utrecht-space-inline-lg: 20px;
  --utrecht-space-inline-md: 16px;
  --utrecht-space-inline-sm: 12px;
  --utrecht-space-inline-xs: 8px;
  --utrecht-space-inline-2xs: 4px;
  --utrecht-space-inline-3xs: 2px;
  --utrecht-space-block-4xs: 1px;
  --utrecht-space-block-4xl: 64px;
  --utrecht-space-block-3xl: 48px;
  --utrecht-space-block-2xl: 32px;
  --utrecht-space-block-xl: 24px;
  --utrecht-space-block-lg: 20px;
  --utrecht-space-block-md: 16px;
  --utrecht-space-block-sm: 12px;
  --utrecht-space-block-xs: 8px;
  --utrecht-space-block-2xs: 4px;
  --utrecht-space-block-3xs: 2px;
  --utrecht-pointer-target-min-size: 44px;
  --utrecht-focus-outline-style: dotted;
  --utrecht-action-inert-cursor: default;
  --utrecht-action-activate-cursor: pointer;
  --utrecht-action-submit-cursor: pointer;
  --utrecht-action-navigate-cursor: pointer;
  --utrecht-action-disabled-cursor: not-allowed;
  --utrecht-action-busy-cursor: wait;
  --utrecht-column-layout-column-width: 350px;
  --utrecht-column-layout-column-rule-width: 2px;
  --utrecht-code-block-padding-inline-end: 20px;
  --utrecht-code-block-padding-inline-start: 20px;
  --utrecht-code-block-padding-block-end: 20px;
  --utrecht-code-block-padding-block-start: 20px;
  --utrecht-code-block-line-height: 24px;
  --utrecht-code-block-font-size: 16px;
  --utrecht-checkbox-margin-block-start: 0;
  --utrecht-checkbox-focus-border-width: 2px;
  --utrecht-checkbox-size: 24px;
  --utrecht-checkbox-border-width: 2px;
  --utrecht-checkbox-border-radius: 0;
  --utrecht-calendar-icon-size: 24px;
  --utrecht-calendar-navigation-label-min-inline-size: 200px;
  --utrecht-calendar-navigation-padding-block-end: 2px;
  --utrecht-calendar-navigation-padding-block-start: 2px;
  --utrecht-calendar-table-days-item-day-disabled-border-color: transparent;
  --utrecht-calendar-table-days-item-day-selected-border-color: transparent;
  --utrecht-calendar-table-days-item-day-emphasis-border-color: transparent;
  --utrecht-calendar-table-days-item-day-is-today-font-weight: 700;
  --utrecht-calendar-table-days-item-day-out-of-the-month-border-color: transparent;
  --utrecht-calendar-table-days-item-day-active-border-color: transparent;
  --utrecht-calendar-table-days-item-day-focus-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-width: 2px;
  --utrecht-calendar-table-days-item-day-size: 44px;
  --utrecht-calendar-table-weeks-item-line-height: 24px;
  --utrecht-calendar-table-weeks-item-padding-block-end: 10px;
  --utrecht-calendar-table-weeks-item-padding-block-start: 4px;
  --utrecht-calendar-table-weeks-item-width: 44px;
  --utrecht-button-subtle-disabled-background-color: transparent;
  --utrecht-button-subtle-font-weight: 700;
  --utrecht-button-subtle-border-color: transparent;
  --utrecht-button-subtle-background-color: transparent;
  --utrecht-button-primary-action-danger-hover-border-color: transparent;
  --utrecht-button-primary-action-danger-border-color: transparent;
  --utrecht-button-primary-action-warning-hover-border-color: transparent;
  --utrecht-button-primary-action-warning-border-color: transparent;
  --utrecht-button-primary-action-ready-hover-border-color: transparent;
  --utrecht-button-primary-action-ready-border-color: transparent;
  --utrecht-button-primary-action-hover-border-color: transparent;
  --utrecht-button-primary-action-border-color: transparent;
  --utrecht-button-hover-scale: 1.02;
  --utrecht-button-focus-scale: 1.02;
  --utrecht-button-margin-inline-end: 0;
  --utrecht-button-margin-inline-start: 0;
  --utrecht-button-border-width: 1px;
  --utrecht-button-border-radius: 0;
  --utrecht-breadcrumb-nav-divider-inline-size: 1px;
  --utrecht-breadcrumb-nav-link-text-decoration: none;
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
  --utrecht-breadcrumb-nav-min-block-size: 34px;
  --utrecht-blockquote-margin-block-end: 1.6em;
  --utrecht-blockquote-margin-block-start: 1.6em;
  --utrecht-blockquote-content-font-size: 1.125rem;
  --utrecht-blockquote-attribution-font-size: 0.75rem;
  --utrecht-blockquote-margin-inline-end: 1.6em;
  --utrecht-blockquote-margin-inline-start: 1.6em;
  --utrecht-badge-border-radius: 0;
  --utrecht-badge-counter-padding-inline: 1ex;
  --utrecht-badge-counter-padding-block: 1ex;
  --utrecht-badge-counter-font-size: 16px;
  --utrecht-backdrop-reduced-transparency-opacity: 0.98;
  --utrecht-backdrop-fade-in-animation-duration: 0.4s;
  --utrecht-backdrop-opacity: 0.8;
  --utrecht-article-max-inline-size: 780px;
  --utrecht-alert-dialog-min-inline-size: 320px;
  --utrecht-alert-dialog-min-block-size: 100px;
  --utrecht-alert-dialog-max-block-size: 80vh;
  --utrecht-accordion-panel-border-width: 2px;
  --utrecht-accordion-button-icon-size: 24px;
  --utrecht-accordion-button-hover-background-color: inherit;
  --utrecht-accordion-button-border-width: 0;
  --denhaag-process-steps-sub-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --denhaag-process-steps-sub-step-heading-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-sub-step-heading-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-description-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --denhaag-process-steps-step-description-color: var(--utrecht-color-black);
  --denhaag-process-steps-step-metadata-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-metadata-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-line-warning-color: var(--utrecht-color-invalid);
  --denhaag-process-steps-step-line-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-line-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-line-stroke-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-sub-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-sub-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-warning-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-warning-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-warning-border-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-checked-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-checked-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-color: var(--utrecht-color-white);
  --denhaag-process-steps-step-marker-current-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-current-background-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-marker-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-marker-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-marker-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-heading-warning-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-not-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-heading-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-current-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-heading-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --denhaag-process-steps-step-heading-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --denhaag-process-steps-step-heading-color: var(--utrecht-color-black);
  --denhaag-process-steps-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
  --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
  --utrecht-unordered-list-marker-color: var(--utrecht-color-red-40);
  --utrecht-unordered-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-toptask-link-padding-inline-start: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-inline-end: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-block-start: var(--utrecht-space-block-xl);
  --utrecht-toptask-link-padding-block-end: var(--utrecht-space-block-xl);
  --utrecht-textarea-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-table-footer-sticky-border-block-start-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-footer-sticky-color: var(--utrecht-color-black);
  --utrecht-table-footer-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-row-alternate-even-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-even-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-table-row-alternate-odd-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-odd-background-color: var(
    --utrecht-color-white
  );
  --utrecht-table-row-border-block-end-width: var(--utrecht-border-width-sm);
  --utrecht-table-row-border-block-end-color: var(--utrecht-color-grey-90);
  --utrecht-table-cell-selected-color: var(--utrecht-color-black);
  --utrecht-table-cell-selected-background-color: var(--utrecht-color-blue-90);
  --utrecht-table-header-sticky-border-block-end-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-header-sticky-color: var(--utrecht-color-black);
  --utrecht-table-header-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-header-border-block-end-width: var(--utrecht-border-width-md);
  --utrecht-table-header-border-block-end-color: var(--utrecht-color-red-40);
  --utrecht-table-header-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-caption-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-surface-color: var(--utrecht-color-grey-10);
  --utrecht-surface-background-color: var(--utrecht-color-grey-95);
  --utrecht-spotlight-section-warning-background-color: var(
    --utrecht-color-yellow-80
  );
  --utrecht-spotlight-section-info-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-spotlight-section-padding-inline-end: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-inline-start: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-block-end: var(--utrecht-space-block-sm);
  --utrecht-spotlight-section-padding-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-spotlight-section-color: var(--utrecht-color-black);
  --utrecht-spotlight-section-background-color: var(--utrecht-color-grey-80);
  --utrecht-skip-link-focus-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --utrecht-skip-link-text-decoration: var(--utrecht-link-text-decoration);
  --utrecht-separator-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-separator-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-separator-color: var(--utrecht-color-grey-90);
  --utrecht-search-bar-list-item-is-selected-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-selected-color: var(--utrecht-color-black);
  --utrecht-search-bar-list-item-is-active-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-list-item-is-active-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-active-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-search-bar-section-title-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-section-title-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-search-bar-section-margin-block-end: var(--utrecht-space-inline-xs);
  --utrecht-search-bar-dropdown-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-input-padding-inline-start: var(
    --utrecht-space-inline-3xl
  );
  --utrecht-search-bar-input-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-search-bar-button-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-button-color: var(--utrecht-color-white);
  --utrecht-search-bar-button-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-background-color: var(--utrecht-color-red-40);
  --utrecht-radio-button-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-radio-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-radio-button-focus-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-hover-background-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-focus-border-color: var(
    --utrecht-color-blue-20
  );
  --utrecht-radio-button-checked-hover-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-active-color: var(--utrecht-color-blue-80);
  --utrecht-radio-button-checked-active-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-active-background-color: var(--utrecht-color-blue-80);
  --utrecht-pre-heading-margin-block-start: var(--utrecht-space-row-2xl);
  --utrecht-pre-heading-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-small-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-paragraph-lead-line-height: var(
    --utrecht-typography-line-height-md
  );
  --utrecht-paragraph-lead-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-lead-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-paragraph-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-paragraph-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-pagination-relative-link-border-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-relative-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-relative-link-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-background-color: var(
    --utrecht-color-white
  );
  --utrecht-pagination-page-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-current-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-page-link-color: var(--utrecht-color-blue-35);
  --utrecht-page-color: var(--utrecht-color-black);
  --utrecht-page-background-color: var(--utrecht-color-white);
  --utrecht-page-footer-padding-block-start: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-block-end: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-inline-start: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-padding-inline-end: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-background-image: linear-gradient(
    45deg,
    var(--utrecht-color-red-40),
    var(--utrecht-color-red-40) 50%,
    #d63433 50%
  );
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
  --utrecht-page-footer-color: var(--utrecht-color-white);
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-box-shadow-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-color: var(--utrecht-color-black);
  --utrecht-topnav-link-background-color: var(--utrecht-color-blue-40);
  --utrecht-topnav-link-color: var(--utrecht-color-white);
  --utrecht-topnav-list-border-color: var(--utrecht-color-grey-40);
  --utrecht-topnav-list-background-color: var(--utrecht-color-grey-15);
  --utrecht-sidenav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-link-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-marker-hover-color: var(--utrecht-color-blue-50);
  --utrecht-sidenav-item-marker-color: var(--utrecht-color-grey-80);
  --utrecht-sidenav-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-margin-inline-end: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-inline-start: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-block-end: var(--utrecht-space-block-xs);
  --utrecht-sidenav-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-content-max-inline-size: var(
    --utrecht-page-max-inline-size
  );
  --utrecht-nav-bar-color: var(--utrecht-color-black);
  --utrecht-nav-bar-background-color: var(--utrecht-color-white);
  --utrecht-mark-color: var(--utrecht-color-black);
  --utrecht-mark-background-color: var(--utrecht-color-yellow-60);
  --utrecht-mapcontrolbutton-hover-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-hover-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-focus-color: var(--utrecht-color-black);
  --utrecht-mapcontrolbutton-label-margin-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-label-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-border-style: var(--utrecht-border-style-solid);
  --utrecht-mapcontrolbutton-border-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-background-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-mapcontrolbutton-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-mapcontrolbutton-padding-inline-end: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-inline-start: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-block-end: var(--utrecht-space-block-2xs);
  --utrecht-mapcontrolbutton-padding-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-mapcontrolbutton-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-min-inline-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-min-block-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-border-width: var(--utrecht-border-width-sm);
  --utrecht-map-marker-border-color: var(--utrecht-color-white);
  --utrecht-map-marker-color: var(--utrecht-color-white);
  --utrecht-map-marker-background-color: var(--utrecht-color-blue-30);
  --utrecht-link-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-link-color: var(--utrecht-color-blue-35);
  --utrecht-link-social-color: var(--utrecht-color-white);
  --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
  --utrecht-link-social-border-color: var(--utrecht-color-white);
  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
  --utrecht-link-list-item-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-link-list-item-column-gap: var(--utrecht-space-block-xs);
  --utrecht-link-list-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-index-char-nav-link-current-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-index-char-nav-gap: var(--utrecht-space-column-sm);
  --utrecht-index-char-nav-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-index-char-nav-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-6-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-6-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-6-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-6-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-5-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-5-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-5-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-5-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-4-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-4-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-4-font-size: var(--utrecht-typography-scale-lg-font-size);
  --utrecht-heading-4-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-3-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-3-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-3-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-3-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-2-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-2-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-2-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-2-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-1-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-1-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-1-font-size: var(--utrecht-typography-scale-3xl-font-size);
  --utrecht-heading-1-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
  --utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
  --utrecht-form-toggle-thumb-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-form-toggle-thumb-background-color: var(--utrecht-color-white);
  --utrecht-form-toggle-track-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-toggle-track-border-radius: var(
    --utrecht-form-toggle-border-radius
  );
  --utrecht-form-toggle-color: var(--utrecht-color-black);
  --utrecht-form-toggle-background-color: var(--utrecht-color-white);
  --utrecht-form-label-radio-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-checkbox-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-legend-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-form-fieldset-legend-margin-block-start: var(
    --utrecht-space-block-xl
  );
  --utrecht-form-fieldset-legend-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-fieldset-legend-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-section-color: var(--utrecht-color-black);
  --utrecht-form-fieldset-section-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-form-fieldset-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-fieldset-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-description-margin-block-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-label-margin-block-end: var(--utrecht-space-block-sm);
  --utrecht-form-field-invalid-padding-inline-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-control-read-only-color: var(--utrecht-color-grey-20);
  --utrecht-form-control-read-only-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-control-focus-border-color: var(--utrecht-color-grey-80);
  --utrecht-form-control-placeholder-font-style: var(
    --utrecht-typography-font-style-normal
  );
  --utrecht-form-control-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-form-control-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-form-control-color: var(--utrecht-color-black);
  --utrecht-form-control-border-width: var(--utrecht-border-width-sm);
  --utrecht-form-control-border-color: var(--utrecht-color-grey-30);
  --utrecht-form-control-background-color: var(--utrecht-color-white);
  --utrecht-emphasis-strong-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-drawer-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-block-start: var(--utrecht-space-block-md);
  --utrecht-drawer-padding-block-end: var(--utrecht-space-block-md);
  --utrecht-drawer-border-color: var(--utrecht-color-grey-90);
  --utrecht-document-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-document-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-document-color: var(--utrecht-color-black);
  --utrecht-document-background-color: var(--utrecht-color-white);
  --utrecht-data-placeholder-background-color: var(--utrecht-color-grey-40);
  --utrecht-data-list-rows-item-value-margin-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-data-list-rows-item-margin-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-data-list-item-key-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-data-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-data-list-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-focus-inverse-outline-color: var(--utrecht-color-white);
  --utrecht-focus-outline-width: var(--utrecht-border-width-md);
  --utrecht-focus-outline-color: var(--utrecht-color-black);
  --utrecht-focus-background-color: var(--utrecht-color-yellow-60);
  --utrecht-feedback-active-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-inactive-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-success-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-error-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-valid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-border-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-background-color: var(--utrecht-color-invalid);
  --utrecht-feedback-safe-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-safe-color: var(--utrecht-color-green-50);
  --utrecht-feedback-warning-fill-color: var(--utrecht-color-black);
  --utrecht-feedback-warning-color: var(--utrecht-color-yellow-50);
  --utrecht-feedback-danger-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-danger-color: var(--utrecht-color-red-40);
  --utrecht-column-layout-gap: var(--utrecht-space-column-md);
  --utrecht-column-layout-column-rule-color: var(--utrecht-color-grey-80);
  --utrecht-code-block-margin-block-end: var(--utrecht-space-block-lg);
  --utrecht-code-block-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-code-block-color: var(--utrecht-color-black);
  --utrecht-code-block-background-color: var(--utrecht-color-grey-95);
  --utrecht-checkbox-indeterminate-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-checkbox-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
  --utrecht-checkbox-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-calendar-navigation-label-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-calendar-navigation-label-color: var(--utrecht-color-black);
  --utrecht-calendar-navigation-color: var(--utrecht-color-blue-30);
  --utrecht-calendar-table-days-item-day-disabled-color: var(
    --utrecht-color-grey-40
  );
  --utrecht-calendar-table-days-item-day-selected-color: var(
    --utrecht-color-white
  );
  --utrecht-calendar-table-days-item-day-selected-background-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-calendar-table-days-item-day-is-today-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-calendar-table-days-item-day-out-of-the-month-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-calendar-table-days-item-day-hover-border-color: var(
    --utrecht-color-black
  );
  --utrecht-calendar-table-days-item-day-hover-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-calendar-table-days-item-day-color: var(--utrecht-color-black);
  --utrecht-button-subtle-ready-focus-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-hover-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-color: var(--utrecht-color-green-50);
  --utrecht-button-subtle-danger-focus-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-hover-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-subtle-focus-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-hover-border-color: var(--utrecht-color-blue-40);
  --utrecht-button-subtle-hover-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-subtle-active-color: var(--utrecht-color-white);
  --utrecht-button-subtle-active-background-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-border-width: var(--utrecht-border-width-md);
  --utrecht-button-secondary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-ready-border-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-secondary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-warning-border-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-secondary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-secondary-action-danger-border-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-secondary-action-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-hover-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-secondary-action-hover-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-disabled-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-active-color: var(--utrecht-color-white);
  --utrecht-button-secondary-action-active-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-secondary-action-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-secondary-action-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-focus-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-hover-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-hover-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-danger-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-danger-background-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-primary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-focus-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-hover-color: var(
    --utrecht-color-black
  );
  --utrecht-button-primary-action-warning-hover-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-warning-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-warning-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-primary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-focus-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-ready-hover-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-ready-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-ready-background-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-primary-action-focus-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-primary-action-focus-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-focus-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-primary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-primary-action-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-active-color: var(--utrecht-color-blue-35);
  --utrecht-button-primary-action-active-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-primary-action-active-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-border-width: var(--utrecht-border-width-md);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-background-color: var(--utrecht-color-grey-90);
  --utrecht-button-icon-gap: var(--utrecht-space-text-xs);
  --utrecht-button-active-color: var(--utrecht-color-white);
  --utrecht-button-active-background-color: var(--utrecht-color-grey-40);
  --utrecht-button-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-button-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-button-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-button-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-button-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-button-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-button-color: var(--utrecht-color-grey-40);
  --utrecht-button-border-color: var(--utrecht-color-grey-40);
  --utrecht-button-background-color: var(--utrecht-color-white);
  --utrecht-breadcrumb-nav-arrows-link-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-focus-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-breadcrumb-nav-separator-icon-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-breadcrumb-nav-separator-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-link-icon-size: var(--utrecht-icon-scale-md);
  --utrecht-breadcrumb-nav-link-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-breadcrumb-nav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-item-padding-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-blockquote-content-color: var(--utrecht-color-red-40);
  --utrecht-badge-font-style: var(--utrecht-typography-font-style-normal);
  --utrecht-badge-padding-inline: var(--utrecht-space-inline-sm);
  --utrecht-badge-padding-block: var(--utrecht-space-block-xs);
  --utrecht-badge-color: var(--utrecht-color-white);
  --utrecht-badge-background-color: var(--utrecht-color-grey-30);
  --utrecht-badge-list-item-margin-inline: var(--utrecht-space-block-sm);
  --utrecht-badge-list-item-margin-block: var(--utrecht-space-block-xs);
  --utrecht-badge-counter-font-style: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-badge-counter-color: var(--utrecht-color-white);
  --utrecht-badge-counter-border-radius: var(--utrecht-badge-counter-font-size);
  --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
  --utrecht-backdrop-color: var(--utrecht-color-black);
  --utrecht-backdrop-background-color: var(--utrecht-color-white);
  --utrecht-alert-info-color: var(--utrecht-color-black);
  --utrecht-alert-info-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-icon-info-color: var(--utrecht-color-blue-35);
  --utrecht-alert-icon-ok-color: var(--utrecht-color-green-40);
  --utrecht-alert-icon-warning-color: var(--utrecht-color-yellow-40);
  --utrecht-alert-icon-error-color: var(--utrecht-color-red-40);
  --utrecht-alert-icon-gap: var(--utrecht-space-column-md);
  --utrecht-alert-icon-color: var(--utrecht-color-blue-35);
  --utrecht-alert-ok-color: var(--utrecht-color-black);
  --utrecht-alert-ok-background-color: var(--utrecht-color-green-90);
  --utrecht-alert-error-color: var(--utrecht-color-black);
  --utrecht-alert-error-background-color: var(--utrecht-color-red-95);
  --utrecht-alert-warning-color: var(--utrecht-color-black);
  --utrecht-alert-warning-background-color: var(--utrecht-color-yellow-80);
  --utrecht-alert-padding-inline-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-inline-start: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-start: var(--utrecht-space-block-lg);
  --utrecht-alert-color: var(--utrecht-color-black);
  --utrecht-alert-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-dialog-max-inline-size: var(
    --utrecht-article-max-inline-size
  );
  --utrecht-accordion-section-margin-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-accordion-panel-padding-inline-end: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-inline-start: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-icon-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-accordion-button-focus-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-focus-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-focus-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-active-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-active-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-active-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-hover-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-hover-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-background-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-inline-start: var(
    --utrecht-space-block-md
  );
  --utrecht-accordion-button-padding-inline-end: var(--utrecht-space-block-md);
  --of-layout-background: var(--utrecht-document-background-color);
  --denhaag-process-steps-sub-step-line-color: var(
    --denhaag-process-steps-step-line-color
  );
  --utrecht-toptask-link-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --utrecht-toptask-link-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --utrecht-toptask-link-color: var(--utrecht-button-primary-action-color);
  --utrecht-toptask-link-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --utrecht-skip-link-focus-background-color: var(
    --utrecht-topnav-link-focus-background-color
  );
  --utrecht-skip-link-focus-color: var(--utrecht-topnav-link-focus-color);
  --utrecht-skip-link-padding-inline-end: var(
    --utrecht-button-padding-inline-end
  );
  --utrecht-skip-link-padding-inline-start: var(
    --utrecht-button-padding-inline-start
  );
  --utrecht-skip-link-padding-block-end: var(
    --utrecht-button-padding-block-end
  );
  --utrecht-skip-link-padding-block-start: var(
    --utrecht-button-padding-block-start
  );
  --utrecht-skip-link-color: var(--utrecht-topnav-link-color);
  --utrecht-skip-link-background-color: var(
    --utrecht-topnav-list-background-color
  );
  --utrecht-radio-button-border-color: var(--utrecht-form-control-border-color);
  --utrecht-radio-button-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-paragraph-lead-color: var(--utrecht-document-color);
  --utrecht-link-visited-color: var(--utrecht-link-color);
  --utrecht-link-hover-color: var(--utrecht-link-focus-color);
  --utrecht-link-active-color: var(--utrecht-link-color);
  --utrecht-form-field-error-message-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-field-description-warning-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-form-field-description-invalid-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-control-invalid-border-color: var(
    --utrecht-feedback-invalid-border-color
  );
  --utrecht-form-control-font-family: var(--utrecht-document-font-family);
  --utrecht-drawer-color: var(--utrecht-document-color);
  --utrecht-drawer-background-color: var(--utrecht-document-background-color);
  --utrecht-feedback-active-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-inactive-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-success-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-error-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-valid-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-invalid-fill-background-color: var(
    --utrecht-feedback-invalid-background-color
  );
  --utrecht-feedback-safe-border-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-safe-background-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-warning-border-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-warning-background-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-danger-border-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-danger-background-color: var(
    --utrecht-feedback-danger-color
  );
  --utrecht-checkbox-color: var(--utrecht-form-control-color);
  --utrecht-checkbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-checkbox-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-button-subtle-pressed-color: var(
    --utrecht-button-subtle-active-color
  );
  --utrecht-button-subtle-pressed-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --utrecht-button-secondary-action-pressed-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --utrecht-button-secondary-action-pressed-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --utrecht-button-primary-action-pressed-color: var(
    --utrecht-button-primary-action-active-color
  );
  --utrecht-button-primary-action-pressed-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --utrecht-button-primary-action-pressed-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --utrecht-button-pressed-color: var(--utrecht-button-active-color);
  --utrecht-button-pressed-background-color: var(
    --utrecht-button-active-background-color
  );
  --utrecht-breadcrumb-nav-arrows-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --utrecht-breadcrumb-nav-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --of-layout-bg: var(--of-layout-background);
  --utrecht-radio-button-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-invalid-border-inline-start-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-description-valid-color: var(
    --utrecht-feedback-valid-color
  );
  --utrecht-feedback-active-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-active-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-inactive-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-inactive-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-success-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-success-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-error-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-error-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-valid-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-valid-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-safe-fill-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-warning-fill-background-color: var(
    --utrecht-feedback-warning-background-color
  );
  --utrecht-feedback-danger-fill-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-checkbox-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-feedback-active-fill-background-color: var(
    --utrecht-feedback-active-background-color
  );
  --utrecht-feedback-inactive-fill-background-color: var(
    --utrecht-feedback-inactive-background-color
  );
  --utrecht-feedback-success-fill-background-color: var(
    --utrecht-feedback-success-background-color
  );
  --utrecht-feedback-error-fill-background-color: var(
    --utrecht-feedback-error-background-color
  );
  --utrecht-feedback-valid-fill-background-color: var(
    --utrecht-feedback-valid-background-color
  );
}

@charset "UTF-8";
:root {
  --osc-background: #ffffff;
  --osc-foreground: #010d0a;
  --osc-muted: #59636d;
  --osc-muted-foreground: #ffffff;
  --osc-card: #f0f4f8;
  --osc-card-dark: #dbdfe5;
  --osc-card-foreground: #010d0a;
  --osc-border: #a9b2ba;
  --osc-input: #ffffff;
  --osc-primary: #12b886;
  --osc-primary-hover: #009f6d;
  --osc-primary-foreground: #ffffff;
  --osc-secondary: #1471ef;
  --osc-secondary-hover: #0058d6;
  --osc-secondary-foreground: #ffffff;
  --osc-destructive: #e8393b;
  --osc-destructive-foreground: #ffffff;
  --osc-ring: #1471ef;
  --osc-radius: 0.25rem;
}
.osc,
.osc * {
  font-family:
    Open Sans,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    Helvetica Neue,
    sans-serif;
}
.osc figure {
  margin: 0;
}
.osc p.strong {
  color: var(--osc-foreground, black);
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: 0px;
}
.osc p.helptext {
  margin: 0.5 0;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0px;
  text-align: left;
  color: var(--osc-muted);
}
.osc p.helptext > i {
  margin-right: 0.25rem;
}
.osc p.helptext.error {
  color: var(--osc-destructive);
}
.osc .sr-only {
  width: 0;
  height: 0;
  overflow: hidden;
  display: block;
}
*:first-child {
  --nlds-counter-margin-block-start: 0;
}
.--negative {
  margin-block-start: calc(var(--nlds-default-margin-block-start, 2rem) * -1);
}
[lang='nl'] > * {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.document-download-container {
  background: var(--nlds-default-background-color, #f0f4f8);
  padding: 30px;
}
.osc .osc-button {
  padding: 0.625rem 3rem;
  border: none;
  border-radius: 0.375rem;
  gap: 0.5rem;
  background-color: var(--osc-primary);
  color: var(--osc-primary-foreground);
  text-align: center;
}
.osc .osc-button.osc-secondary {
  background-color: var(--osc-secondary);
}
.osc .osc-button.ghost {
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border: none;
  background-color: var(--osc-background);
  color: var(--osc-foreground);
  cursor: pointer;
}
.osc .osc-button.osc-plain {
  background-color: var(--osc-background);
  border: 1px solid var(--osc-border);
  color: var(--osc-muted);
}
.osc .osc-button.ghost.active i {
  color: var(--osc-primary);
}
.osc .osc-button > i {
  font-size: 1.5rem;
}
.osc .osc-button:hover {
  background-color: var(--osc-primary-hover);
}
.osc .osc-button.osc-secondary:hover {
  background-color: var(--osc-secondary-hover);
}
.osc .osc-button.ghost:hover {
  color: var(--osc-muted);
  background-color: var(--osc-background);
}
.osc .osc-button.osc-plain:hover {
  color: var(--osc-foreground);
  background-color: var(--osc-background);
}
.osc .osc-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.osc-carousel .utrecht-button {
  flex-shrink: 0;
}
.osc-paginator {
  align-items: center;
}
.osc .icon {
  display: inline-flex;
  justify-items: center;
  align-items: center;
  gap: 0.25rem;
  font-weight: 600;
}
.osc .icon.no-label {
  gap: 0rem;
}
.osc .icon.no-label p {
  width: 0;
  height: 0;
  overflow: clip;
}
.osc .icon > i.big {
  font-size: 24px;
}
.osc .icon > i.regular {
  font-size: 16px;
}
.osc .icon > i.small {
  font-size: 8px;
}
.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;
}
.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);
  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);
}
.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);
}
.utrecht-alternate-lang-nav__heading {
  display: none;
}
.utrecht-article {
  max-inline-size: var(--utrecht-article-max-inline-size);
}
.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;
}
.utrecht-badge-counter {
  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);
  font-weight: var(
    --utrecht-badge-counter-font-weight,
    var(--utrecht-badge-font-weight, bold)
  );
  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;
  white-space: nowrap;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-badge-counter {
    border-color: currentColor;
    border-style: solid;
    border-width: 1px;
  }
}
.utrecht-badge-data {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    border-width: 1px;
  }
}
.utrecht-badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-badge-list-item-margin-block)
    var(--utrecht-badge-list-item-margin-inline);
}
.utrecht-badge-status {
  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);
  font-weight: var(--utrecht-badge-font-weight, bold);
  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;
  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;
    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)
  );
}
.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;
}
.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
  );
  --_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)
  );
  --_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)
  );
  cursor: var(
    --_utrecht-breadcrumb-nav-link-current-cursor,
    var(--_utrecht-breadcrumb-nav-link-disabled-cursor)
  );
}
.utrecht-breadcrumb-nav__separator,
.utrecht-breadcrumb-nav__separator--html-li {
  --_utrecht-breadcrumb-nav-separator-display: inline-flex;
  --utrecht-icon-size: var(--utrecht-breadcrumb-nav-separator-icon-size);
  align-items: center;
  color: var(--utrecht-breadcrumb-nav-separator-color);
  cursor: var(--utrecht-action-inert-cursor, default);
  display: var(--_utrecht-breadcrumb-nav-separator-display);
  inline-size: fit-content;
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-breadcrumb-nav--arrows {
  --utrecht-breadcrumb-nav-arrow-size: 24px;
  min-block-size: var(--utrecht-breadcrumb-nav-min-block-size);
  overflow: hidden;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link {
  background-color: var(--utrecht-breadcrumb-nav-arrows-link-background-color);
  padding-inline-end: 0;
  position: relative;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  block-size: 0;
  border-block-end-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-block-start-width: var(--utrecht-breadcrumb-nav-min-block-size);
  border-color: transparent;
  border-style: solid;
  content: ' ';
  display: block;
  inline-size: 0;
  inset-block-start: 50%;
  inset-inline-start: 100%;
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  position: absolute;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-background-color
  );
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  z-index: 2;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:before {
  border-inline-start-color: var(--utrecht-document-background-color);
  border-inline-start-width: var(--utrecht-breadcrumb-nav-arrow-size);
  margin-block-start: calc(-1 * var(--utrecht-breadcrumb-nav-min-block-size));
  margin-inline-start: 1px;
  z-index: 1;
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus {
  --utrecht-link-focus-background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
  background-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link--focus:after,
.utrecht-breadcrumb-nav--arrows .utrecht-breadcrumb-nav__link:focus:after {
  border-inline-start-color: var(
    --utrecht-breadcrumb-nav-arrows-link-focus-background-color
  );
}
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__link
  ~ .utrecht-breadcrumb-nav__link,
.utrecht-breadcrumb-nav--arrows
  .utrecht-breadcrumb-nav__item
  ~ .utrecht-breadcrumb-nav__item
  .utrecht-breadcrumb-nav__link {
  padding-inline-start: calc(
    var(--utrecht-breadcrumb-nav-item-padding-inline-start) +
      var(--utrecht-breadcrumb-nav-arrow-size)
  );
}
.utrecht-breadcrumb-nav__item ~ .utrecht-breadcrumb-nav__item {
  margin-inline-start: var(--utrecht-breadcrumb-nav-item-divider-inline-size);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Frameless B.V.
 */
.utrecht-button-group {
  align-items: baseline;
  background-color: var(--utrecht-button-group-background-color);
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-button-group-inline-gap, 1em);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-button-group-margin-block-start, 0)
  );
  min-block-size: var(--utrecht-button-block-size);
  padding-block-end: var(--utrecht-button-group-padding-block-end);
  padding-block-start: var(--utrecht-button-group-padding-block-start);
}
.utrecht-button-group--distanced {
  --utrecht-space-around: 1;
}
.utrecht-button-group__link-button--row,
.utrecht-button-group--row .utrecht-link-button,
.utrecht-button-group:not(.utrecht-button-group--column) .utrecht-link-button {
  --utrecht-button-padding-inline-end: 0;
  --utrecht-button-padding-inline-start: 0;
}
.utrecht-button-group--column {
  flex-direction: column;
  gap: var(--utrecht-button-group-block-gap, 1em);
}
.utrecht-button-link {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
  cursor: var(--utrecht-action-navigate-cursor, pointer);
  text-decoration: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button-link {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button-link--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--placeholder {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button-link--html-a:focus {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button-link--html-a:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button-link--html-a:hover {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button-link--html-a:active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button-link--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button-link--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button-link--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-button {
  --_utrecht-button-background-color: var(
    --_utrecht-button-hint-background-color,
    var(
      --_utrecht-button-appearance-background-color,
      var(--utrecht-button-background-color)
    )
  );
  --_utrecht-button-color: var(
    --_utrecht-button-hint-color,
    var(--_utrecht-button-appearance-color, var(--utrecht-button-color))
  );
  --_utrecht-button-border-color: var(
    --_utrecht-button-hint-border-color,
    var(
      --_utrecht-button-appearance-border-color,
      var(--utrecht-button-border-color, transparent)
    )
  );
  --_utrecht-button-border-bottom-color: var(
    --_utrecht-button-hint-border-bottom-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-border-bottom-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-border-bottom-color,
            var(--utrecht-button-border-color, transparent)
          )
        )
      )
    )
  );
  --_utrecht-button-disabled-background-color: var(
    --_utrecht-button-hint-disabled-background-color,
    var(
      --_utrecht-button-appearance-disabled-background-color,
      var(
        --utrecht-button-disabled-background-color,
        var(--utrecht-button-background-color)
      )
    )
  );
  --_utrecht-button-disabled-border-color: var(
    --_utrecht-button-hint-disabled-border-color,
    var(
      --_utrecht-button-appearance-disabled-border-color,
      var(
        --utrecht-button-disabled-border-color,
        var(--utrecht-button-border-color)
      )
    )
  );
  --_utrecht-button-disabled-color: var(
    --_utrecht-button-hint-disabled-color,
    var(
      --_utrecht-button-appearance-disabled-color,
      var(--utrecht-button-disabled-color, var(--utrecht-button-color))
    )
  );
  --_utrecht-button-pressed-background-color: var(
    --_utrecht-button-hint-pressed-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-pressed-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-pressed-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-border-color: var(
    --_utrecht-button-hint-pressed-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-pressed-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-pressed-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-pressed-color: var(
    --_utrecht-button-hint-pressed-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-pressed-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-pressed-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-focus-background-color: var(
    --_utrecht-button-hint-focus-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-focus-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-focus-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-border-color: var(
    --_utrecht-button-hint-focus-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-focus-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-focus-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-focus-color: var(
    --_utrecht-button-hint-focus-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-focus-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-focus-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-hover-background-color: var(
    --_utrecht-button-hint-hover-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-hover-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-hover-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-border-color: var(
    --_utrecht-button-hint-hover-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-hover-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-hover-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-hover-color: var(
    --_utrecht-button-hint-hover-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-hover-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-hover-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-active-background-color: var(
    --_utrecht-button-hint-active-background-color,
    var(
      --_utrecht-button-hint-background-color,
      var(
        --_utrecht-button-appearance-active-background-color,
        var(
          --_utrecht-button-appearance-background-color,
          var(
            --utrecht-button-active-background-color,
            var(--utrecht-button-background-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-border-color: var(
    --_utrecht-button-hint-active-border-color,
    var(
      --_utrecht-button-hint-border-color,
      var(
        --_utrecht-button-appearance-active-border-color,
        var(
          --_utrecht-button-appearance-border-color,
          var(
            --utrecht-button-active-border-color,
            var(--utrecht-button-border-color)
          )
        )
      )
    )
  );
  --_utrecht-button-active-color: var(
    --_utrecht-button-hint-active-color,
    var(
      --_utrecht-button-hint-color,
      var(
        --_utrecht-button-appearance-active-color,
        var(
          --_utrecht-button-appearance-color,
          var(--utrecht-button-active-color, var(--utrecht-button-color))
        )
      )
    )
  );
  --_utrecht-button-border-width: var(
    --_utrecht-button-appearance-border-width,
    var(--utrecht-button-border-width, 0)
  );
  --_utrecht-button-border-block-end-width: var(
    --utrecht-button-border-bottom-width,
    var(--_utrecht-button-border-width, 0)
  );
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  background-color: var(--_utrecht-button-background-color);
  block-size: fit-content;
  border-block-end-color: var(--_utrecht-button-border-bottom-color);
  border-block-end-width: var(--_utrecht-button-border-block-end-width);
  border-color: var(--_utrecht-button-border-color);
  border-radius: var(--utrecht-button-border-radius);
  border-style: solid;
  border-width: var(--_utrecht-button-border-width);
  box-sizing: border-box;
  color: var(--_utrecht-button-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family, inherit)
  );
  font-weight: var(
    --_utrecht-button-appearance-font-weight,
    var(--utrecht-button-font-weight)
  );
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: var(--utrecht-button-line-height);
  max-inline-size: var(--utrecht-button-max-inline-size, fit-content);
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  scale: 1;
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-button {
    --_utrecht-button-disabled-border-color: GrayText;
    --_utrecht-button-disabled-color: GrayText;
    background-color: ButtonFace;
    border-color: buttonborder;
    color: ButtonText;
  }
}
.utrecht-button--distanced {
  margin-block-end: var(--utrecht-button-margin-block-end);
  margin-block-start: var(--utrecht-button-margin-block-start);
  margin-inline-end: var(--utrecht-button-margin-inline-end);
  margin-inline-start: var(--utrecht-button-margin-inline-start);
}
.utrecht-button--submit {
  cursor: var(--utrecht-action-submit-cursor, revert);
}
.utrecht-button--busy {
  cursor: var(--utrecht-action-busy-cursor, wait);
}
.utrecht-button--pressed {
  background-color: var(--_utrecht-button-pressed-background-color);
  border-color: var(--_utrecht-button-pressed-border-color);
  color: var(--_utrecht-button-pressed-color);
}
.utrecht-button:disabled,
.utrecht-button--disabled {
  background-color: var(--_utrecht-button-disabled-background-color);
  border-color: var(--_utrecht-button-disabled-border-color);
  color: var(--_utrecht-button-disabled-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button--focus:not(.utrecht-button--disabled) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
}
.utrecht-button:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-focus-background-color);
  border-color: var(--_utrecht-button-focus-border-color);
  color: var(--_utrecht-button-focus-color);
  scale: var(--utrecht-button-focus-scale, 1);
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-button:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-button--hover:not(:disabled, .utrecht-button--disabled),
.utrecht-button:hover:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ) {
  background-color: var(--_utrecht-button-hover-background-color);
  border-color: var(--_utrecht-button-hover-border-color);
  color: var(--_utrecht-button-hover-color);
  scale: var(--utrecht-button-hover-scale, 1);
}
.utrecht-button:active:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-button--disabled
  ),
.utrecht-button--active {
  background-color: var(--_utrecht-button-active-background-color);
  border-color: var(--_utrecht-button-active-border-color);
  color: var(--_utrecht-button-active-color);
}
.utrecht-button--primary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-primary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-primary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-primary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-primary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-primary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-primary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-primary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-primary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-primary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-primary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-primary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-primary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-primary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-primary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-primary-action-pressed-color
  );
}
.utrecht-button--secondary-action {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-secondary-action-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-secondary-action-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-secondary-action-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-secondary-action-border-width
  );
  --_utrecht-button-appearance-color: var(
    --utrecht-button-secondary-action-color
  );
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-secondary-action-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-secondary-action-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-secondary-action-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-secondary-action-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-secondary-action-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-secondary-action-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-secondary-action-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-secondary-action-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-secondary-action-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-secondary-action-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-secondary-action-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-secondary-action-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-secondary-action-pressed-color
  );
}
.utrecht-button--subtle {
  --_utrecht-button-appearance-active-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --_utrecht-button-appearance-active-border-color: var(
    --utrecht-button-subtle-active-border-color
  );
  --_utrecht-button-appearance-active-color: var(
    --utrecht-button-subtle-active-color
  );
  --_utrecht-button-appearance-background-color: var(
    --utrecht-button-subtle-background-color
  );
  --_utrecht-button-appearance-border-color: var(
    --utrecht-button-subtle-border-color
  );
  --_utrecht-button-appearance-border-width: var(
    --utrecht-button-subtle-border-width
  );
  --_utrecht-button-appearance-color: var(--utrecht-button-subtle-color);
  --_utrecht-button-appearance-font-weight: var(
    --utrecht-button-subtle-font-weight
  );
  --_utrecht-button-appearance-disabled-background-color: var(
    --utrecht-button-subtle-disabled-background-color
  );
  --_utrecht-button-appearance-disabled-border-color: var(
    --utrecht-button-subtle-disabled-border-color
  );
  --_utrecht-button-appearance-disabled-color: var(
    --utrecht-button-subtle-disabled-color
  );
  --_utrecht-button-appearance-focus-background-color: var(
    --utrecht-button-subtle-focus-background-color
  );
  --_utrecht-button-appearance-focus-border-color: var(
    --utrecht-button-subtle-focus-border-color
  );
  --_utrecht-button-appearance-focus-color: var(
    --utrecht-button-subtle-focus-color
  );
  --_utrecht-button-appearance-hover-background-color: var(
    --utrecht-button-subtle-hover-background-color
  );
  --_utrecht-button-appearance-hover-border-color: var(
    --utrecht-button-subtle-hover-border-color
  );
  --_utrecht-button-appearance-hover-color: var(
    --utrecht-button-subtle-hover-color
  );
  --_utrecht-button-appearance-pressed-background-color: var(
    --utrecht-button-subtle-pressed-background-color
  );
  --_utrecht-button-appearance-pressed-border-color: var(
    --utrecht-button-subtle-pressed-border-color
  );
  --_utrecht-button-appearance-pressed-color: var(
    --utrecht-button-subtle-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-danger-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-ready-pressed-color
  );
}
.utrecht-button--primary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-primary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-primary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-primary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-primary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-primary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-primary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-primary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-primary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-primary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-primary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-primary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-primary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-primary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-primary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-primary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-primary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-primary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-primary-action-warning-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-danger-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-danger-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-danger-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-ready-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-ready-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-ready-pressed-color
  );
}
.utrecht-button--secondary-action.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-secondary-action-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-secondary-action-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-secondary-action-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-secondary-action-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-secondary-action-warning-border-color
  );
  --_utrecht-button-hint-color: var(
    --utrecht-button-secondary-action-warning-color
  );
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-secondary-action-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-secondary-action-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-secondary-action-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-secondary-action-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-secondary-action-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-secondary-action-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-secondary-action-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-secondary-action-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-secondary-action-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-secondary-action-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-secondary-action-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-secondary-action-warning-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--danger {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-danger-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-danger-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-danger-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-danger-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-danger-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-danger-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-danger-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-danger-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-danger-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-danger-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-danger-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-danger-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-danger-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-danger-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-danger-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-danger-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-danger-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-danger-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--ready {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-ready-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-ready-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-ready-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-ready-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-ready-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-ready-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-ready-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-ready-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-ready-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-ready-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-ready-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-ready-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-ready-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-ready-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-ready-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-ready-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-ready-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-ready-pressed-color
  );
}
.utrecht-button--subtle.utrecht-button--warning {
  --_utrecht-button-hint-active-background-color: var(
    --utrecht-button-subtle-warning-active-background-color
  );
  --_utrecht-button-hint-active-border-color: var(
    --utrecht-button-subtle-warning-active-border-color
  );
  --_utrecht-button-hint-active-color: var(
    --utrecht-button-subtle-warning-active-color
  );
  --_utrecht-button-hint-background-color: var(
    --utrecht-button-subtle-warning-background-color
  );
  --_utrecht-button-hint-border-color: var(
    --utrecht-button-subtle-warning-border-color
  );
  --_utrecht-button-hint-color: var(--utrecht-button-subtle-warning-color);
  --_utrecht-button-hint-disabled-background-color: var(
    --utrecht-button-subtle-warning-disabled-background-color
  );
  --_utrecht-button-hint-disabled-border-color: var(
    --utrecht-button-subtle-warning-disabled-border-color
  );
  --_utrecht-button-hint-disabled-color: var(
    --utrecht-button-subtle-warning-disabled-color
  );
  --_utrecht-button-hint-focus-background-color: var(
    --utrecht-button-subtle-warning-focus-background-color
  );
  --_utrecht-button-hint-focus-border-color: var(
    --utrecht-button-subtle-warning-focus-border-color
  );
  --_utrecht-button-hint-focus-color: var(
    --utrecht-button-subtle-warning-focus-color
  );
  --_utrecht-button-hint-hover-background-color: var(
    --utrecht-button-subtle-warning-hover-background-color
  );
  --_utrecht-button-hint-hover-border-color: var(
    --utrecht-button-subtle-warning-hover-border-color
  );
  --_utrecht-button-hint-hover-color: var(
    --utrecht-button-subtle-warning-hover-color
  );
  --_utrecht-button-hint-pressed-background-color: var(
    --utrecht-button-subtle-warning-pressed-background-color
  );
  --_utrecht-button-hint-pressed-border-color: var(
    --utrecht-button-subtle-warning-pressed-border-color
  );
  --_utrecht-button-hint-pressed-color: var(
    --utrecht-button-subtle-warning-pressed-color
  );
}
.utrecht-calendar {
  background-color: var(--utrecht-calendar-background-color);
  inline-size: fit-content;
}
.utrecht-calendar__table {
  margin-inline: auto;
  padding-block-end: var(--utrecht-calendar-table-padding-block-end);
  padding-block-start: var(--utrecht-calendar-table-padding-block-start);
}
.utrecht-calendar__table-weeks-item {
  inline-size: var(--utrecht-calendar-table-weeks-item-width);
  line-height: var(--utrecht-calendar-table-weeks-item-line-height, inherit);
  padding-block-end: var(--utrecht-calendar-table-weeks-item-padding-block-end);
  padding-block-start: var(
    --utrecht-calendar-table-weeks-item-padding-block-start
  );
}
.utrecht-calendar__table-days-item-day {
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-border-color
  );
  --utrecht-calendar-button-border-width: var(
    --utrecht-calendar-table-days-item-day-border-width
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-color
  );
  block-size: var(--utrecht-calendar-table-days-item-day-size);
  inline-size: var(--utrecht-calendar-table-days-item-day-size);
}
.utrecht-calendar__table-days-item-day:hover {
  --utrecht-calendar-button-hover-background-color: var(
    --utrecht-calendar-table-days-item-day-hover-background-color
  );
  --utrecht-calendar-button-hover-border-color: var(
    --utrecht-calendar-table-days-item-day-hover-border-color
  );
  --utrecht-calendar-button-hover-color: var(
    --utrecht-calendar-table-days-item-day-hover-color
  );
}
.utrecht-calendar__table-days-item-day:focus {
  --utrecht-calendar-button-focus-background-color: var(
    --utrecht-calendar-table-days-item-day-focus-background-color
  );
  --utrecht-calendar-button-focus-border-color: var(
    --utrecht-calendar-table-days-item-day-focus-border-color
  );
  --utrecht-calendar-button-focus-color: var(
    --utrecht-calendar-table-days-item-day-focus-color
  );
}
.utrecht-calendar__table-days-item-day:active {
  --utrecht-calendar-button-active-background-color: var(
    --utrecht-calendar-table-days-item-day-active-background-color
  );
  --utrecht-calendar-button-active-border-color: var(
    --utrecht-calendar-table-days-item-day-active-border-color
  );
  --utrecht-calendar-button-active-color: var(
    --utrecht-calendar-table-days-item-day-active-color
  );
}
.utrecht-calendar__table-days-item-day:disabled {
  --utrecht-calendar-button-disabled-background-color: var(
    --utrecht-calendar-table-days-item-day-disabled-background-color
  );
  --utrecht-calendar-button-disabled-border-color: var(
    --utrecht-calendar-table-days-item-day-disabled-border-color
  );
  --utrecht-calendar-button-disabled-color: var(
    --utrecht-calendar-table-days-item-day-disabled-color
  );
}
.utrecht-calendar__table-days-item-day--out-of-the-month {
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-out-of-the-month-color
  );
}
.utrecht-calendar__table-days-item-day--is-today {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-is-today-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-is-today-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-is-today-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-is-today-color
  );
}
.utrecht-calendar__table-days-item-day--emphasis {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-emphasis-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-emphasis-color
  );
}
.utrecht-calendar__table-days-item-day--selected {
  --utrecht-calendar-button-font-weight: var(
    --utrecht-calendar-table-days-item-day-selected-font-weight
  );
  --utrecht-calendar-button-background-color: var(
    --utrecht-calendar-table-days-item-day-selected-background-color
  );
  --utrecht-calendar-button-border-color: var(
    --utrecht-calendar-table-days-item-day-selected-border-color
  );
  --utrecht-calendar-button-color: var(
    --utrecht-calendar-table-days-item-day-selected-color
  );
}
.utrecht-calendar__navigation {
  background-color: var(--utrecht-calendar-navigation-background-color);
  color: var(--utrecht-calendar-navigation-color);
  padding-block-end: var(--utrecht-calendar-navigation-padding-block-end);
  padding-block-start: var(--utrecht-calendar-navigation-padding-block-start);
}
.utrecht-calendar__navigation-label {
  color: var(--utrecht-calendar-navigation-label-color);
  font-size: var(--utrecht-calendar-navigation-label-font-size);
  text-align: center;
}
.utrecht-calendar__navigation-buttons {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.utrecht-calendar__button {
  --utrecht-button-subtle-color: var(
    --utrecht-calendar-button-color,
    currentColor
  );
  --utrecht-button-subtle-background-color: var(
    --utrecht-calendar-button-background-color,
    transparent
  );
  --utrecht-button-subtle-border-color: var(
    --utrecht-calendar-button-border-color,
    transparent
  );
  --utrecht-button-subtle-border-width: var(
    --utrecht-calendar-button-border-width
  );
  --utrecht-button-font-weight: var(--utrecht-calendar-button-font-weight);
  --utrecht-button-subtle-focus-background-color: var(
    --utrecht-calendar-button-focus-background-color
  );
  --utrecht-button-subtle-focus-border-color: var(
    --utrecht-calendar-button-focus-border-color
  );
  --utrecht-button-subtle-focus-color: var(
    --utrecht-calendar-button-focus-color
  );
  --utrecht-button-subtle-active-background-color: var(
    --utrecht-calendar-button-active-background-color
  );
  --utrecht-button-subtle-active-border-color: var(
    --utrecht-calendar-button-active-border-color
  );
  --utrecht-button-subtle-active-color: var(
    --utrecht-calendar-button-active-color
  );
  --utrecht-button-subtle-hover-background-color: var(
    --utrecht-calendar-button-hover-background-color
  );
  --utrecht-button-subtle-hover-border-color: var(
    --utrecht-calendar-button-hover-border-color,
    transparent
  );
  --utrecht-button-subtle-hover-color: var(
    --utrecht-calendar-button-hover-color
  );
  --utrecht-button-subtle-disabled-background-color: var(
    --utrecht-calendar-button-disabled-background-color
  );
  --utrecht-button-subtle-disabled-border-color: var(
    --utrecht-calendar-button-disabled-border-color
  );
  --utrecht-button-subtle-disabled-color: var(
    --utrecht-calendar-button-disabled-color
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-calendar-button-padding-block-end,
    0
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-calendar-button-padding-block-start,
    0
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-calendar-button-padding-inline-end,
    0
  );
  --utrecht-button-padding-inline-start: var(
    --utrecht-calendar-button-padding-inline-start,
    0
  );
  cursor: pointer;
}
.utrecht-calendar__icon {
  block-size: var(--utrecht-calendar-icon-size);
  inline-size: var(--utrecht-calendar-icon-size);
}
.utrecht-checkbox {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  cursor: var(--utrecht-action-activate-cursor, revert);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-checkbox--disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:disabled {
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-checkbox--html-input:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-code-block {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size, inherit);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
  --utrecht-code-color: var(--utrecht-code-block-color, inherit);
  --utrecht-code-background-color: var(
    --utrecht-code-block-background-color,
    inherit
  );
  --utrecht-code-font-weight: var(--utrecht-code-block-font-weight, inherit);
  --utrecht-code-font-size: var(--utrecht-code-block-font-size, inherit);
  --utrecht-code-font-family: var(--utrecht-code-block-font-family, monospace);
  background-color: var(--utrecht-code-block-background-color);
  display: block;
  font-size: var(
    --utrecht-code-block-font-size,
    var(--utrecht-code-font-size, inherit)
  );
  line-height: var(
    --utrecht-code-block-line-height,
    var(--utrecht-code-line-height)
  );
  margin-block-end: var(--utrecht-code-block-margin-block-end);
  margin-block-start: var(--utrecht-code-block-margin-block-start);
  margin-inline-end: var(--utrecht-code-block-margin-inline-end);
  margin-inline-start: var(--utrecht-code-block-margin-inline-start);
  padding-block-end: var(--utrecht-code-block-padding-block-end);
  padding-block-start: var(--utrecht-code-block-padding-block-start);
  padding-inline-end: var(--utrecht-code-block-padding-inline-end);
  padding-inline-start: var(--utrecht-code-block-padding-inline-start);
  white-space: pre;
}
.utrecht-code-block__content {
  font-family: inherit;
  font-size: inherit;
}
.utrecht-code {
  background-color: var(--utrecht-code-background-color);
  color: var(--utrecht-code-color);
  font-family: var(--utrecht-code-font-family, monospace), monospace;
  font-size: var(--utrecht-code-font-size, inherit);
  font-variant-ligatures: none;
  line-height: var(--utrecht-code-line-height);
}
.utrecht-color-sample {
  background-color: var(--utrecht-color-sample-background-color, currentColor);
  block-size: var(--utrecht-color-sample-block-size, 2em);
  border-color: var(
    --utrecht-color-sample-border-color,
    var(--utrecht-color-sample-default-border-color)
  );
  border-radius: var(--utrecht-color-sample-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-color-sample-border-width, 0);
  box-sizing: border-box;
  display: inline-block;
  inline-size: var(--utrecht-color-sample-inline-size, 2em);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
@media (forced-colors: active) {
  .utrecht-color-sample {
    forced-color-adjust: none;
  }
}
@media (forced-colors: active) and (prefers-color-scheme: dark) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-dark-border-color,
      #000
    );
  }
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  .utrecht-color-sample {
    --utrecht-color-sample-default-border-color: var(
      --utrecht-color-sample-light-border-color,
      #fff
    );
  }
}
.utrecht-column-layout {
  column-gap: var(--utrecht-column-layout-gap, 2em);
  column-width: var(--utrecht-column-layout-column-width, 40ch);
  display: block;
}
.utrecht-column-layout--rule {
  column-rule-color: var(--utrecht-column-layout-column-rule-color);
  column-rule-style: solid;
  column-rule-width: var(--utrecht-column-layout-column-rule-width, 0);
}
.utrecht-combobox {
  inline-size: 100%;
  max-inline-size: var(
    --utrecht-textbox-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  position: relative;
}
.utrecht-combobox__popover {
  border-width: 0;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
  background-color: canvas;
  block-size: fit-content;
  color: canvastext;
  inline-size: fit-content;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  position: absolute;
  z-index: var(--utrecht-combobox-popover-z-index);
}
.utrecht-combobox__popover--block-end {
  inset-block-start: 100%;
}
.utrecht-combobox__popover--hidden {
  display: none !important;
}
.utrecht-currency-data {
  font-variant-numeric: lining-nums tabular-nums;
  white-space: nowrap;
}
.utrecht-checkbox--custom,
.utrecht-custom-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-checkbox-size, 1em);
  border-color: var(--utrecht-checkbox-border-color);
  border-radius: var(--utrecht-checkbox-border-radius, 0);
  border-style: solid;
  border-width: var(--utrecht-checkbox-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-checkbox-size, 1em);
  margin-block-start: var(--utrecht-checkbox-margin-block-start);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  vertical-align: top;
}
.utrecht-checkbox--custom.utrecht-checkbox--checked,
.utrecht-custom-checkbox--checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled,
.utrecht-custom-checkbox--disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:checked,
.utrecht-custom-checkbox--disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--disabled:active,
.utrecht-custom-checkbox--disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--indeterminate,
.utrecht-custom-checkbox--indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--invalid,
.utrecht-custom-checkbox--invalid {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--active,
.utrecht-custom-checkbox--active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--hover,
.utrecht-custom-checkbox--hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus,
.utrecht-custom-checkbox--focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--focus-visible,
.utrecht-custom-checkbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled,
.utrecht-custom-checkbox--html-input:disabled {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-disabled-border-width,
    var(--utrecht-checkbox-border-width)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:checked,
.utrecht-custom-checkbox--html-input:disabled:checked {
  background-color: var(
    --utrecht-checkbox-disabled-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:disabled:active,
.utrecht-custom-checkbox--html-input:disabled:active {
  border-color: var(
    --utrecht-checkbox-disabled-border-color,
    var(--utrecht-checkbox-border-color)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:hover,
.utrecht-custom-checkbox--html-input:hover {
  background-color: var(
    --utrecht-checkbox-hover-background-color,
    var(--utrecht-checkbox-background-color)
  );
  border-color: var(
    --utrecht-checkbox-hover-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-hover-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus,
.utrecht-custom-checkbox--html-input:focus {
  background-color: var(
    --utrecht-checkbox-focus-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-focus-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-focus-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:focus-visible,
.utrecht-custom-checkbox--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:invalid,
.utrecht-checkbox--custom.utrecht-checkbox--html-input[aria-invalid='true'],
.utrecht-custom-checkbox--html-input:invalid,
.utrecht-custom-checkbox--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-checkbox-invalid-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-invalid-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:active,
.utrecht-custom-checkbox--html-input:active {
  background-color: var(
    --utrecht-checkbox-active-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-active-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-active-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(--utrecht-checkbox-active-color, var(--utrecht-checkbox-color));
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:checked,
.utrecht-custom-checkbox--html-input:checked {
  background-color: var(
    --utrecht-checkbox-checked-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-checked-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-checked-border-width,
    var(--utrecht-checkbox-border-width)
  );
}
.utrecht-checkbox--custom.utrecht-checkbox--html-input:indeterminate,
.utrecht-custom-checkbox--html-input:indeterminate {
  background-color: var(
    --utrecht-checkbox-indeterminate-background-color,
    var(--utrecht-checkbox-background-color)
  );
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  border-color: var(
    --utrecht-checkbox-indeterminate-border-color,
    var(--utrecht-checkbox-border-color)
  );
  border-width: var(
    --utrecht-checkbox-indeterminate-border-width,
    var(--utrecht-checkbox-border-width)
  );
  color: var(
    --utrecht-checkbox-indeterminate-color,
    var(--utrecht-checkbox-color)
  );
}
.utrecht-data-list {
  display: block;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-data-list-margin-block-start, 0)
  );
}
.utrecht-data-list__item-key {
  color: var(--utrecht-data-list-item-key-color);
  font-size: var(--utrecht-data-list-item-key-font-size);
  font-weight: var(--utrecht-data-list-item-key-font-weight);
  line-height: var(--utrecht-data-list-item-key-line-height);
}
.utrecht-data-list__item-value {
  color: var(--utrecht-data-list-item-value-color);
  font-size: var(--utrecht-data-list-item-value-font-size);
  font-weight: var(--utrecht-data-list-item-value-font-weight);
  line-height: var(--utrecht-data-list-item-value-line-height);
  min-block-size: calc(var(--utrecht-data-list-item-value-line-height) * 1rem);
}
.utrecht-data-list__actions--html-dd,
.utrecht-data-list__item-value--html-dd {
  margin-inline-start: 0;
}
.utrecht-data-list__item-value--multiline {
  white-space: pre-line;
}
.utrecht-data-list--rows .utrecht-data-list__actions {
  align-items: baseline;
  display: flex;
  grid-column: -1;
  grid-row: 1;
  justify-content: flex-end;
}
.utrecht-data-list--rows .utrecht-data-list__item {
  --_utrecht-minmax: max(
    var(--utrecht-data-list-rows-column-min-inline-size, 25ch),
    var(--utrecht-data-list-rows-column-inline-size, 80%)
  );
  --_utrecht-auto-col: minmax(var(--_utrecht-minmax), max-content);
  border-block-end-color: var(
    --utrecht-data-list-rows-border-bottom-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-data-list-rows-border-bottom-width, 0);
  column-gap: var(--utrecht-data-list-rows-gap);
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: repeat(auto-fit, var(--_utrecht-auto-col));
  margin-block-start: var(--utrecht-data-list-rows-item-margin-block-start);
  padding-block-end: var(--utrecht-data-list-rows-item-padding-block-end);
  padding-block-start: var(--utrecht-data-list-rows-item-padding-block-start);
  row-gap: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item:first-of-type {
  margin-block-start: 0;
}
.utrecht-data-list--rows .utrecht-data-list__item-value {
  margin-block-start: var(
    --utrecht-data-list-rows-item-value-margin-block-start
  );
}
.utrecht-data-placeholder {
  background-color: var(
    --utrecht-data-placeholder-background-color,
    currentColor
  );
  block-size: 1em;
  display: inline-block;
  inline-size: min(100%, var(--utrecht-data-placeholder-max-inline-size));
  max-inline-size: var(--utrecht-data-placeholder-max-inline-size);
  min-inline-size: var(--utrecht-data-placeholder-min-inline-size, 10ch);
  vertical-align: -0.1em;
}
@media print {
  .utrecht-data-placeholder {
    outline-color: currentColor;
    outline-style: dashed;
    outline-width: 0.1em;
  }
}
@media screen and (prefers-contrast: more) {
  .utrecht-data-placeholder {
    background-color: var(
      --utrecht-data-placeholder-high-contrast-background-color,
      var(--utrecht-data-placeholder-background-color, currentColor)
    );
  }
}
@media screen and (forced-colors: active) {
  .utrecht-data-placeholder {
    background-color: GrayText;
  }
}
.utrecht-data-placeholder--loading {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-data-placeholder--print {
  outline-color: currentColor;
  outline-style: dashed;
  outline-width: 0.1em;
}
.utrecht-data-placeholder--forced-colors {
  background-color: GrayText;
}
.utrecht-data-placeholder--high-contrast {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-digid-button {
  --utrecht-button-min-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-digid-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-digid-button-block-size, 50px);
  block-size: var(--utrecht-digid-button-block-size, 50px);
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-document {
  color: var(--utrecht-document-color, inherit);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-document-font-size, inherit);
  font-weight: var(--utrecht-document-font-weight, inherit);
  line-height: var(--utrecht-document-line-height, inherit);
  text-rendering: optimizeLegibility;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
.utrecht-document :lang(ar) {
  letter-spacing: 0 !important;
}
.utrecht-document--surface {
  background-color: var(--utrecht-document-background-color, inherit);
}
.utrecht-drawer {
  --_utrecht-drawer-backdrop-min-size: max(
    var(--utrecht-drawer-backdrop-min-size),
    44px
  );
  background-color: var(--utrecht-drawer-background-color, Canvas);
  border-color: var(--utrecht-drawer-border-color, currentColor);
  border-width: var(--utrecht-drawer-border-width, 0);
  box-sizing: border-box;
  color: var(--utrecht-drawer-color, CanvasText);
  overflow: auto;
  padding-block-end: var(--utrecht-drawer-padding-block-end);
  padding-block-start: var(--utrecht-drawer-padding-block-start);
  padding-inline-end: var(--utrecht-drawer-padding-inline-end);
  padding-inline-start: var(--utrecht-drawer-padding-inline-start);
  position: fixed;
  z-index: var(--utrecht-drawer-z-index, 1);
}
.utrecht-drawer::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;
}
@keyframes utrecht-backdrop-fade-in {
  0% {
    opacity: 0%;
  }
  to {
    opacity: var(--_utrecht-backdrop-opacity);
  }
}
@media (prefers-reduced-motion: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-fade-in-animation-duration: 0;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .utrecht-drawer::backdrop {
    --_utrecht-backdrop-opacity: var(
      --utrecht-backdrop-reduced-transparency-opacity,
      100%
    );
  }
}
.utrecht-drawer--inline-start {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-inline-start-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: auto;
  inset-inline-start: 0;
}
.utrecht-drawer--inline-end {
  block-size: 100%;
  inset-block-end: 0;
  inset-block-start: 0;
  max-block-size: 100%;
  max-inline-size: min(
    var(--utrecht-drawer-max-inline-size, 100%),
    100% - var(--_utrecht-drawer-backdrop-min-size, 44px)
  );
  min-inline-size: var(
    --utrecht-drawer-min-inline-size,
    calc(320px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  border-inline-end-width: 0;
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-inline-end: 0;
  inset-inline-start: auto;
}
.utrecht-drawer--block-start {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-start-width: 0;
  border-end-end-radius: var(--utrecht-drawer-border-radius);
  border-end-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: auto;
  inset-block-start: 0;
}
.utrecht-drawer--block-end {
  block-size: fit-content;
  inline-size: 100%;
  inset-inline-end: 0;
  inset-inline-start: 0;
  max-block-size: min(
    var(--utrecht-drawer-max-block-size),
    100% - var(--_utrecht-drawer-backdrop-min-size)
  );
  max-inline-size: 100%;
  min-block-size: var(
    --utrecht-drawer-min-block-size,
    calc(256px - var(--_utrecht-drawer-backdrop-min-size))
  );
  border-block-end-width: 0;
  border-start-end-radius: var(--utrecht-drawer-border-radius);
  border-start-start-radius: var(--utrecht-drawer-border-radius);
  inset-block-end: 0;
  inset-block-start: auto;
}
.utrecht-emphasis--stressed {
  font-style: var(--utrecht-emphasis-stressed-font-style, italic);
}
.utrecht-emphasis--strong {
  font-weight: var(--utrecht-emphasis-strong-font-weight, bold);
}
.utrecht-figure {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-figure-margin-block-start, 0)
  );
}
.utrecht-figure__caption {
  color: var(--utrecht-figure-caption-color);
  font-size: var(--utrecht-figure-caption-font-size);
  line-height: var(--utrecht-figure-caption-line-height);
}
.utrecht-form-field-description {
  --utrecht-document-color: currentColor;
  color: var(--utrecht-form-field-description-color);
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-description-font-size, inherit);
  font-style: var(--utrecht-form-field-description-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-description-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
}
.utrecht-form-field-description > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field-description--invalid {
  color: var(
    --utrecht-form-field-description-invalid-color,
    var(--utrecht-feedback-invalid-color, var(--utrecht-feedback-danger-color))
  );
}
.utrecht-form-field-description--valid {
  color: var(
    --utrecht-form-field-description-valid-color,
    var(--utrecht-feedback-valid-color, var(--utrecht-feedback-safe-color))
  );
}
.utrecht-form-field-description--warning {
  color: var(
    --utrecht-form-field-description-warning-color,
    var(--utrecht-feedback-warning-color)
  );
}
.utrecht-form-field-error-message {
  --utrecht-document-color: currentColor;
  background-color: var(--utrecht-form-field-error-message-background-color);
  color: var(--utrecht-form-field-error-message-color);
  display: block;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(--utrecht-form-field-error-message-font-size, inherit);
  font-style: var(--utrecht-form-field-error-message-font-style);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-form-field-error-message-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-block-end: var(--utrecht-form-field-error-message-padding-block-end);
  padding-block-start: var(
    --utrecht-form-field-error-message-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-form-field-error-message-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-form-field-error-message-padding-inline-start
  );
}
.utrecht-form-field-error-message > * {
  --utrecht-space-around: 1;
}
.utrecht-form-field {
  break-inside: avoid;
  font-family: var(--utrecht-document-font-family, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-field-margin-block-start, 0)
  );
  max-inline-size: var(--utrecht-form-field-max-inline-size);
  page-break-inside: avoid;
}
.utrecht-form-field--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-field--invalid {
  border-inline-start-color: var(
    --utrecht-form-field-invalid-border-inline-start-color
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-field-invalid-border-inline-start-width,
    0
  );
  padding-inline-start: var(--utrecht-form-field-invalid-padding-inline-start);
}
.utrecht-form-field--checkbox {
  display: grid;
  gap: 0 var(--utrecht-checkbox-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-checkbox-size) 100fr;
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-checkbox-size) +
          var(--utrecht-checkbox-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--checkbox
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-checkbox-margin-inline-end, 12px);
}
.utrecht-form-field--radio {
  display: grid;
  gap: 0 var(--utrecht-radio-button-margin-inline-end, 12px);
  grid-template-areas: 'input label' 'input description' 'input description-invalid';
  grid-template-columns: var(--utrecht-radio-button-size) 100fr;
}
.utrecht-form-field--radio
  .utrecht-form-field__label:has(.utrecht-form-field__input) {
  margin-inline-start: calc(
    -1 *
      (
        var(--utrecht-radio-button-size) +
          var(--utrecht-radio-button-margin-inline-end, 12px)
      )
  );
}
.utrecht-form-field--radio
  .utrecht-form-field__label
  .utrecht-form-field__input {
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end, 12px);
}
.utrecht-form-field__input {
  margin-block-end: 0;
  margin-block-start: 0;
  grid-area: input;
  order: 5;
}
.utrecht-form-field__label {
  grid-area: label;
  margin-block-end: var(--utrecht-form-field-label-margin-block-end);
  margin-block-start: 0;
  order: 1;
}
.utrecht-form-field .utrecht-form-field-description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field .utrecht-form-field-description--invalid {
  grid-area: description-invalid;
  order: 3;
}
.utrecht-form-field__description {
  grid-area: description;
  margin-block-end: var(--utrecht-form-field-description-margin-block-end);
  margin-block-start: var(--utrecht-form-field-description-margin-block-start);
  order: 2;
}
.utrecht-form-field__description--before {
  grid-area: description-before;
  order: 4;
}
.utrecht-form-fieldset {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--html-fieldset,
.utrecht-form-fieldset__fieldset--html-fieldset {
  all: revert;
  border: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  min-inline-size: 0;
  padding-block-end: 0;
  padding-block-start: 0.01em;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset__legend--html-legend {
  display: table;
  inline-size: 100%;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-form-fieldset--distanced {
  --utrecht-space-around: 1;
}
.utrecht-form-fieldset--section {
  background-color: var(--utrecht-form-fieldset-section-background-color);
  color: var(--utrecht-form-fieldset-section-color);
}
.utrecht-form-fieldset__legend {
  break-inside: avoid;
  color: var(
    --utrecht-form-fieldset-legend-color,
    var(--utrecht-document-color, inherit)
  );
  font-family: var(
    --utrecht-form-fieldset-legend-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-form-fieldset-legend-font-size);
  font-weight: var(--utrecht-form-fieldset-legend-font-weight);
  line-height: var(--utrecht-form-fieldset-legend-line-height);
  page-break-after: avoid;
  page-break-inside: avoid;
}
.utrecht-form-fieldset__legend--disabled {
  color: var(
    --utrecht-form-fieldset-legend-disabled-color,
    var(
      --utrecht-form-fieldset-legend-color,
      var(--utrecht-document-color, inherit)
    )
  );
}
.utrecht-form-fieldset__legend--distanced {
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-form-fieldset-legend-margin-block-start, 0)
  );
}
.utrecht-form-fieldset--invalid {
  border-inline-start-color: var(
    --utrecht-form-fieldset-invalid-border-inline-start-color,
    var(--utrecht-form-field-invalid-border-inline-start-color)
  );
  border-inline-start-style: solid;
  border-inline-start-width: var(
    --utrecht-form-fieldset-invalid-border-inline-start-width,
    var(--utrecht-form-field-invalid-border-inline-start-width)
  );
  padding-inline-start: var(
    --utrecht-form-fieldset-invalid-padding-inline-start,
    var(--utrecht-form-field-invalid-padding-inline-start)
  );
}
.utrecht-form-label {
  color: var(--utrecht-form-label-color);
  font-size: var(--utrecht-form-label-font-size);
  font-weight: var(--utrecht-form-label-font-weight);
}
.utrecht-form-label--checkbox {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-checkbox-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--checked {
  font-weight: var(
    --utrecht-form-label-checked-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-label--disabled {
  color: var(
    --utrecht-form-label-disabled-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-disabled-cursor, revert);
}
.utrecht-form-label--radio {
  color: var(
    --utrecht-form-label-checkbox-color,
    var(--utrecht-form-label-color)
  );
  cursor: var(--utrecht-action-activate-cursor, revert);
  font-weight: var(
    --utrecht-form-label-radio-font-weight,
    var(--utrecht-form-label-font-weight)
  );
}
.utrecht-form-toggle {
  align-items: center;
  block-size: var(--utrecht-form-toggle-height, 2em);
  border-color: var(--utrecht-form-toggle-border-color, currentColor);
  border-radius: var(--utrecht-form-toggle-border-radius, 999rem);
  border-style: var(--utrecht-form-toggle-border-style, solid);
  border-width: var(--utrecht-form-toggle-border-width, 1px);
  color: var(--utrecht-form-toggle-color);
  cursor: var(--utrecht-action-activate-cursor, revert);
  display: flex;
  inline-size: var(--utrecht-form-toggle-width, 6em);
  padding-block-end: var(--utrecht-form-toggle-padding-block-end);
  padding-block-start: var(--utrecht-form-toggle-padding-block-start);
  padding-inline-end: var(--utrecht-form-toggle-padding-inline-end);
  padding-inline-start: var(--utrecht-form-toggle-padding-inline-start);
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-form-toggle {
    --utrecht-form-toggle-background-color: ButtonFace;
    --utrecht-form-toggle-border-color: buttonborder;
    --utrecht-form-toggle-border-width: 1px;
    --utrecht-form-toggle-border-radius: var(
      --utrecht-form-toggle-track-border-radius
    );
    --utrecht-form-toggle-thumb-background-color: ButtonText;
    --utrecht-form-toggle-thumb-disabled-background-color: GrayText;
    border-color: var(
      --utrecht-form-toggle-track-disabled-border-color,
      var(--utrecht-form-toggle-track-border-color)
    );
    border-width: min(var(--utrecht-form-toggle-border-width, 1px), 1px);
  }
}
.utrecht-form-toggle--focus-visible,
.utrecht-form-toggle--html-div:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--hover {
  background-color: var(
    --utrecht-form-toggle-hover-background-color,
    var(--utrecht-form-toggle-background-color)
  );
  color: var(
    --utrecht-form-toggle-hover-color,
    var(--utrecht-form-toggle-color)
  );
}
.utrecht-form-toggle--disabled,
.utrecht-form-toggle--html-div:disabled {
  border-color: var(
    --utrecht-form-toggle-disabled-border-color,
    var(--utrecht-form-toggle-border-color, currentColor)
  );
  border-style: var(
    --utrecht-form-toggle-disabled-border-style,
    var(--utrecht-form-toggle-border-style, solid)
  );
  border-width: var(
    --utrecht-form-toggle-disabled-border-width,
    var(--utrecht-form-toggle-border-width, 1px)
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-background-color,
    currentColor
  );
  border-radius: var(--utrecht-form-toggle-thumb-border-radius, 50%);
  box-shadow: var(--utrecht-form-toggle-thumb-box-shadow);
  margin-inline-end: var(--utrecht-form-toggle-thumb-margin-inline-end, 0);
  margin-inline-start: var(--utrecht-form-toggle-thumb-margin-inline-start, 0);
  min-block-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  min-inline-size: var(--utrecht-form-toggle-thumb-min-inline-size, 1.5em);
  z-index: 20;
}
.utrecht-form-toggle__thumb--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-start: auto;
}
.utrecht-form-toggle__thumb--not-checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:not(:checked)
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  margin-inline-end: auto;
}
.utrecht-form-toggle__thumb--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track
  .utrecht-form-toggle__thumb {
  background-color: var(
    --utrecht-form-toggle-thumb-disabled-background-color,
    #aaa
  );
  box-shadow: var(--utrecht-form-toggle-thumb-disabled-box-shadow, 0);
}
.utrecht-form-toggle__track {
  align-items: center;
  background-color: var(--utrecht-form-toggle-accent-color);
  block-size: 100%;
  border-radius: var(
    --utrecht-form-toggle-track-border-radius,
    var(--utrecht-form-toggle-border-radius)
  );
  display: flex;
  inline-size: 100%;
}
.utrecht-form-toggle__track--html-label {
  cursor: inherit;
}
.utrecht-form-toggle__track--checked,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:checked
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-checked-accent-color,
    var(--utrecht-form-toggle-accent-color)
  );
}
.utrecht-form-toggle__track--disabled,
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:disabled
  ~ .utrecht-form-toggle__track {
  background-color: var(
    --utrecht-form-toggle-background-disabled-background-color,
    #ddd
  );
  color: var(--utrecht-form-toggle-disabled-color, black);
}
.utrecht-form-toggle__track--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form-toggle--html-checkbox .utrecht-form-toggle__checkbox {
  block-size: 1px !important;
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  inline-size: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
}
.utrecht-form-toggle--html-checkbox
  .utrecht-form-toggle__checkbox:focus-visible
  ~ .utrecht-form-toggle__track {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-form {
  display: block;
  max-inline-size: var(--utrecht-form-max-inline-size);
}
.utrecht-heading-1 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-1-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-1-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-1-font-size, revert);
  font-weight: var(
    --utrecht-heading-1-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-1-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-1-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-1--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-2 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-2-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-2-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-2-font-size, revert);
  font-weight: var(
    --utrecht-heading-2-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-2-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-2-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-2--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-3 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-3-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-3-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-3-font-size, revert);
  font-weight: var(
    --utrecht-heading-3-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-3-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-3-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-3--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-4 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-4-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-4-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-4-font-size, revert);
  font-weight: var(
    --utrecht-heading-4-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-4-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-4-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-4--distanced {
  --utrecht-space-around: 1;
}
.utrecht-heading-5 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-5-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-5-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-5-font-size, revert);
  font-weight: var(
    --utrecht-heading-5-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-5-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-5-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-5--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-heading-6 {
  break-inside: avoid-column;
  page-break-inside: avoid;
  color: var(
    --utrecht-heading-6-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-heading-6-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-heading-6-font-size, revert);
  font-weight: var(
    --utrecht-heading-6-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-heading-6-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-6-margin-block-start, 0)
  );
  page-break-after: avoid;
}
.utrecht-heading-6--distanced {
  --utrecht-space-around: 1;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 */
.utrecht-heading-group {
  --utrecht-pre-heading-order: -1;
  display: flex;
  flex-direction: column;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-heading-group-margin-block-start, 0)
  );
}
.utrecht-heading-group > * {
  --utrecht-space-around: 0;
}
.utrecht-iban-data {
  font-variant-numeric: lining-nums slashed-zero tabular-nums;
  white-space: nowrap;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Gemeente Utrecht
 * Copyright (c) 2021-2022 Frameless B.V.
 */
.utrecht-icon {
  block-size: var(--utrecht-icon-size);
  color: var(--utrecht-icon-color);
  display: inline-block;
  font-size: var(--utrecht-icon-size);
  inline-size: var(--utrecht-icon-size);
  inset-block-start: var(--utrecht-icon-inset-block-start, 0);
  position: relative;
}
.utrecht-icon svg {
  height: 100%;
  pointer-events: none;
  width: 100%;
}
.utrecht-img {
  height: auto;
  width: auto;
}
.utrecht-img--scale-down,
.utrecht-img--photo {
  max-height: 100%;
  max-width: 100%;
}
.utrecht-index-char-nav {
  --utrecht-button-padding-inline-start: 1ch;
  --utrecht-button-padding-inline-end: 1ch;
  display: flex;
  flex-wrap: wrap;
  gap: var(--utrecht-index-char-nav-gap);
  margin-block-end: var(--utrecht-index-char-nav-margin-block-end);
  margin-block-start: var(--utrecht-index-char-nav-margin-block-start);
}
.utrecht-index-char-nav__link--current {
  --utrecht-button-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
  --utrecht-button-link-primary-action-font-weight: var(
    --utrecht-index-char-nav-link-current-font-weight
  );
}
.utrecht-index-char-nav__link--disabled {
  pointer-events: none;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-link-button {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
  --utrecht-icon-size: var(--utrecht-button-icon-size, 1em);
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  font-family: var(
    --utrecht-button-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-button-font-size,
    var(--utrecht-document-font-family)
  );
  font-weight: var(--utrecht-button-font-weight);
  gap: var(--utrecht-button-icon-gap);
  inline-size: var(--utrecht-button-inline-size, auto);
  justify-content: center;
  line-height: inherit;
  min-block-size: var(--utrecht-button-min-block-size, 44px);
  min-inline-size: var(--utrecht-button-min-inline-size, 44px);
  padding-block-end: var(--utrecht-button-padding-block-end);
  padding-block-start: var(--utrecht-button-padding-block-start);
  padding-inline-end: var(--utrecht-button-padding-inline-end);
  padding-inline-start: var(--utrecht-button-padding-inline-start);
  text-transform: var(--utrecht-button-text-transform);
  -webkit-user-select: none;
  user-select: none;
}
.utrecht-link-button--hover,
.utrecht-link-button--html-button:not(:disabled):hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--disabled {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link-button--focus,
.utrecht-link-button--html-button:not(:disabled):focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link-button--focus-visible,
.utrecht-link-button--html-button:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link-button--active,
.utrecht-link-button--html-button:not(:disabled):active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--inline {
  --utrecht-icon-inset-block-start: var(
    --utrecht-icon-baseline-inset-block-start
  );
  min-block-size: auto;
  min-inline-size: auto;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-link-button--pressed {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link-button--html-button {
  background-color: transparent;
  border-width: 0;
}
.utrecht-link-list,
.utrecht-link-list--html-ul {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
}
.utrecht-link-list > li,
.utrecht-link-list--html-ul > li {
  list-style: none;
}
.utrecht-link-list {
  --utrecht-link-text-decoration: none;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: underline;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-link-list-margin-block-start, 0)
  );
}
.utrecht-link-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-link-list__item {
  --utrecht-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-link-icon-size: var(--utrecht-link-list-icon-size);
  --utrecht-icon-inset-block-start: var(
    --utrecht-link-list-icon-inset-block-start
  );
  display: block;
  font-weight: var(--utrecht-link-list-item-font-weight);
}
.utrecht-link-list__item + .utrecht-link-list__item {
  margin-block-start: var(--utrecht-link-list-item-margin-block-start);
}
.utrecht-link-list__link {
  align-items: baseline;
  column-gap: var(--utrecht-link-list-item-column-gap);
  display: inline-flex;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 The Knights Who Say NIH! B.V.
 * Copyright (c) 2022 Gemeente Utrecht
 */
.utrecht-link-social {
  --utrecht-icon-size: var(--utrecht-link-social-icon-size);
  --utrecht-icon-color: currentColor;
  align-items: center;
  background-color: var(--utrecht-link-social-background-color);
  block-size: var(--utrecht-link-social-size);
  border-color: var(--utrecht-link-social-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-link-social-border-width);
  color: var(--utrecht-link-social-color);
  display: inline-flex;
  inline-size: var(--utrecht-link-social-size);
  justify-content: center;
}
.utrecht-link-social:hover,
.utrecht-link-social--hover {
  background-color: var(
    --utrecht-link-social-hover-background-color,
    var(--utrecht-link-social-background-color)
  );
  color: var(
    --utrecht-link-social-hover-color,
    var(--utrecht-link-social-color)
  );
  transform: var(--utrecht-link-social-hover-transform-scale);
}
.utrecht-link-social:focus-visible,
.utrecht-link-social--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-link-social--distanced {
  margin-inline-start: var(--utrecht-link-social-margin-inline-start);
}
.utrecht-link {
  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
  color: var(
    --_utrecht-link-state-color,
    var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color))
  );
}
.utrecht-link:any-link {
  --_utrecht-link-forced-colors-color: linktext;
  text-decoration-color: var(
    --_utrecht-link-state-text-decoration-color,
    var(--utrecht-link-text-decoration-color, currentColor)
  );
  text-decoration-line: var(
    --_utrecht-link-state-text-decoration,
    var(--utrecht-link-text-decoration, underline)
  );
  text-decoration-skip-ink: all;
  text-decoration-thickness: max(
    var(
      --_utrecht-link-state-text-decoration-thickness,
      var(--utrecht-link-text-decoration-thickness)
    ),
    1px
  );
  text-underline-offset: var(--utrecht-link-text-underline-offset);
}
.utrecht-link--icon-left {
  background-image: var(--utrecht-link-icon-left-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-link-color, LinkText);
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration-line: none;
}
.utrecht-link--visited {
  --_utrecht-link-forced-colors-color: visitedtext;
  --_utrecht-link-state-color: var(--utrecht-link-visited-color);
}
.utrecht-link--html-a:any-link:hover,
.utrecht-link--hover {
  --_utrecht-link-forced-colors-color: linktext;
  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-hover-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-hover-text-decoration-thickness
  );
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
}
.utrecht-link--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus,
.utrecht-link--html-a:any-link:focus {
  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
  --_utrecht-link-state-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --_utrecht-link-state-text-decoration-thickness: var(
    --utrecht-link-focus-text-decoration-thickness
  );
  background-color: var(--utrecht-link-focus-background-color, transparent);
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  z-index: var(--utrecht-stack-focus-z-index, 1);
}
.utrecht-link--html-span:focus:not(:focus-visible),
.utrecht-link--html-a:any-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-link--html-span:active,
.utrecht-link--html-a:any-link:active,
.utrecht-link--active {
  --_utrecht-link-forced-colors-color: activetext;
  --_utrecht-link-state-color: var(--utrecht-link-active-color);
}
.utrecht-link--telephone {
  white-space: nowrap;
}
.utrecht-link--current {
  cursor: var(--utrecht-action-inert-cursor, normal);
  font-weight: var(--utrecht-link-current-font-weight);
}
.utrecht-link--box-content:any-link {
  color: unset;
  display: inline-block;
  text-decoration-line: unset;
  text-decoration-skip-ink: unset;
  text-decoration-thickness: unset;
  text-underline-offset: unset;
}
.utrecht-link--placeholder {
  --_utrecht-link-forced-colors-color: GrayText;
  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
  font-weight: var(--utrecht-link-placeholder-font-weight);
  text-decoration-line: none;
}
.utrecht-link--forced-colors {
  --utrecht-focus-outline-color: Highlight;
  --utrecht-focus-inverse-outline-color: HighlightText;
  --utrecht-link-color: linktext;
  --utrecht-link-hover-color: linktext;
  --utrecht-link-focus-color: linktext;
  --utrecht-link-active-color: activetext;
  --utrecht-link-visited-color: visitedtext;
  --utrecht-link-placeholder-color: GrayText;
}
.utrecht-list-social {
  display: flex;
  margin-block-end: var(--utrecht-list-social-margin-block-end);
  margin-block-start: var(--utrecht-list-social-margin-block-start);
  padding-inline-end: var(--utrecht-list-social-padding-inline-end);
  padding-inline-start: var(--utrecht-list-social-padding-inline-start);
}
.utrecht-list-social__item {
  list-style-type: none;
  margin-inline-end: var(--utrecht-list-social-item-margin-inline-end);
}
.utrecht-list-social__item:last-child {
  margin-inline-end: 0;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2023 Frameless B.V.
 */
.utrecht-listbox {
  --utrecht-listbox-max-block-size: 300px;
  background-color: var(--utrecht-listbox-background-color);
  border-color: var(--utrecht-listbox-border-color);
  border-radius: var(--utrecht-listbox-border-radius);
  border-style: solid;
  border-width: var(--utrecht-listbox-border-width);
  box-sizing: border-box;
  cursor: default;
  display: flex;
  flex-direction: column;
  inline-size: var(
    --utrecht-listbox-inline-size,
    var(--utrecht-form-input-max-inline-size)
  );
  max-block-size: var(--utrecht-listbox-max-block-size);
  min-block-size: 1em;
  overflow-block: auto;
  overflow-y: auto;
  padding-block-end: var(--utrecht-listbox-padding-block-end);
  padding-block-start: var(--utrecht-listbox-padding-block-start);
  padding-inline-end: var(--utrecht-listbox-padding-inline-end);
  padding-inline-start: var(--utrecht-listbox-padding-inline-start);
  -webkit-user-select: none;
  user-select: none;
}
@media (forced-colors: active) {
  .utrecht-listbox {
    --utrecht-listbox-option-selected-background-color: Highlight;
    --utrecht-listbox-option-selected-color: HighlightText;
    --utrecht-listbox-option-disabled-background-color: field;
    --utrecht-listbox-option-disabled-color: GrayText;
    background-color: field;
    color: fieldtext;
  }
}
.utrecht-listbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-listbox__list {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
}
.utrecht-listbox__group {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
  margin-block-end: var(--utrecht-listbox-option-group-margin-block-end);
}
.utrecht-listbox__group-label {
  color: var(--utrecht-listbox-option-group-label-color);
  font-size: var(--utrecht-listbox-option-group-label-font-size);
  font-weight: var(--utrecht-listbox-option-group-label-font-weight);
  line-height: var(--utrecht-listbox-option-group-label-line-height);
  margin-inline-start: var(
    --utrecht-listbox-option-group-label-margin-inline-start
  );
}
@media (forced-colors: active) {
  .utrecht-listbox__group-label {
    background-color: field;
    color: fieldtext;
  }
}
.utrecht-listbox__option {
  list-style: none;
  --utrecht-icon-size: var(--utrecht-listbox-option-icon-size, 16px);
  align-items: center;
  background-color: var(--utrecht-listbox-option-background-color);
  box-sizing: border-box;
  color: var(--utrecht-listbox-option-color);
  display: flex;
  min-block-size: var(
    --utrecht-listbox-option-min-block-size,
    var(--utrecht-pointer-target-min-size, 24px)
  );
  padding-block-end: var(--utrecht-listbox-option-padding-block-end);
  padding-block-start: var(--utrecht-listbox-option-padding-block-start);
  padding-inline-end: var(--utrecht-listbox-option-padding-inline-end);
  padding-inline-start: var(--utrecht-listbox-option-padding-inline-start);
}
@media (forced-colors: active) {
  .utrecht-listbox__option {
    forced-color-adjust: none;
  }
}
.utrecht-listbox__option--disabled {
  background-color: var(--utrecht-listbox-option-disabled-background-color);
  color: var(--utrecht-listbox-option-disabled-color);
}
.utrecht-listbox__option--hover {
  background-color: var(
    --utrecht-listbox-option-hover-background-color,
    var(--utrecht-listbox-option-color)
  );
  color: var(
    --utrecht-listbox-option-hover-color,
    var(--utrecht-listbox-option-color)
  );
}
.utrecht-listbox__option--focus {
  background-color: var(
    --utrecht-listbox-option-focus-background-color,
    var(--utrecht-listbox-option-color)
  );
  color: var(
    --utrecht-listbox-option-focus-color,
    var(--utrecht-listbox-option-color)
  );
}
.utrecht-listbox__option--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  --utrecht-focus-outline-offset: calc(var(--utrecht-focus-outline-width) * -1);
}
.utrecht-listbox__option--active {
  background-color: var(--utrecht-listbox-option-is-active-background-color);
  color: var(--utrecht-listbox-option-is-active-color);
  font-weight: var(--utrecht-listbox-option-is-active-font-weight);
}
.utrecht-listbox__option--selected {
  background-color: var(--utrecht-listbox-option-selected-background-color);
  color: var(--utrecht-listbox-option-selected-color);
}
.utrecht-listbox__option--html-li {
  list-style: none;
}
.utrecht-listbox__option--html-li:hover {
  background-color: var(
    --utrecht-listbox-option-hover-background-color,
    var(--utrecht-listbox-option-color)
  );
  color: var(
    --utrecht-listbox-option-hover-color,
    var(--utrecht-listbox-option-color)
  );
}
.utrecht-listbox__option--html-li:focus {
  background-color: var(
    --utrecht-listbox-option-focus-background-color,
    var(--utrecht-listbox-option-color)
  );
  color: var(
    --utrecht-listbox-option-focus-color,
    var(--utrecht-listbox-option-color)
  );
}
.utrecht-listbox--disabled {
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
@media (forced-colors: active) {
  .utrecht-listbox--disabled {
    --utrecht-listbox-option-selected-background-color: GrayText;
    --utrecht-listbox-option-selected-color: field;
    --utrecht-listbox-option-background-color: field;
    --utrecht-listbox-option-color: GrayText;
    --utrecht-listbox-background-color: field;
    --utrecht-listbox-color: GrayText;
  }
}
.utrecht-listbox--html-div:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-logo-button {
  --utrecht-icon-size: var(--utrecht-logo-button-icon, 50px);
  --utrecht-button-min-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-block-size: var(--utrecht-logo-button-block-size, 50px);
  --utrecht-logo-max-inline-size: var(--utrecht-logo-button-block-size, 50px);
  align-items: flex-start;
  display: inline-flex;
  gap: var(--utrecht-space-inline-sm);
}
.utrecht-logo-image__decoration-1 {
  fill: var(--utrecht-logo-decoration-1-color, #fff);
}
.utrecht-logo-image__decoration-2 {
  fill: var(--utrecht-logo-decoration-2-color, #c00);
}
.utrecht-logo-image__decoration-3 {
  fill: var(--utrecht-logo-decoration-3-color, #ffb70b);
}
.utrecht-logo {
  display: block;
  max-block-size: var(--utrecht-logo-max-block-size, 192px);
  max-inline-size: var(--utrecht-logo-max-inline-size, 96px);
  min-block-size: var(--utrecht-logo-min-block-size);
  min-inline-size: var(--utrecht-logo-min-inline-size);
}
.utrecht-logo > * {
  block-size: 100%;
  display: inline-block;
  inline-size: auto;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2022 Gemeente Utrecht
 * Copyright (c) 2022 Robbert Broersma
 */
.utrecht-map-marker {
  --utrecht-icon-size: var(--utrecht-map-marker-icon-size);
  align-items: center;
  background-color: var(--utrecht-map-marker-background-color);
  block-size: var(--utrecht-map-marker-size);
  border-color: var(--utrecht-map-marker-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--utrecht-map-marker-border-width);
  box-shadow: 13px 3px 3px -2px var(--utrecht-map-marker-box-shadow-color);
  color: var(--utrecht-map-marker-color);
  display: flex;
  inline-size: var(--utrecht-map-marker-size);
  justify-content: center;
}
.utrecht-mapcontrolbutton {
  --utrecht-icon-size: var(--utrecht-mapcontrolbutton-min-block-size);
  --utrecht-icon-color: var(--utrecht-mapcontrolbutton-color);
  align-items: center;
  background-color: var(--utrecht-mapcontrolbutton-background-color);
  border-color: var(--utrecht-mapcontrolbutton-border-color);
  border-radius: var(--utrecht-mapcontrolbutton-border-radius);
  border-style: var(--utrecht-mapcontrolbutton-border-style);
  border-width: var(--utrecht-mapcontrolbutton-border-width);
  color: var(--utrecht-mapcontrolbutton-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  min-block-size: var(--utrecht-mapcontrolbutton-min-block-size);
  min-inline-size: var(--utrecht-mapcontrolbutton-min-inline-size);
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-mapcontrolbutton:disabled,
.utrecht-mapcontrolbutton--disabled {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-disabled-color,
    var(--utrecht-mapcontrolbutton-color)
  );
  background-color: var(--utrecht-mapcontrolbutton-disabled-background-color);
  border-color: var(--utrecht-mapcontrolbutton-disabled-border-color);
  color: var(--utrecht-mapcontrolbutton-disabled-color);
}
.utrecht-mapcontrolbutton--focus-visible,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-mapcontrolbutton--focus,
.utrecht-mapcontrolbutton:focus:not(
    :disabled,
    [aria-disabled='true'],
    .utrecht-mapcontrolbutton--disabled
  ) {
  --utrecht-icon-color: var(
    --utrecht-mapcontrolbutton-focus-color,
    var(--utrecht-mapcontrolbutton-color)
  );
}
.utrecht-mapcontrolbutton:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-mapcontrolbutton--hover:not(:disabled),
.utrecht-mapcontrolbutton:hover:not(
    :disabled,
    .utrecht-mapcontrolbutton--disabled
  ) {
  background-color: var(--utrecht-mapcontrolbutton-hover-background-color);
  color: var(--utrecht-mapcontrolbutton-color);
}
.utrecht-mapcontrolbutton__label {
  display: block;
  padding-inline-end: var(--utrecht-mapcontrolbutton-label-margin-inline-end);
  padding-inline-start: var(
    --utrecht-mapcontrolbutton-label-margin-inline-start
  );
}
.utrecht-mark {
  background-color: var(--utrecht-mark-background-color, revert);
  color: var(--utrecht-mark-color, revert);
}
@media print {
  .utrecht-mark {
    outline-color: currentColor;
    outline-style: dotted;
    outline-width: 0.1em;
  }
}
@media screen and (-ms-high-contrast: active) {
  .utrecht-mark {
    background-color: Highlight;
    color: HighlightText;
  }
}
.utrecht-mark--print {
  outline-color: currentColor;
  outline-style: dotted;
  outline-width: 0.1em;
}
.utrecht-mark--windows-high-contrast {
  background-color: Highlight;
  color: HighlightText;
}
.utrecht-menulijst {
  border-block-end: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  border-block-start: var(--utrecht-border-width-md) solid
    var(--utrecht-color-grey-90);
  font-family: var(--utrecht-document-font-family);
  padding-block-end: var(--utrecht-space-block-sm);
  padding-block-start: var(--utrecht-space-block-sm);
  padding-inline-start: 0;
}
.utrecht-menulijst__item {
  list-style: none;
  margin-block-end: var(--utrecht-space-block-sm);
  margin-block-start: var(--utrecht-space-block-sm);
}
.utrecht-menulijst__item a {
  background-image: var(--utrecht-menulijst-item-background-image, none);
  background-position: 0 0.25em;
  background-repeat: no-repeat;
  color: var(--utrecht-menulijst-item-color, var(--utrecht-link-color, blue));
  display: block;
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
  padding-inline-start: var(--utrecht-space-block-md);
  text-decoration: none;
}
.utrecht-menulijst__item a:hover {
  color: var(
    --utrecht-menulijst-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-menulijst__link--focus-visible,
.utrecht-menulijst__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-menulijst__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-multiline-data {
  white-space: pre-line;
  white-space-collapse: preserve-breaks;
}
.utrecht-multiline-data--html-pre {
  font-family: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-nav-bar {
  background-color: var(--utrecht-nav-bar-background-color);
  color: var(--utrecht-nav-bar-color);
  display: flex;
  justify-content: center;
}
@media screen and (-ms-high-contrast: active),
  screen and (forced-colors: active) {
  .utrecht-nav-bar {
    border-block-end-color: currentColor;
    border-block-end-style: solid;
    border-block-end-width: 1px;
    border-block-start-color: currentColor;
    border-block-start-style: solid;
    border-block-start-width: 1px;
    padding-block-end: calc(var(--utrecht-focus-outline-width) * 2);
    padding-block-start: calc(var(--utrecht-focus-outline-width) * 2);
  }
}
.utrecht-nav-bar__content {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  inline-size: 100%;
  justify-content: space-between;
  max-inline-size: var(--utrecht-nav-bar-content-max-inline-size);
}
.utrecht-nav-list {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding-inline-start: 0;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  inline-size: 100%;
  justify-content: start;
}
.utrecht-nav-list--center > * {
  flex: 1 1 0;
  justify-content: center;
}
.utrecht-nav-list__item {
  list-style: none;
  display: inline-flex;
}
.utrecht-nav-list__link {
  font-weight: var(--utrecht-nav-list-link-font-weight);
  max-inline-size: var(--utrecht-nav-bar-link-max-inline-size, 30ch);
  padding-block-end: var(--utrecht-nav-bar-link-padding-block-end);
  padding-block-start: var(--utrecht-nav-bar-link-padding-block-start);
  padding-inline-end: var(--utrecht-nav-bar-link-padding-inline-end);
  padding-inline-start: var(--utrecht-nav-bar-link-padding-inline-start);
  text-decoration: none;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-sidenav {
  --utrecht-sidenav-connection-color: var(--utrecht-sidenav-item-marker-color);
  --utrecht-sidenav-connection-inline-size: 2px;
  --utrecht-sidenav-marker-current-color: var(
    --utrecht-sidenav-link-hover-color
  );
  --utrecht-sidenav-marker-offset: 26px;
  --utrecht-sidenav-connection-block-size: 100%;
  --utrecht-sidenav-marker-height: 8px;
  --utrecht-sidenav-marker-outline-width: 2px;
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  border-block-start: 1px solid var(--utrecht-color-grey-80);
  inline-size: 19rem;
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: 0;
  padding-block-start: 0;
}
.utrecht-sidenav__list {
  margin-block-end: 0;
  margin-block-start: 0.2rem;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-start: 0;
}
.utrecht-sidenav__list--child {
  margin-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 1.4rem;
}
.utrecht-sidenav__item {
  list-style: none;
  margin-inline-start: 0;
  position: relative;
}
.utrecht-sidenav__item--current {
  color: var(
    --utrecht-sidenav-item-hover-color,
    var(--utrecht-link-hover-color, red)
  );
}
.utrecht-sidenav__item--last {
  border-block-end: none;
}
.utrecht-sidenav__item-separator:not(
  .utrecht-sidenav__item--last .utrecht-sidenav__item-separator
) {
  border-block-end: 1px solid var(--utrecht-color-grey-80);
  display: block;
  margin-inline-start: var(--utrecht-space-inline-lg);
}
.utrecht-sidenav__link {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  display: block;
  margin-inline-start: 0;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-block-start: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link:hover {
  color: var(
    --utrecht-sidenav-link-hover-color,
    var(--utrecht-link-hover-color, red)
  );
  text-decoration: underline;
}
.utrecht-sidenav__link--focus-visible,
.utrecht-sidenav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-sidenav__link--parent {
  padding-block-end: 0;
}
.utrecht-sidenav__connection,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:not(
    .utrecht-sidenav__link--sibling,
    .utrecht-sidenav__link--parent,
    .utrecht-sidenav__link--child
  ):after {
  background: var(--utrecht-sidenav-connection-color);
  block-size: calc(
    var(--utrecht-sidenav-connection-block-size) -
      var(--utrecht-sidenav-marker-height) - 2 *
      var(--utrecht-sidenav-marker-outline-width)
  );
  content: '';
  display: block;
  inline-size: var(--utrecht-sidenav-connection-inline-size);
  inset-block-end: 0;
  inset-block-start: calc(var(--utrecht-sidenav-marker-offset));
  inset-inline-start: 3px;
  overflow: hidden;
  position: absolute;
  z-index: 5;
}
.utrecht-sidenav__connection--last,
.utrecht-sidenav__connection--parent,
.utrecht-sidenav__connection--sibling {
  display: none;
}
.utrecht-sidenav__marker,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-item-marker-color);
  block-size: var(--utrecht-sidenav-marker-height);
  border-radius: 100%;
  content: '';
  inline-size: 8px;
  inset-block-start: 20px;
  inset-inline-start: var(--utrecht-sidenav-marker-offset);
  overflow: hidden;
  position: absolute;
  transform: translateY(-50%)
    translate(calc(-1 * var(--utrecht-sidenav-marker-offset)));
  z-index: 10;
}
.utrecht-sidenav__marker--child,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:before {
  background-color: transparent;
  block-size: 4px;
  border: 2px solid var(--utrecht-sidenav-link-color);
  inline-size: 4px;
  inset-block-start: 16px;
  inset-inline-start: 1.2rem;
  transform: translateY(-50%) translate(-19.5px);
}
.utrecht-sidenav__marker--current,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current:before,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--current-child:before {
  background-color: var(--utrecht-sidenav-marker-current-color);
}
.utrecht-sidenav__link--child,
.utrecht-sidenav__link--current-child {
  color: var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));
  margin-block-end: 0;
  margin-block-start: 0;
  padding-block-end: var(--utrecht-space-block-2xs);
  padding-block-start: var(--utrecht-space-block-2xs);
  padding-inline-end: var(--utrecht-space-inline-3xs);
  padding-inline-start: var(--utrecht-space-inline-lg);
  text-decoration: none;
}
.utrecht-sidenav__link--current,
.utrecht-sidenav__link--current-child {
  font-weight: var(--utrecht-typography-weight-scale-bold-font-weight);
}
.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover .utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav__marker--child.utrecht-sidenav__marker--hover,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--hover.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link--child.utrecht-sidenav__link:hover:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__marker,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker.utrecht-sidenav__link--child:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav__link:hover
  .utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__marker--child.utrecht-sidenav__link:before,
.utrecht-sidenav--pseudo-elements
  .utrecht-sidenav__link:hover
  .utrecht-sidenav__link.utrecht-sidenav__link--child:before {
  background-color: var(--utrecht-sidenav-link-hover-color);
  border: 2px solid var(--utrecht-sidenav-link-hover-color);
}
.utrecht-sidenav--pseudo-elements .utrecht-sidenav__link--child:after {
  display: none;
}
.utrecht-sidenav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-navhtml {
  font-family: var(--utrecht-document-font-family);
}
.utrecht-topnav__list {
  background-color: var(--utrecht-topnav-list-background-color);
  display: flex;
  justify-content: space-between;
  list-style: none;
  list-style-image: none;
  margin-block-end: 0;
  margin-block-start: 0;
  overflow: visible;
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-topnav__item {
  border-inline-end: 1px solid var(--utrecht-topnav-list-border-color);
  flex: 1 0 auto;
  margin-inline-start: 0;
  text-align: center;
}
.utrecht-topnav__item li:first-child {
  border-inline-start: 1px solid var(--utrecht-topnav-list-border-color);
  padding-inline-start: 0;
}
.utrecht-topnav__link {
  color: var(--utrecht-topnav-link-color);
  display: block;
  padding-block-end: 1rem;
  padding-block-start: 1rem;
  text-decoration: none;
}
.utrecht-topnav__link--hover,
.utrecht-topnav__link:hover {
  background-color: var(--utrecht-topnav-link-hover-background-color);
  color: var(--utrecht-topnav-link-color);
  text-decoration: underline;
}
.utrecht-topnav__link--current {
  background-color: var(--utrecht-topnav-list-background-active);
  text-decoration: underline;
}
.utrecht-topnav__link--focus,
.utrecht-topnav__link:focus {
  background-color: var(
    --utrecht-topnav-link-focus-background-color,
    var(--utrecht-topnav-link-background-color)
  );
  color: var(
    --utrecht-topnav-link-focus-color,
    var(--utrecht-topnav-link-color)
  );
}
.utrecht-topnav__link--focus-visible,
.utrecht-topnav__link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-topnav__link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-number-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-number-data--positive {
  color: var(--utrecht-number-data-positive-color);
}
.utrecht-number-data--negative {
  color: var(--utrecht-number-data-negative-color);
}
.utrecht-ordered-list,
.utrecht-ordered-list--html-content ol {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-font-size,
      var(--utrecht-document-font-size, inherit)
    )
  );
  line-height: var(
    --utrecht-ordered-list-font-size,
    var(
      --utrecht-unordered-list-line-height,
      var(--utrecht-document-line-height, inherit)
    )
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-end,
        var(--utrecht-unordered-list-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-ordered-list-margin-block-start,
        var(--utrecht-unordered-list-margin-block-start, 0)
      )
  );
  padding-inline-start: var(
    --utrecht-ordered-list-padding-inline-start,
    var(--utrecht-unordered-list-padding-inline-start, 2ch)
  );
  text-align: start;
}
.utrecht-ordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-ordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-ordered-list--arabic {
  list-style: arabic-indic;
}
.utrecht-ordered-list--html-content > li,
.utrecht-ordered-list--html-content ol > li,
.utrecht-ordered-list__item {
  margin-block-end: var(
    --utrecht-ordered-list-item-margin-block-end,
    var(--utrecht-unordered-list-item-margin-block-end)
  );
  margin-block-start: var(
    --utrecht-ordered-list-item-margin-block-start,
    var(--utrecht-unordered-list-item-margin-block-start)
  );
  padding-inline-start: var(
    --utrecht-ordered-list-item-padding-inline-start,
    var(--utrecht-unordered-list-item-padding-inline-start, 1ch)
  );
}
.utrecht-page-content {
  padding-block-end: var(--utrecht-page-content-padding-block-end);
  padding-block-start: var(--utrecht-page-content-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-content__main {
  grid-area: main;
}
.utrecht-page-content__aside {
  grid-area: aside;
}
.utrecht-page-footer {
  --utrecht-document-color: currentColor;
  --utrecht-heading-color: currentColor;
  --utrecht-link-color: currentColor;
  --utrecht-link-focus-color: currentColor;
  --utrecht-link-hover-color: currentColor;
  --utrecht-link-active-color: currentColor;
  --utrecht-link-visited-color: currentColor;
  background-color: var(--utrecht-page-footer-background-color);
  background-image: var(--utrecht-page-footer-background-image);
  color: var(--utrecht-page-footer-color);
  font-family: var(--utrecht-document-font-family);
  font-size: var(--utrecht-document-font-size);
  padding-block-end: var(--utrecht-page-footer-padding-block-end);
  padding-block-start: var(--utrecht-page-footer-padding-block-start);
  padding-inline-end: var(--utrecht-page-footer-padding-inline-end);
  padding-inline-start: var(--utrecht-page-footer-padding-inline-start);
}
.utrecht-page-footer__address--reset-address {
  font-style: inherit;
  margin-block-end: 0;
  margin-block-start: 0;
}
.utrecht-page-header {
  background-color: var(--utrecht-page-header-background-color);
  color: var(--utrecht-page-header-color);
  grid-area: 'utrecht-header';
  padding-block-end: var(--utrecht-page-header-padding-block-end);
  padding-block-start: var(--utrecht-page-header-padding-block-start);
  padding-inline-end: var(--utrecht-page-padding-inline-end);
  padding-inline-start: var(--utrecht-page-padding-inline-start);
}
.utrecht-page-header__content {
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-page {
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: calc(
    var(--utrecht-page-max-inline-size) -
      var(--utrecht-page-margin-inline-start, 0px) -
      var(--utrecht-page-margin-inline-end, 0px)
  );
  padding-inline-end: var(--utrecht-page-margin-inline-end);
  padding-inline-start: var(--utrecht-page-margin-inline-start);
}
.utrecht-page__content {
  background-color: var(--utrecht-page-background-color);
  color: var(--utrecht-page-color);
  max-inline-size: var(--utrecht-page-max-inline-size);
}
.utrecht-pagination {
  font-family: var(
    --utrecht-pagination-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(
    --utrecht-pagination-font-size,
    var(--utrecht-document-font-family)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pagination-margin-block-start, 0)
  );
}
.utrecht-pagination--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pagination__relative-link {
  background-color: var(--utrecht-pagination-relative-link-background-color);
  border-color: var(--utrecht-pagination-relative-link-border-color);
  border-radius: var(--utrecht-pagination-relative-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-relative-link-border-width, 0);
  color: var(--utrecht-pagination-relative-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-relative-link-font-weight);
  padding-block-end: var(--utrecht-pagination-relative-link-padding-block-end);
  padding-block-start: var(
    --utrecht-pagination-relative-link-padding-block-start
  );
  padding-inline-end: var(
    --utrecht-pagination-relative-link-padding-inline-end
  );
  padding-inline-start: var(
    --utrecht-pagination-relative-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-relative-link-text-decoration);
  text-transform: var(--utrecht-pagination-relative-link-text-transform);
}
.utrecht-pagination__relative-link--next {
  margin-inline-start: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__relative-link--prev {
  margin-inline-end: var(
    --utrecht-pagination-relative-link-distanced-margin-inline-end
  );
}
.utrecht-pagination__relative-link--disabled {
  background-color: var(
    --utrecht-pagination-relative-link-disabled-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  color: var(
    --utrecht-pagination-relative-link-disabled-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__relative-link--hover,
.utrecht-pagination__relative-link:hover {
  background-color: var(
    --utrecht-pagination-relative-link-hover-background-color,
    var(--utrecht-pagination-relative-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-relative-link-hover-border-color,
    var(--utrecht-pagination-relative-link-border-color)
  );
  color: var(
    --utrecht-pagination-relative-link-hover-color,
    var(--utrecht-pagination-relative-link-color)
  );
}
.utrecht-pagination__page-link {
  background-color: var(--utrecht-pagination-page-link-background-color);
  border-color: var(--utrecht-pagination-page-link-border-color, 0);
  border-radius: var(--utrecht-pagination-page-link-border-radius);
  border-style: solid;
  border-width: var(--utrecht-pagination-page-link-border-width);
  color: var(--utrecht-pagination-page-link-color);
  display: inline-block;
  font-weight: var(--utrecht-pagination-page-link-font-weight);
  padding-block-end: var(--utrecht-pagination-page-link-padding-block-end);
  padding-block-start: var(--utrecht-pagination-page-link-padding-block-start);
  padding-inline-end: var(--utrecht-pagination-page-link-padding-inline-end);
  padding-inline-start: var(
    --utrecht-pagination-page-link-padding-inline-start
  );
  text-decoration: var(--utrecht-pagination-page-link-text-decoration);
}
.utrecht-pagination__page-link--current {
  --utrecht-pagination-page-link-background-color: var(
    --utrecht-pagination-page-link-current-background-color
  );
  --utrecht-pagination-page-link-border-color: var(
    --utrecht-pagination-page-link-current-border-color
  );
  --utrecht-pagination-page-link-color: var(
    --utrecht-pagination-page-link-current-color
  );
}
.utrecht-pagination__page-link ~ .utrecht-pagination__page-link {
  margin-inline-start: var(
    --utrecht-pagination-page-link-distanced-margin-inline-start
  );
}
.utrecht-pagination__page-link--hover,
.utrecht-pagination__page-link:hover {
  background-color: var(
    --utrecht-pagination-page-link-hover-background-color,
    var(--utrecht-pagination-page-link-background-color)
  );
  border-color: var(
    --utrecht-pagination-page-link-hover-border-color,
    var(--utrecht-pagination-page-link-border-color)
  );
  color: var(
    --utrecht-pagination-page-link-hover-color,
    var(--utrecht-pagination-page-link-color)
  );
}
.utrecht-pagination__page-link:focus,
.utrecht-pagination__relative-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-pagination__page-link:focus:not(:focus-visible),
.utrecht-pagination__relative-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-paragraph {
  color: var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));
  font-family: var(
    --utrecht-paragraph-font-family,
    var(--utrecht-document-font-family, inherit)
  );
  font-size: var(
    --utrecht-paragraph-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  font-weight: var(--utrecht-paragraph-font-weight, inherit);
  line-height: var(
    --utrecht-paragraph-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-paragraph-margin-block-start, 0)
  );
}
.utrecht-paragraph--lead {
  color: var(
    --utrecht-paragraph-lead-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-lead-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-lead-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-lead-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph--small {
  color: var(
    --utrecht-paragraph-small-color,
    var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit))
  );
  font-size: var(
    --utrecht-paragraph-small-font-size,
    var(--utrecht-paragraph-font-size, inherit)
  );
  font-weight: var(
    --utrecht-paragraph-small-font-weight,
    var(--utrecht-paragraph-font-weight, inherit)
  );
  line-height: var(
    --utrecht-paragraph-small-line-height,
    var(--utrecht-paragraph-line-height, inherit)
  );
}
.utrecht-paragraph__small {
  font-size: inherit;
}
.utrecht-paragraph__b {
  font-weight: inherit;
}
.utrecht-paragraph--distanced {
  --utrecht-space-around: 1;
}
.utrecht-pre-heading {
  color: var(
    --utrecht-pre-heading-color,
    var(--utrecht-heading-color, var(--utrecht-document-color, inherit))
  );
  font-family: var(
    --utrecht-pre-heading-font-family,
    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))
  );
  font-size: var(--utrecht-pre-heading-font-size);
  font-weight: var(
    --utrecht-pre-heading-font-weight,
    var(--utrecht-heading-font-weight, bold)
  );
  line-height: var(--utrecht-pre-heading-line-height);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-pre-heading-margin-block-start, 0)
  );
  order: var(--utrecht-pre-heading-order, 0);
}
.utrecht-pre-heading--distanced {
  --utrecht-space-around: 1;
}
.utrecht-preserve-data {
  unicode-bidi: isolate;
  white-space-collapse: preserve-spaces;
}
.utrecht-radio-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
  --_utrecht-radio-button-background-color: var(
    --_utrecht-radio-button-interactive-background-color,
    var(
      --_utrecht-radio-button-state-background-color,
      var(--utrecht-radio-button-background-color)
    )
  );
  --_utrecht-radio-button-border-color: var(
    --_utrecht-radio-button-interactive-border-color,
    var(
      --_utrecht-radio-button-state-border-color,
      var(--utrecht-radio-button-border-color, currentColor)
    )
  );
  --_utrecht-radio-button-border-width: var(
    --_utrecht-radio-button-interactive-border-width,
    var(
      --_utrecht-radio-button-state-border-width,
      var(--utrecht-radio-button-border-width)
    )
  );
  --_utrecht-radio-button-color: var(
    --_utrecht-radio-button-interactive-color,
    var(
      --_utrecht-radio-button-state-color,
      var(--utrecht-radio-button-color, currentColor)
    )
  );
  --_utrecht-radio-button-icon-size: 0;
  background-color: var(--_utrecht-radio-button-background-color);
  background-image: radial-gradient(
    circle,
    var(--_utrecht-radio-button-color, transparent)
      calc(var(--_utrecht-radio-button-icon-size, 50%) - 5%),
    var(--_utrecht-radio-button-background-color, currentColor)
      var(--_utrecht-radio-button-icon-size, 50%)
  );
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  block-size: var(--utrecht-radio-button-size, 1em);
  border-color: var(--_utrecht-radio-button-border-color);
  border-radius: 50%;
  border-style: solid;
  border-width: var(--_utrecht-radio-button-border-width);
  cursor: var(--utrecht-action-activate-cursor, revert);
  inline-size: var(--utrecht-radio-button-size, 1em);
  margin-inline-end: var(--utrecht-radio-button-margin-inline-end);
  min-block-size: 24px;
  min-inline-size: 24px;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
}
.utrecht-radio-button--checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--hover {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--focus {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--active {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
}
.utrecht-radio-button--disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--invalid {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:checked {
  --_utrecht-radio-button-icon-size: var(--utrecht-radio-button-icon-size, 50%);
  --_utrecht-radio-button-state-background-color: var(
    --utrecht-radio-button-checked-background-color
  );
  --_utrecht-radio-button-state-border-color: var(
    --utrecht-radio-button-checked-border-color
  );
  --_utrecht-radio-button-state-border-width: var(
    --utrecht-radio-button-checked-border-width
  );
  --_utrecht-radio-button-state-color: var(
    --utrecht-radio-button-checked-color
  );
  --_utrecht-radio-button-state-active-background-color: var(
    --utrecht-radio-button-checked-active-background-color
  );
  --_utrecht-radio-button-state-active-border-color: var(
    --utrecht-radio-button-checked-active-border-color
  );
  --_utrecht-radio-button-state-active-border-width: var(
    --utrecht-radio-button-checked-active-border-width
  );
  --_utrecht-radio-button-state-active-color: var(
    --utrecht-radio-button-checked-active-color
  );
  --_utrecht-radio-button-state-focus-background-color: var(
    --utrecht-radio-button-checked-focus-background-color
  );
  --_utrecht-radio-button-state-focus-border-color: var(
    --utrecht-radio-button-checked-focus-border-color
  );
  --_utrecht-radio-button-state-focus-border-width: var(
    --utrecht-radio-button-checked-focus-border-width
  );
  --_utrecht-radio-button-state-focus-color: var(
    --utrecht-radio-button-checked-focus-color
  );
  --_utrecht-radio-button-state-hover-background-color: var(
    --utrecht-radio-button-checked-hover-background-color
  );
  --_utrecht-radio-button-state-hover-border-color: var(
    --utrecht-radio-button-checked-hover-border-color
  );
  --_utrecht-radio-button-state-hover-border-width: var(
    --utrecht-radio-button-checked-hover-border-width
  );
  --_utrecht-radio-button-state-hover-color: var(
    --utrecht-radio-button-checked-hover-color
  );
}
.utrecht-radio-button--html-input:disabled {
  --_utrecht-radio-button-background-color: var(
    --utrecht-radio-button-disabled-background-color
  );
  --_utrecht-radio-button-border-color: var(
    --utrecht-radio-button-disabled-border-color
  );
  --_utrecht-radio-button-border-width: var(
    --utrecht-radio-button-disabled-border-width
  );
  --_utrecht-radio-button-color: var(--utrecht-radio-button-disabled-color);
  --_utrecht-radio-button-focus-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-focus-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-focus-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-focus-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-active-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-active-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-active-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-active-color: var(--_utrecht-radio-button-color);
  --_utrecht-radio-button-hover-background-color: var(
    --_utrecht-radio-button-background-color
  );
  --_utrecht-radio-button-hover-border-color: var(
    --_utrecht-radio-button-border-color
  );
  --_utrecht-radio-button-hover-border-width: var(
    --_utrecht-radio-button-border-width
  );
  --_utrecht-radio-button-hover-color: var(--_utrecht-radio-button-color);
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-radio-button--html-input:invalid,
.utrecht-radio-button--html-input[aria-invalid='true'] {
  border-color: var(
    --utrecht-radio-button-invalid-border-color,
    var(--utrecht-radio-button-border-color)
  );
  border-width: var(
    --utrecht-radio-button-invalid-border-width,
    var(--utrecht-radio-button-border-width)
  );
  color: var(
    --utrecht-radio-button-invalid-color,
    var(--utrecht-radio-button-color)
  );
}
.utrecht-radio-button--html-input:focus:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --utrecht-radio-button-focus-background-color,
    var(--utrecht-radio-button-focus-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --utrecht-radio-button-focus-border-color,
    var(--utrecht-radio-button-focus-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --utrecht-radio-button-focus-border-width,
    var(--utrecht-radio-button-focus-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --utrecht-radio-button-focus-color,
    var(--utrecht-radio-button-focus-color)
  );
}
.utrecht-radio-button--html-input:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-radio-button--html-input:hover:not([aria-disabled='true'], :disabled) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-hover-background-color,
    var(--utrecht-radio-button-hover-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-hover-border-color,
    var(--utrecht-radio-button-hover-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-hover-border-width,
    var(--utrecht-radio-button-hover-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-hover-color,
    var(--utrecht-radio-button-hover-color)
  );
}
.utrecht-radio-button--html-input:active:not(
    [aria-disabled='true'],
    :disabled
  ) {
  --_utrecht-radio-button-interactive-background-color: var(
    --_utrecht-radio-button-state-active-background-color,
    var(--utrecht-radio-button-active-background-color)
  );
  --_utrecht-radio-button-interactive-border-color: var(
    --_utrecht-radio-button-state-active-border-color,
    var(--utrecht-radio-button-active-border-color)
  );
  --_utrecht-radio-button-interactive-border-width: var(
    --_utrecht-radio-button-state-active-border-width,
    var(--utrecht-radio-button-active-border-width)
  );
  --_utrecht-radio-button-interactive-color: var(
    --_utrecht-radio-button-state-active-color,
    var(--utrecht-radio-button-active-color)
  );
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-search-bar {
  --utrecht-button-border-color: var(--utrecht-search-bar-button-border-color);
  --utrecht-button-hover-scale: var(--utrecht-search-bar-hover-transform);
  --utrecht-button-font-size: var(--utrecht-search-bar-button-font-size);
  --utrecht-button-font-weight: var(--utrecht-search-bar-button-font-weight);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-search-bar-button-background-color
  );
  --utrecht-button-primary-action-color: var(--utrecht-search-bar-button-color);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-search-bar-button-hover-background-color
  );
  --utrecht-textbox-border-color: var(--utrecht-search-bar-input-border-color);
  --utrecht-textbox-padding-inline-start: var(
    --utrecht-search-bar-input-padding-inline-start
  );
  --utrecht-textbox-border-bottom-width: var(
    --utrecht-search-bar-input-border-bottom-width
  );
  --utrecht-textbox-max-inline-size: var(
    --utrecht-search-bar-input-max-inline-size
  );
  display: flex;
}
.utrecht-search-bar__input {
  background-image: var(--utrecht-search-bar-input-background-image, none);
  background-position-x: var(--utrecht-search-bar-input-background-position-x);
  background-position-y: var(--utrecht-search-bar-input-background-position-y);
  background-repeat: no-repeat;
  background-size: var(--utrecht-search-bar-input-background-size);
}
.utrecht-search-bar__dropdown {
  border-color: var(--utrecht-search-bar-dropdown-border-color);
  border-style: solid;
  border-width: var(--utrecht-search-bar-dropdown-border-width);
  inline-size: var(
    --utrecht-search-bar-dropdown-inline-size,
    var(--utrecht-form-input-max-inline-size)
  );
  max-block-size: var(--utrecht-search-bar-dropdown-max-block-size);
  overflow: auto;
  padding-block-end: var(--utrecht-search-bar-dropdown-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-dropdown-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-dropdown-padding-inline-end);
  padding-inline-start: var(--utrecht-search-bar-dropdown-padding-inline-start);
  position: absolute;
  z-index: var(--utrecht-search-bar-dropdown-z-index);
}
.utrecht-search-bar__section-title {
  color: var(--utrecht-search-bar-section-title-color);
  font-size: var(--utrecht-search-bar-section-title-font-size);
  font-weight: var(--utrecht-search-bar-section-title-font-weight);
  line-height: var(--utrecht-search-bar-section-title-line-height);
  margin-inline-start: var(
    --utrecht-search-bar-section-title-margin-inline-start
  );
}
.utrecht-search-bar__list-item {
  padding-block-end: var(--utrecht-search-bar-list-item-padding-block-end);
  padding-block-start: var(--utrecht-search-bar-list-item-padding-block-start);
  padding-inline-end: var(--utrecht-search-bar-list-item-padding-inline-end);
  padding-inline-start: var(
    --utrecht-search-bar-list-item-padding-inline-start
  );
}
.utrecht-search-bar__list-item--is-active {
  background-color: var(
    --utrecht-search-bar-list-item-is-active-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-active-color);
  font-weight: var(--utrecht-search-bar-list-item-is-active-font-weight);
}
.utrecht-search-bar__list-item--is-selected {
  background-color: var(
    --utrecht-search-bar-list-item-is-selected-background-color
  );
  color: var(--utrecht-search-bar-list-item-is-selected-color);
}
.utrecht-select {
  background-color: var(
    --utrecht-select-background-color,
    var(--utrecht-form-control-background-color)
  );
  border-block-end-width: var(
    --utrecht-select-border-block-end-width,
    var(--utrecht-select-border-width, var(--utrecht-form-control-border-width))
  );
  border-block-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-color: var(
    --utrecht-select-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-inline-end-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-inline-start-width: var(
    --utrecht-select-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-radius: var(
    --utrecht-select-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  color: var(--utrecht-select-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-select-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-select-font-size,
    var(--utrecht-form-control-font-size)
  );
  inline-size: 100%;
  min-block-size: var(
    --utrecht-select-min-block-size,
    var(--utrecht-pointer-target-min-size, 44px)
  );
  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
  max-inline-size: var(
    --utrecht-select-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  padding-block-end: var(
    --utrecht-select-padding-block-end,
    var(--utrecht-form-control-padding-block-end)
  );
  padding-block-start: var(
    --utrecht-select-padding-block-start,
    var(--utrecht-form-control-padding-block-start)
  );
  padding-inline-end: var(
    --utrecht-select-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end)
  );
  padding-inline-start: var(
    --utrecht-select-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start)
  );
}
.utrecht-select--disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-select--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-select--invalid {
  --_utrecht-select-border-width: var(
    --utrecht-select-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-select-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-select-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-select-border-width);
  border-block-end-width: var(
    --utrecht-select-invalid-border-block-end-width,
    var(
      --utrecht-form-control-invalid-border-block-end-width,
      var(
        --utrecht-select-border-block-end-width,
        var(
          --utrecht-form-control-border-block-end-width,
          var(--_utrecht-select-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-select-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
}
.utrecht-select--html-select:focus {
  background-color: var(
    --utrecht-select-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-select--html-select:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-select--html-select:disabled {
  background-color: var(
    --utrecht-select-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-select-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-select-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-select-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-select-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-select-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-select--html-select:not([multiple]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: var(--utrecht-select-background-image);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 1.4em;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 */
.utrecht-separator {
  border-color: var(--utrecht-separator-color);
  border-style: solid;
  border-width: 0 0 var(--utrecht-separator-block-size) 0;
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-separator-margin-block-start, 0)
  );
}
.utrecht-separator--distanced {
  --utrecht-space-around: 1;
}
.utrecht-skip-link {
  align-items: center;
  background-color: var(--utrecht-skip-link-background-color, ButtonFace);
  box-sizing: border-box;
  color: var(--utrecht-skip-link-color, ButtonText);
  display: inline-flex;
  justify-content: center;
  min-block-size: var(--utrecht-skip-link-min-block-size, 44px);
  min-inline-size: var(--utrecht-skip-link-min-inline-size, 44px);
  padding-block-end: var(--utrecht-skip-link-padding-block-end);
  padding-block-start: var(--utrecht-skip-link-padding-block-start);
  padding-inline-end: var(--utrecht-skip-link-padding-inline-end);
  padding-inline-start: var(--utrecht-skip-link-padding-inline-start);
  text-decoration: var(--utrecht-skip-link-text-decoration);
}
.utrecht-skip-link--hidden,
.utrecht-skip-link--visible-on-focus {
  inset-block-start: -200%;
  position: fixed;
}
.utrecht-skip-link--visible-on-focus:focus {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--visible {
  --_utrecht-skip-link-inset: calc(
    var(--utrecht-focus-outline-width, 0px) +
      var(--utrecht-focus-outline-offset, 0px)
  );
  inset-block-start: var(--_utrecht-skip-link-inset, 0);
  inset-inline-start: var(--_utrecht-skip-link-inset, 0);
  position: fixed;
  z-index: var(--utrecht-skip-link-z-index, var(--utrecht-layer-focus-z-index));
}
.utrecht-skip-link--focus,
.utrecht-skip-link:focus,
.utrecht-skip-link:focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
  text-decoration: var(--utrecht-skip-link-focus-text-decoration);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2020-2022 Gemeente Utrecht
 * Copyright (c) 2020-2022 Frameless B.V.
 */
.utrecht-spotlight-section {
  background-color: var(
    --_utrecht-spotlight-section-background-color,
    var(--utrecht-spotlight-section-background-color)
  );
  border-color: var(
    --_utrecht-spotlight-section-border-color,
    var(--utrecht-spotlight-section-border-color)
  );
  border-style: solid;
  border-width: var(
    --_utrecht-spotlight-section-border-width,
    var(--utrecht-spotlight-section-border-width, 0)
  );
  color: var(
    --_utrecht-spotlight-section-color,
    var(--utrecht-spotlight-section-color)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(--utrecht-spotlight-section-margin-block-start, 0)
  );
  padding-block-end: var(--utrecht-spotlight-section-padding-block-end);
  padding-block-start: var(--utrecht-spotlight-section-padding-block-start);
  padding-inline-end: var(--utrecht-spotlight-section-padding-inline-end);
  padding-inline-start: var(--utrecht-spotlight-section-padding-inline-start);
}
.utrecht-spotlight-section--info {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-info-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-info-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-info-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-info-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-info-color
  );
}
.utrecht-spotlight-section--warning {
  --_utrecht-spotlight-section-icon-color: var(
    --utrecht-spotlight-section-icon-warning-color
  );
  --_utrecht-spotlight-section-background-color: var(
    --utrecht-spotlight-section-warning-background-color
  );
  --_utrecht-spotlight-section-border-color: var(
    --utrecht-spotlight-section-warning-border-color
  );
  --_utrecht-spotlight-section-border-width: var(
    --utrecht-spotlight-section-warning-border-width
  );
  --_utrecht-spotlight-section-color: var(
    --utrecht-spotlight-section-warning-color
  );
}
.utrecht-surface {
  background-color: var(--utrecht-surface-background-color, inherit);
  color: var(--utrecht-surface-color, inherit);
}
.utrecht-surface--html-body {
  margin-block-end: 0;
  margin-block-start: 0;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.utrecht-table-container--overflow-inline {
  background-attachment: local, local, scroll, scroll;
  background-image:
    linear-gradient(to right, white, white),
    linear-gradient(to right, white, white),
    linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0)),
    linear-gradient(to left, rgba(0, 0, 0, 0.25), rgba(255, 255, 255, 0));
  background-position:
    left center,
    right center,
    left center,
    right center;
  background-repeat: no-repeat;
  background-size:
    20px 100%,
    20px 100%,
    10px 100%,
    10px 100%;
  overflow: auto;
}
.utrecht-table {
  border-collapse: separate;
  border-color: var(--utrecht-table-border-color, 0);
  border-spacing: 0;
  border-style: solid;
  border-width: var(--utrecht-table-border-width, 0);
  font-family: var(
    --utrecht-table-font-family,
    var(--utrecht-document-font-family)
  );
  font-size: var(--utrecht-table-font-size, inherit);
  inline-size: 100%;
  line-height: var(--utrecht-table-line-height, inherit);
  margin-block-end: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-end, 0)
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) * var(--utrecht-table-margin-block-start, 0)
  );
}
.utrecht-table--distanced {
  --utrecht-space-around: 1;
}
.utrecht-table--html-table > caption,
.utrecht-table__caption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > figcaption,
.utrecht-table__figcaption {
  break-inside: avoid;
  color: var(--utrecht-table-caption-color);
  font-family: var(--utrecht-table-caption-font-family);
  font-size: var(--utrecht-table-caption-font-size);
  font-weight: var(--utrecht-table-caption-font-weight);
  line-height: var(--utrecht-table-caption-line-height);
  margin-block-end: var(--utrecht-table-caption-margin-block-end);
  page-break-after: avoid;
  text-align: var(--utrecht-table-caption-text-align, center);
}
.utrecht-table--html-table > thead,
.utrecht-table__header {
  --_utrecht-table-header-cell-vertical-align: bottom;
  --_utrecht-table-header-cell-z-index: 8;
  background-color: var(--utrecht-table-header-background-color);
  break-inside: avoid;
  color: var(--utrecht-table-header-color);
  font-weight: var(--utrecht-table-header-font-weight);
  page-break-inside: avoid;
  text-transform: var(--utrecht-table-header-text-transform);
}
.utrecht-table__header--sticky th {
  background-color: var(--utrecht-table-header-sticky-background-color);
  color: var(--utrecht-table-header-sticky-color);
  inset-block-start: 0;
  position: sticky;
}
.utrecht-table__header--sticky tr:last-child > th {
  border-block-end-color: var(
    --utrecht-table-header-sticky-border-block-end-color,
    var(--utrecht-table-header-border-block-end-color, transparent)
  );
  border-block-end-style: solid;
  border-block-end-width: var(
    --utrecht-table-header-sticky-border-block-end-width,
    var(--utrecht-table-header-border-block-end-width, 0)
  );
}
.utrecht-table__footer {
  --_utrecht-table-header-cell-z-index: 5;
  z-index: 3;
}
.utrecht-table__footer--sticky {
  background-color: var(
    --utrecht-table-footer-sticky-background-color,
    var(--utrecht-table-footer-background-color)
  );
  color: var(
    --utrecht-table-footer-sticky-color,
    var(--utrecht-table-footer-color)
  );
  inset-block-end: 0;
  position: sticky;
}
.utrecht-table__footer--sticky tr:first-child > th,
.utrecht-table__footer--sticky tr:first-child > td {
  border-block-start-color: var(
    --utrecht-table-header-sticky-border-block-start-color,
    var(--utrecht-table-header-border-block-start-color, transparent)
  );
  border-block-start-style: solid;
  border-block-start-width: var(
    --utrecht-table-header-sticky-border-block-start-width,
    var(--utrecht-table-header-border-block-start-width, 0)
  );
}
.utrecht-table--html-table > tbody,
.utrecht-table__body {
  --_utrecht-table-header-cell-z-index: 2;
}
.utrecht-table--fixed {
  inline-size: fit-content;
  table-layout: fixed;
}
.utrecht-table--fixed th,
.utrecht-table--oneline th,
.utrecht-table--oneline td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table--html-table > tr,
.utrecht-table--html-table > thead > tr,
.utrecht-table--html-table > tbody > tr,
.utrecht-table--html-table > tfoot > tr,
.utrecht-table__row {
  break-inside: avoid;
  page-break-inside: avoid;
}
.utrecht-table__row--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table--html-table > tr > th,
.utrecht-table--html-table > thead > tr > th,
.utrecht-table--html-table > tbody > tr > th,
.utrecht-table--html-table > tfoot > tr > th,
.utrecht-table__header-cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  color: var(--utrecht-table-header-cell-color);
  font-size: var(--utrecht-table-header-cell-font-size);
  font-weight: var(--utrecht-table-header-cell-font-weight, bold);
  text-transform: var(--utrecht-table-header-cell-text-transform);
  vertical-align: var(--_utrecht-table-header-cell-vertical-align, top);
  z-index: var(--_utrecht-table-header-cell-z-index);
}
.utrecht-table__header-cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--sticky-block {
  background-color: #eee;
  color: #000;
  inset-block-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 2);
}
.utrecht-table__header-cell--sticky-inline {
  background-color: #eee;
  color: #000;
  inset-inline-start: 0;
  position: sticky;
  z-index: calc(var(--_utrecht-table-header-cell-z-index, 0) + 1);
}
.utrecht-table--html-table > tr > td,
.utrecht-table--html-table > thead > tr > td,
.utrecht-table--html-table > tbody > tr > td,
.utrecht-table--html-table > tfoot > tr > td,
.utrecht-table__cell {
  --utrecht-icon-size: var(--utrecht-table-cell-icon-size);
  block-size: var(--utrecht-table-cell-line-height, 1em);
  line-height: var(--utrecht-table-cell-line-height, inherit);
  padding-block-end: var(--utrecht-table-cell-padding-block-end, 0);
  padding-block-start: var(--utrecht-table-cell-padding-block-start, 0);
  padding-inline-end: var(--utrecht-table-cell-padding-inline-end, 0);
  padding-inline-start: var(--utrecht-table-cell-padding-inline-start, 0);
  text-align: start;
  border-block-end-color: var(
    --utrecht-table-row-border-block-end-color,
    transparent
  );
  border-block-end-style: solid;
  border-block-end-width: var(--utrecht-table-row-border-block-end-width, 0);
  vertical-align: top;
}
.utrecht-table--html-table > tr > td:first-child,
.utrecht-table--html-table > thead > tr > td:first-child,
.utrecht-table--html-table > tbody > tr > td:first-child,
.utrecht-table--html-table > tfoot > tr > td:first-child,
.utrecht-table__cell--first {
  padding-inline-start: var(
    --utrecht-table-row-padding-inline-start,
    var(--utrecht-table-cell-padding-inline-start, 0)
  );
}
.utrecht-table--html-table > tr > td:last-child,
.utrecht-table--html-table > thead > tr > td:last-child,
.utrecht-table--html-table > tbody > tr > td:last-child,
.utrecht-table--html-table > tfoot > tr > td:last-child,
.utrecht-table__cell--last {
  padding-inline-end: var(
    --utrecht-table-row-padding-inline-end,
    var(--utrecht-table-cell-padding-inline-end, 0)
  );
}
.utrecht-table__cell--selected {
  background-color: var(
    --utrecht-table-cell-selected-background-color,
    highlight
  );
  color: var(--utrecht-table-cell-selected-color, highlightText);
}
.utrecht-table__header-cell--numeric-column,
.utrecht-table__cell--numeric-column {
  --_utrecht-table-cell-text-align: right;
  text-align: var(--_utrecht-table-cell-text-align);
}
.utrecht-table__cell--numeric-data {
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-table__row--alternate-odd {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table__row--alternate-even {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table__header-cell {
  --utrecht-button-font-size: inherit;
  --utrecht-button-font-weight: inherit;
  --utrecht-button-padding-inline-start: var(
    --utrecht-table-cell-padding-inline-start
  );
  --utrecht-button-padding-inline-end: var(
    --utrecht-table-cell-padding-inline-end
  );
  --utrecht-button-padding-block-start: var(
    --utrecht-table-cell-padding-block-start
  );
  --utrecht-button-padding-block-end: var(
    --utrecht-table-cell-padding-block-end
  );
  --utrecht-button-hover-scale: 1;
  --utrecht-button-focus-scale: 1;
  --utrecht-button-min-block-size: 100%;
  --utrecht-button-min-inline-size: 100%;
  --utrecht-button-border-color: transparent;
  --utrecht-button-border-size: 1px;
}
.utrecht-table__header-cell:has(.utrecht-button) {
  padding-block-end: 0;
  padding-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.utrecht-table__header-cell-button {
  justify-content: var(--_utrecht-table-cell-text-align, start);
}
.utrecht-table__data--truncate {
  display: block;
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.utrecht-table__container {
  max-inline-size: 100%;
  overflow-inline: scroll;
}
.utrecht-table__header--hidden {
  block-size: 1px;
  border: 0 solid silver;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  inline-size: 1px;
  outline: 1px solid red;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.utrecht-table--busy {
  cursor: var(--utrecht-action-busy-cursor, busy);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(odd) {
  background-color: var(--utrecht-table-row-alternate-odd-background-color);
  color: var(--utrecht-table-row-alternate-odd-color);
}
.utrecht-table--alternate-row-color
  .utrecht-table__body
  .utrecht-table__row:nth-child(2n) {
  background-color: var(--utrecht-table-row-alternate-even-background-color);
  color: var(--utrecht-table-row-alternate-even-color);
}
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__header-cell,
.utrecht-table--row-hover
  .utrecht-table__body
  .utrecht-table__row:hover
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__header-cell,
.utrecht-table--row-focus-within
  .utrecht-table__body
  .utrecht-table__row:focus-within
  .utrecht-table__cell {
  background-color: #ffefd5;
  color: maroon;
}
.utrecht-textarea {
  background-color: var(
    --utrecht-textarea-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textarea-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textarea-border-bottom-width,
    var(
      --utrecht-textarea-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textarea-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textarea-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textarea-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textarea-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textarea-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(--utrecht-textarea-line-height, initial);
  max-inline-size: var(
    --utrecht-textarea-max-inline-size,
    var(--utrecht-form-control-max-inline-size)
  );
  min-block-size: var(
    --utrecht-textarea-min-block-size,
    var(--utrecht-pointer-target-min-size, 44px)
  );
  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
  padding-block-end: var(
    --utrecht-textarea-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textarea-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textarea-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textarea-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
  resize: vertical;
  resize: block;
}
.utrecht-textarea--invalid {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea__placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textarea--html-textarea:focus {
  background-color: var(
    --utrecht-textarea-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textarea--html-textarea:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textarea--html-textarea:invalid,
.utrecht-textarea--html-textarea[aria-invalid='true'] {
  --_utrecht-textarea-border-width: var(
    --utrecht-textarea-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textarea-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textarea-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textarea-border-width);
  border-block-end-width: var(
    --utrecht-textarea-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textarea-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textarea-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textarea-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:read-only {
  background-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textarea-border,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-read-only-border,
    var(
      --utrecht-form-control-read-only-border-color,
      var(--utrecht-textarea-border, var(--utrecht-form-control-border-color))
    )
  );
  color: var(
    --utrecht-textarea-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textarea--html-textarea:disabled {
  background-color: var(
    --utrecht-textarea-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textarea-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textarea-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textarea-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textarea-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textarea--html-textarea::placeholder {
  color: var(
    --utrecht-textarea-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textarea-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-textbox {
  --_utrecht-textbox-value-char: 0.667em + 0.334ch;
  --_utrecht-textbox-max-inline-size: calc(
    calc(
        var(--utrecht-textbox-value-max-length) *
          var(--_utrecht-textbox-value-char)
      ) +
      var(
        --utrecht-textbox-padding-inline-end,
        var(--utrecht-form-control-padding-inline-end, 0)
      ) +
      var(
        --utrecht-textbox-padding-inline-start,
        var(--utrecht-form-control-padding-inline-start, 0)
      ) +
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width, 0)
      ) +
      var(--utrecht-textbox-autocomplete-ui-size, 44px)
  );
  background-color: var(
    --utrecht-textbox-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textbox-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textbox-border-bottom-width,
    var(
      --utrecht-textbox-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textbox-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textbox-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textbox-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textbox-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(
    --utrecht-textbox-line-height,
    var(--utrecht-form-control-line-height, initial)
  );
  min-block-size: var(--utrecht-pointer-target-min-size, 44px);
  min-inline-size: var(--utrecht-pointer-target-min-size, 44px);
  max-inline-size: min(
    var(--_utrecht-textbox-max-inline-size, 100%),
    var(
      --utrecht-textbox-max-inline-size,
      var(--utrecht-form-control-max-inline-size)
    )
  );
  padding-block-end: var(
    --utrecht-textbox-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textbox-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textbox-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textbox-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
}
.utrecht-textbox--invalid {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--focus-visible {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox__placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--numeric {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-textbox--password {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--postal-code-nl-size {
  --utrecht-textbox-value-max-length: 7;
}
.utrecht-textbox--house-number-size {
  --utrecht-textbox-value-max-length: 5;
}
.utrecht-textbox--house-letter-size {
  --utrecht-textbox-value-max-length: 1;
}
.utrecht-textbox--house-addition-size {
  --utrecht-textbox-value-max-length: 4;
}
.utrecht-textbox--voorvoegsel-size {
  --utrecht-textbox-value-max-length: 10;
}
.utrecht-textbox--tel-size {
  --utrecht-textbox-value-max-length: 19;
}
.utrecht-textbox--tel-nl-size {
  --utrecht-textbox-value-max-length: 13;
}
.utrecht-textbox--iban-size {
  --utrecht-textbox-value-max-length: 41;
}
.utrecht-textbox--iban-nl-size {
  --utrecht-textbox-value-max-length: 22;
}
.utrecht-textbox--placeholder-ltr::placeholder,
.utrecht-textbox--placeholder-ltr:placeholder-shown {
  direction: ltr;
}
.utrecht-textbox--placeholder-rtl::placeholder,
.utrecht-textbox--placeholder-rtl:placeholder-shown {
  direction: rtl;
}
.utrecht-textbox--url {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input:focus {
  background-color: var(
    --utrecht-textbox-focus-background-color,
    var(
      --utrecht-form-control-focus-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-focus-border-color,
    var(
      --utrecht-form-control-focus-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-focus-color,
    var(
      --utrecht-form-control-focus-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-textbox--html-input:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-textbox--html-input:invalid,
.utrecht-textbox--html-input[aria-invalid='true'] {
  --_utrecht-textbox-border-width: var(
    --utrecht-textbox-invalid-border-width,
    var(
      --utrecht-form-control-invalid-border-width,
      var(
        --utrecht-textbox-border-width,
        var(--utrecht-form-control-border-width)
      )
    )
  );
  background-color: var(
    --utrecht-textbox-invalid-background-color,
    var(
      --utrecht-form-control-invalid-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-width: var(--_utrecht-textbox-border-width);
  border-block-end-width: var(
    --utrecht-textbox-invalid-border-bottom-width,
    var(
      --utrecht-form-control-invalid-border-bottom-width,
      var(
        --utrecht-textbox-border-bottom-width,
        var(
          --utrecht-form-control-border-bottom-width,
          var(--_utrecht-textbox-border-width)
        )
      )
    )
  );
  border-color: var(
    --utrecht-textbox-invalid-border-color,
    var(
      --utrecht-form-control-invalid-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-invalid-color,
    var(
      --utrecht-form-control-invalid-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:read-only {
  background-color: var(
    --utrecht-textbox-read-only-background-color,
    var(
      --utrecht-form-control-read-only-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-read-only-border-color,
    var(
      --utrecht-form-control-read-only-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-read-only-color,
    var(
      --utrecht-form-control-read-only-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
}
.utrecht-textbox--html-input:disabled {
  background-color: var(
    --utrecht-textbox-disabled-background-color,
    var(
      --utrecht-form-control-disabled-background-color,
      var(
        --utrecht-textbox-background-color,
        var(--utrecht-form-control-background-color)
      )
    )
  );
  border-color: var(
    --utrecht-textbox-disabled-border-color,
    var(
      --utrecht-form-control-disabled-border-color,
      var(
        --utrecht-textbox-border-color,
        var(--utrecht-form-control-border-color)
      )
    )
  );
  color: var(
    --utrecht-textbox-disabled-color,
    var(
      --utrecht-form-control-disabled-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
}
.utrecht-textbox--html-input::placeholder {
  color: var(
    --utrecht-textbox-placeholder-color,
    var(
      --utrecht-form-control-placeholder-color,
      var(--utrecht-textbox-color, var(--utrecht-form-control-color))
    )
  );
  font-style: var(--utrecht-form-control-placeholder-font-style);
  opacity: 100%;
}
.utrecht-textbox--html-input[type='password' i] {
  font-variant-ligatures: none;
  font-variant-numeric: slashed-zero;
}
.utrecht-textbox--html-input[type='url' i],
.utrecht-textbox--html-input[type='email' i],
.utrecht-textbox--html-input[inputMode='email' i],
.utrecht-textbox--html-input[inputMode='url' i] {
  font-variant-ligatures: none;
}
.utrecht-textbox--html-input[pattern='\\d*'],
.utrecht-textbox--html-input[pattern='[0-9]*'],
.utrecht-textbox--html-input[type='number' i],
.utrecht-textbox--html-input[type='tel' i],
.utrecht-textbox--html-input[inputMode='numeric' i],
.utrecht-textbox--html-input[inputMode='decimal' i],
.utrecht-textbox--html-input[inputMode='tel' i] {
  -moz-appearance: textfield;
  font-variant-numeric: lining-nums tabular-nums;
}
.utrecht-toptask-link {
  --utrecht-icon-color: currentColor;
  --utrecht-icon-size: var(--utrecht-toptask-link-icon-size);
  background-color: var(--utrecht-toptask-link-background-color);
  color: var(--utrecht-toptask-link-color);
  display: flex;
  flex-direction: column;
  font-size: var(--utrecht-toptask-link-font-size);
  line-height: var(--utrecht-toptask-link-line-height);
  max-inline-size: var(--utrecht-toptask-link-max-inline-size);
  min-block-size: var(--utrecht-toptask-link-min-block-size);
  min-inline-size: var(--utrecht-toptask-link-min-inline-size);
  padding-block-end: var(--utrecht-toptask-link-padding-block-end);
  padding-block-start: var(--utrecht-toptask-link-padding-block-start);
  padding-inline-end: var(--utrecht-toptask-link-padding-inline-end);
  padding-inline-start: var(--utrecht-toptask-link-padding-inline-start);
  text-decoration: none;
}
.utrecht-toptask-link--hover,
.utrecht-toptask-link:hover {
  background-color: var(
    --utrecht-toptask-link-hover-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-hover-color,
    var(--utrecht-toptask-link-color)
  );
  transform: var(--utrecht-toptask-link-hover-transform-scale, 1);
}
.utrecht-toptask-link--focus-visible,
.utrecht-toptask-link:focus {
  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
    var(--utrecht-focus-inverse-outline-color, transparent);
  box-shadow: var(--_utrecht-focus-ring-box-shadow);
  outline-color: var(--utrecht-focus-outline-color, revert);
  outline-offset: var(--utrecht-focus-outline-offset, revert);
  outline-style: var(--utrecht-focus-outline-style, revert);
  outline-width: var(--utrecht-focus-outline-width, revert);
}
.utrecht-toptask-link--focus,
.utrecht-toptask-link:focus {
  background-color: var(
    --utrecht-toptask-link-focus-background-color,
    var(--utrecht-toptask-link-background-color)
  );
  color: var(
    --utrecht-toptask-link-focus-color,
    var(--utrecht-toptask-link-color)
  );
}
.utrecht-toptask-link:focus:not(:focus-visible) {
  box-shadow: none;
  outline-style: revert;
}
.utrecht-toptask-link__title {
  display: block;
}
.utrecht-toptask-link__icon {
  display: block;
  padding-block-end: var(--utrecht-space-block-xs);
  padding-inline-end: var(--utrecht-space-inline-md);
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Gemeente Utrecht
 * Copyright (c) 2021 Robbert Broersma
 */
.utrecht-toptask-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--utrecht-toptask-nav-gap);
}
.utrecht-toptask-nav--grid {
  --utrecht-toptask-link-max-inline-size: var(
    --utrecht-toptask-nav-link-grid-max-inline-size
  );
  flex-direction: row;
}
.utrecht-unordered-list,
.utrecht-unordered-list--html-content ul {
  box-sizing: border-box;
  font-family: var(--utrecht-document-font-family, inherit);
  font-size: var(
    --utrecht-unordered-list-font-size,
    var(--utrecht-document-font-size, inherit)
  );
  line-height: var(
    --utrecht-unordered-list-line-height,
    var(--utrecht-document-line-height, inherit)
  );
  margin-block-end: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-end,
        var(--utrecht-paragraph-margin-block-end, 0)
      )
  );
  margin-block-start: calc(
    var(--utrecht-space-around, 0) *
      var(
        --utrecht-unordered-list-margin-block-start,
        var(--utrecht-paragraph-margin-block-start, 0)
      )
  );
  padding-inline-start: var(--utrecht-unordered-list-padding-inline-start, 2ch);
  text-align: start;
}
.utrecht-unordered-list--center {
  inline-size: max-content;
  margin-inline-end: auto;
  margin-inline-start: auto;
  max-inline-size: 100%;
}
.utrecht-unordered-list--distanced {
  --utrecht-space-around: 1;
}
.utrecht-unordered-list--nested,
.utrecht-unordered-list--html-content ul {
  margin-block-end: 0;
  margin-inline-start: 2ch;
}
.utrecht-unordered-list--html-content > li,
.utrecht-unordered-list--html-content ul > li,
.utrecht-unordered-list__item {
  margin-block-end: var(--utrecht-unordered-list-item-margin-block-end);
  margin-block-start: var(--utrecht-unordered-list-item-margin-block-start);
  padding-inline-start: var(
    --utrecht-unordered-list-item-padding-inline-start,
    1ch
  );
}
.utrecht-unordered-list--html-content > li::marker,
.utrecht-unordered-list--html-content ul > li::marker,
.utrecht-unordered-list__item::marker,
.utrecht-unordered-list__marker {
  color: var(--utrecht-unordered-list-marker-color);
  content: '●';
} /**
 * @license EUPL-1.2
 * Copyright (c) 2021 Robbert Broersma
 * Copyright (c) 2021 Gemeente Utrecht
 */
.utrecht-url-data {
  break-inside: avoid;
  font-variant-ligatures: none;
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: anywhere;
  page-break-inside: avoid;
}
:root,
::backdrop {
  --of-progress-indicator-mobile-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
  --denhaag-process-steps-sub-step-marker-size: 12px;
  --denhaag-process-steps-step-marker-size: 28px;
  --utrecht-toptask-nav-link-grid-max-inline-size: 240px;
  --utrecht-stack-focus-z-index: 1;
  --utrecht-border-style-dotted: dotted;
  --utrecht-border-style-solid: solid;
  --utrecht-border-radius-none: 0;
  --utrecht-border-radius-round: 999px;
  --utrecht-border-radius-lg: 8px;
  --utrecht-border-radius-md: 4px;
  --utrecht-border-radius-sm: 2px;
  --utrecht-border-width-md: 2px;
  --utrecht-border-width-sm: 1px;
  --utrecht-typography-line-height-lg: 2;
  --utrecht-typography-line-height-md: 1.5;
  --utrecht-typography-line-height-sm: 1.25;
  --utrecht-typography-line-height-xs: 1;
  --utrecht-typography-font-style-inherit: inherit;
  --utrecht-typography-font-style-normal: normal;
  --utrecht-typography-weight-scale-normal-font-weight: 400;
  --utrecht-typography-weight-scale-bold-font-weight: 700;
  --utrecht-typography-scale-4xl-font-size: 2rem;
  --utrecht-typography-scale-3xl-font-size: 1.5rem;
  --utrecht-typography-scale-2xl-font-size: 1.375rem;
  --utrecht-typography-scale-xl-font-size: 1.25rem;
  --utrecht-typography-scale-lg-font-size: 1.125rem;
  --utrecht-typography-scale-md-font-size: 1rem;
  --utrecht-typography-scale-sm-font-size: 0.875rem;
  --utrecht-typography-scale-xs-font-size: 0.75rem;
  --utrecht-typography-scale-2xs-font-size: 0.5rem;
  --utrecht-typography-sans-serif-font-family:
    'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Arial', sans-serif;
  --utrecht-icon-scale-4xl: 48px;
  --utrecht-icon-scale-3xl: 36px;
  --utrecht-icon-scale-2xl: 30px;
  --utrecht-icon-scale-xl: 26px;
  --utrecht-icon-scale-lg: 24px;
  --utrecht-icon-scale-md: 16px;
  --utrecht-icon-scale-sm: 12px;
  --utrecht-icon-scale-xs: 8px;
  --utrecht-icon-scale-2xs: 4px;
  --utrecht-icon-scale-3xs: 1px;
  --utrecht-color-black: hsl(0 0% 0%);
  --utrecht-color-white: hsl(0 0% 100%);
  --utrecht-color-invalid: #990000;
  --utrecht-color-secondary-grey: #757575;
  --utrecht-color-secondary-brown: #ad643b;
  --utrecht-color-secondary-navy: #1c4181;
  --utrecht-color-secondary-blue: #006dff;
  --utrecht-color-secondary-cyan: #009ed4;
  --utrecht-color-secondary-green: #32ab27;
  --utrecht-color-secondary-lime: #99d000;
  --utrecht-color-secondary-yellow: #ffcc00;
  --utrecht-color-secondary-orange: #ff6e00;
  --utrecht-color-secondary-red: #cc0000;
  --utrecht-color-secondary-magenta: #f02198;
  --utrecht-color-secondary-purple: #762cd1;
  --utrecht-color-green-90: hsl(90 30% 90%);
  --utrecht-color-green-80: hsl(90 30% 80%);
  --utrecht-color-green-50: hsl(90 30% 50%);
  --utrecht-color-green-40: hsl(90 30% 38%);
  --utrecht-color-green-30: hsl(90 30% 30%);
  --utrecht-color-yellow-80: hsl(48 100% 80%);
  --utrecht-color-yellow-60: hsl(48 100% 60%);
  --utrecht-color-yellow-50: hsl(48 100% 50%);
  --utrecht-color-yellow-40: hsl(48 100% 40%);
  --utrecht-color-yellow-20: hsl(48 100% 20%);
  --utrecht-color-grey-95: hsl(0 0% 95%);
  --utrecht-color-grey-90: hsl(0 0% 90%);
  --utrecht-color-grey-80: hsl(0 0% 80%);
  --utrecht-color-grey-40: hsl(0 0% 40%);
  --utrecht-color-grey-30: hsl(0 0% 30%);
  --utrecht-color-grey-20: hsl(0 0% 20%);
  --utrecht-color-grey-15: hsl(0 0% 15%);
  --utrecht-color-grey-10: hsl(0 0% 10%);
  --utrecht-color-blue-90: hsl(211 60% 90%);
  --utrecht-color-blue-80: hsl(211 60% 80%);
  --utrecht-color-blue-60: hsl(211 60% 60%);
  --utrecht-color-blue-50: hsl(211 60% 50%);
  --utrecht-color-blue-40: hsl(211 60% 40%);
  --utrecht-color-blue-35: hsl(211 60% 35%);
  --utrecht-color-blue-30: hsl(211 60% 30%);
  --utrecht-color-blue-20: hsl(211 60% 20%);
  --utrecht-color-red-95: hsl(0 100% 95%);
  --utrecht-color-red-40: hsl(0 100% 40%);
  --utrecht-color-red-30: hsl(0 100% 30%);
  --utrecht-color-red-20: hsl(0 100% 20%);
  --utrecht-unordered-list-item-margin-block-end: 0.25rem;
  --utrecht-unordered-list-item-margin-block-start: 0.25rem;
  --utrecht-unordered-list-margin-block-end: 0;
  --utrecht-toptask-link-icon-size: 2.25rem;
  --utrecht-toptask-link-hover-transform-scale: 1.02;
  --utrecht-toptask-link-min-inline-size: 15rem;
  --utrecht-toptask-link-min-block-size: 8.25rem;
  --utrecht-toptask-link-line-height: 1.2;
  --utrecht-toptask-link-font-size: 1rem;
  --utrecht-textbox-border-bottom-width: 3px;
  --utrecht-textarea-border-bottom-width: 3px;
  --utrecht-table-footer-sticky-border-block-start-width: 2px;
  --utrecht-table-cell-icon-size: 1em;
  --utrecht-table-cell-padding-inline-start: 0.4em;
  --utrecht-table-cell-padding-inline-end: 0.4em;
  --utrecht-table-cell-padding-block-start: 0.5em;
  --utrecht-table-cell-padding-block-end: 0.5em;
  --utrecht-table-cell-line-height: 24px;
  --utrecht-table-header-sticky-border-block-end-width: 2px;
  --utrecht-table-caption-margin-block-end: 1em;
  --utrecht-table-caption-text-align: start;
  --utrecht-table-caption-font-size: 1.125em;
  --utrecht-table-margin-block-end: 0;
  --utrecht-separator-block-size: 8px;
  --utrecht-select-border-block-end-width: 3px;
  --utrecht-search-bar-dropdown-max-block-size: 300px;
  --utrecht-search-bar-dropdown-border-width: 1px;
  --utrecht-search-bar-input-background-size: 1em;
  --utrecht-search-bar-input-background-position-y: 50%;
  --utrecht-search-bar-input-background-position-x: 0.5em;
  --utrecht-search-bar-button-hover-scale: 1;
  --utrecht-search-bar-button-hover-background-color: hsl(359 65% 58%);
  --utrecht-radio-button-margin-inline-end: 12px;
  --utrecht-radio-button-border-radius: 0;
  --utrecht-radio-button-invalid-border-width: 2px;
  --utrecht-radio-button-icon-size: 42%;
  --utrecht-radio-button-size: 24px;
  --utrecht-radio-button-border-width: 2px;
  --utrecht-paragraph-margin-block-end: 0;
  --utrecht-pagination-relative-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-relative-link-distanced-margin-inline-end: 0.5em;
  --utrecht-pagination-relative-link-text-transform: uppercase;
  --utrecht-pagination-relative-link-text-decoration: none;
  --utrecht-pagination-relative-link-padding-block-start: 0.5em;
  --utrecht-pagination-relative-link-padding-block-end: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-start: 0.5em;
  --utrecht-pagination-relative-link-padding-inline-end: 0.5em;
  --utrecht-pagination-relative-link-border-width: 2px;
  --utrecht-pagination-page-link-border-color: transparent;
  --utrecht-pagination-page-link-distanced-margin-inline-start: 0.5em;
  --utrecht-pagination-page-link-text-decoration: none;
  --utrecht-pagination-page-link-padding-block-start: 0.5em;
  --utrecht-pagination-page-link-padding-block-end: 0.5em;
  --utrecht-pagination-page-link-padding-inline-start: 0.5em;
  --utrecht-pagination-page-link-padding-inline-end: 0.5em;
  --utrecht-pagination-page-link-border-width: 2px;
  --utrecht-pagination-page-link-background-color: transparent;
  --utrecht-pagination-margin-block-end: 1em;
  --utrecht-pagination-margin-block-start: 0;
  --utrecht-pagination-font-size: 14px;
  --utrecht-page-padding-inline-start: 2em;
  --utrecht-page-padding-block-end: 1em;
  --utrecht-page-padding-inline-end: 2em;
  --utrecht-page-padding-block-start: 1.8em;
  --utrecht-page-max-inline-size: 1184px;
  --utrecht-page-margin-inline-end: 2em;
  --utrecht-page-margin-inline-start: 2em;
  --utrecht-page-header-padding-block-start: 1.8em;
  --utrecht-page-header-padding-inline-start: 2em;
  --utrecht-page-header-padding-inline-end: 2.4em;
  --utrecht-page-header-padding-block-end: 1em;
  --utrecht-page-content-padding-block-end: 2em;
  --utrecht-page-content-padding-block-start: 2em;
  --utrecht-ordered-list-item-padding-inline-start: 0;
  --utrecht-ordered-list-item-margin-block-end: 0.25em;
  --utrecht-ordered-list-item-margin-block-start: 0.25em;
  --utrecht-ordered-list-padding-inline-start: 28.8px;
  --utrecht-ordered-list-margin-block-end: 1em;
  --utrecht-ordered-list-margin-block-start: 0;
  --utrecht-number-data-negative-color: red;
  --utrecht-number-data-positive-color: green;
  --utrecht-topnav-link-focus-text-decoration: none;
  --utrecht-topnav-link-focus-border-type: dotted;
  --utrecht-mapcontrolbutton-focus-text-decoration: none;
  --utrecht-mapcontrolbutton-border-radius: 2px;
  --utrecht-mapcontrolbutton-margin-inline-end: 0;
  --utrecht-mapcontrolbutton-margin-inline-start: 0;
  --utrecht-map-marker-icon-size: 30px;
  --utrecht-map-marker-box-shadow-color: rgb(0 0 0 / 20%);
  --utrecht-map-marker-border-width: 3px;
  --utrecht-map-marker-size: 48px;
  --utrecht-logo-min-inline-size: 110.57px;
  --utrecht-logo-min-block-size: 58.97px;
  --utrecht-logo-max-inline-size: 192px;
  --utrecht-logo-max-block-size: 103px;
  --utrecht-listbox-option-min-block-size: 44px;
  --utrecht-listbox-max-block-size: 300px;
  --utrecht-listbox-inline-size: 448px;
  --utrecht-list-social-item-margin-inline-end: 10px;
  --utrecht-link-icon-size: 1.2em;
  --utrecht-link-hover-text-decoration-thickness: 3px;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-focus-text-decoration: none;
  --utrecht-link-text-underline-offset: 3px;
  --utrecht-link-text-decoration: underline;
  --utrecht-link-social-icon-size: 26px;
  --utrecht-link-social-hover-transform-scale: 1.1;
  --utrecht-link-social-size: 40px;
  --utrecht-link-social-border-width: 2px;
  --utrecht-link-list-icon-size: 14px;
  --utrecht-link-list-link-text-decoration: none;
  --utrecht-icon-baseline-inset-block-start: 0.125em;
  --utrecht-icon-size: 48px;
  --utrecht-heading-5-margin-block-start: 1rem;
  --utrecht-heading-5-margin-block-end: 0.2rem;
  --utrecht-heading-4-margin-block-start: 1.2rem;
  --utrecht-heading-4-margin-block-end: 0.3rem;
  --utrecht-heading-3-margin-block-start: 1rem;
  --utrecht-heading-3-margin-block-end: 0.2rem;
  --utrecht-heading-2-margin-block-start: 1.5rem;
  --utrecht-heading-2-margin-block-end: 0.3rem;
  --utrecht-heading-1-margin-block-start: 0.67rem;
  --utrecht-heading-1-margin-block-end: 0.67rem;
  --utrecht-form-toggle-width: 48px;
  --utrecht-form-toggle-padding-inline-start: 0;
  --utrecht-form-toggle-padding-inline-end: 0;
  --utrecht-form-toggle-padding-block-start: 0;
  --utrecht-form-toggle-padding-block-end: 0;
  --utrecht-form-toggle-height: 24px;
  --utrecht-form-toggle-border-style: solid;
  --utrecht-form-toggle-focus-border-width: 2px;
  --utrecht-form-toggle-focus-border-style: dotted;
  --utrecht-form-toggle-thumb-disabled-box-shadow: 0;
  --utrecht-form-toggle-thumb-min-inline-size: 18px;
  --utrecht-form-toggle-thumb-margin-inline-end: 0.25em;
  --utrecht-form-toggle-thumb-margin-inline-start: 0.25em;
  --utrecht-form-toggle-border-width: 2px;
  --utrecht-form-toggle-border-radius: 10em;
  --utrecht-form-toggle-border-color: transparent;
  --utrecht-form-toggle-accent-color: hsla(0, 0%, 48%, 1);
  --utrecht-form-label-font-size: 1em;
  --utrecht-form-fieldset-legend-line-height: 1.4;
  --utrecht-form-fieldset-legend-font-size: 1rem;
  --utrecht-form-field-invalid-border-inline-start-width: 3px;
  --utrecht-form-control-read-only-border-color: transparent;
  --utrecht-form-control-block-size: 42px;
  --utrecht-form-control-padding-inline-start: 12px;
  --utrecht-form-control-padding-inline-end: 12px;
  --utrecht-form-control-padding-block-start: 8px;
  --utrecht-form-control-padding-block-end: 8px;
  --utrecht-form-control-max-inline-size: 28em;
  --utrecht-form-control-border-radius: 0;
  --utrecht-focus-outline-style: dotted;
  --utrecht-figure-caption-line-height: 20px;
  --utrecht-figure-caption-font-size: 14px;
  --utrecht-figure-caption-color: #727272;
  --utrecht-drawer-max-inline-size: 320px;
  --utrecht-drawer-max-block-size: 240px;
  --utrecht-drawer-border-width: 1px;
  --utrecht-document-line-height: 1.4;
  --utrecht-data-list-rows-column-min-inline-size: 25ch;
  --utrecht-data-list-rows-column-inline-size: 80%;
  --utrecht-space-column-5xl: 64px;
  --utrecht-space-column-4xl: 48px;
  --utrecht-space-column-3xl: 32px;
  --utrecht-space-column-2xl: 28px;
  --utrecht-space-column-xl: 24px;
  --utrecht-space-column-lg: 20px;
  --utrecht-space-column-md: 16px;
  --utrecht-space-column-sm: 12px;
  --utrecht-space-column-xs: 8px;
  --utrecht-space-column-2xs: 4px;
  --utrecht-space-column-3xs: 2px;
  --utrecht-space-column-4xs: 1px;
  --utrecht-space-row-5xl: 64px;
  --utrecht-space-row-4xl: 48px;
  --utrecht-space-row-3xl: 32px;
  --utrecht-space-row-2xl: 28px;
  --utrecht-space-row-xl: 24px;
  --utrecht-space-row-lg: 20px;
  --utrecht-space-row-md: 16px;
  --utrecht-space-row-sm: 12px;
  --utrecht-space-row-xs: 8px;
  --utrecht-space-row-2xs: 4px;
  --utrecht-space-row-3xs: 2px;
  --utrecht-space-row-4xs: 1px;
  --utrecht-space-text-3xl: 3ch;
  --utrecht-space-text-2xl: 2ch;
  --utrecht-space-text-xl: 1.75ch;
  --utrecht-space-text-lg: 1.5ch;
  --utrecht-space-text-md: 1ch;
  --utrecht-space-text-sm: 0.75ch;
  --utrecht-space-text-xs: 0.5ch;
  --utrecht-space-text-2xs: 0.25ch;
  --utrecht-space-text-3xs: 0.125ch;
  --utrecht-space-inline-4xl: 48px;
  --utrecht-space-inline-3xl: 32px;
  --utrecht-space-inline-2xl: 28px;
  --utrecht-space-inline-xl: 24px;
  --utrecht-space-inline-lg: 20px;
  --utrecht-space-inline-md: 16px;
  --utrecht-space-inline-sm: 12px;
  --utrecht-space-inline-xs: 8px;
  --utrecht-space-inline-2xs: 4px;
  --utrecht-space-inline-3xs: 2px;
  --utrecht-space-block-4xs: 1px;
  --utrecht-space-block-4xl: 64px;
  --utrecht-space-block-3xl: 48px;
  --utrecht-space-block-2xl: 32px;
  --utrecht-space-block-xl: 24px;
  --utrecht-space-block-lg: 20px;
  --utrecht-space-block-md: 16px;
  --utrecht-space-block-sm: 12px;
  --utrecht-space-block-xs: 8px;
  --utrecht-space-block-2xs: 4px;
  --utrecht-space-block-3xs: 2px;
  --utrecht-pointer-target-min-size: 44px;
  --utrecht-action-inert-cursor: default;
  --utrecht-action-activate-cursor: pointer;
  --utrecht-action-submit-cursor: pointer;
  --utrecht-action-navigate-cursor: pointer;
  --utrecht-action-disabled-cursor: not-allowed;
  --utrecht-action-busy-cursor: wait;
  --utrecht-column-layout-column-width: 350px;
  --utrecht-column-layout-column-rule-width: 2px;
  --utrecht-code-block-padding-inline-end: 20px;
  --utrecht-code-block-padding-inline-start: 20px;
  --utrecht-code-block-padding-block-end: 20px;
  --utrecht-code-block-padding-block-start: 20px;
  --utrecht-code-block-line-height: 24px;
  --utrecht-code-block-font-size: 16px;
  --utrecht-checkbox-margin-block-start: 0;
  --utrecht-checkbox-focus-border-width: 2px;
  --utrecht-checkbox-size: 24px;
  --utrecht-checkbox-border-width: 2px;
  --utrecht-checkbox-border-radius: 0;
  --utrecht-calendar-icon-size: 24px;
  --utrecht-calendar-navigation-label-min-inline-size: 200px;
  --utrecht-calendar-navigation-padding-block-end: 2px;
  --utrecht-calendar-navigation-padding-block-start: 2px;
  --utrecht-calendar-table-days-item-day-disabled-border-color: transparent;
  --utrecht-calendar-table-days-item-day-selected-border-color: transparent;
  --utrecht-calendar-table-days-item-day-emphasis-border-color: transparent;
  --utrecht-calendar-table-days-item-day-is-today-font-weight: 700;
  --utrecht-calendar-table-days-item-day-out-of-the-month-border-color: transparent;
  --utrecht-calendar-table-days-item-day-active-border-color: transparent;
  --utrecht-calendar-table-days-item-day-focus-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-color: transparent;
  --utrecht-calendar-table-days-item-day-border-width: 2px;
  --utrecht-calendar-table-days-item-day-size: 44px;
  --utrecht-calendar-table-weeks-item-line-height: 24px;
  --utrecht-calendar-table-weeks-item-padding-block-end: 10px;
  --utrecht-calendar-table-weeks-item-padding-block-start: 4px;
  --utrecht-calendar-table-weeks-item-width: 44px;
  --utrecht-button-subtle-disabled-background-color: transparent;
  --utrecht-button-subtle-font-weight: 700;
  --utrecht-button-subtle-border-color: transparent;
  --utrecht-button-subtle-background-color: transparent;
  --utrecht-button-primary-action-danger-hover-border-color: transparent;
  --utrecht-button-primary-action-danger-border-color: transparent;
  --utrecht-button-primary-action-warning-hover-border-color: transparent;
  --utrecht-button-primary-action-warning-border-color: transparent;
  --utrecht-button-primary-action-ready-hover-border-color: transparent;
  --utrecht-button-primary-action-ready-border-color: transparent;
  --utrecht-button-primary-action-hover-border-color: transparent;
  --utrecht-button-primary-action-border-color: transparent;
  --utrecht-button-hover-scale: 1.02;
  --utrecht-button-focus-scale: 1.02;
  --utrecht-button-margin-inline-end: 0;
  --utrecht-button-margin-inline-start: 0;
  --utrecht-button-border-width: 1px;
  --utrecht-button-border-radius: 0;
  --utrecht-breadcrumb-nav-divider-inline-size: 1px;
  --utrecht-breadcrumb-nav-link-text-decoration: none;
  --utrecht-breadcrumb-nav-link-hover-text-decoration: underline;
  --utrecht-breadcrumb-nav-link-focus-text-decoration: underline;
  --utrecht-breadcrumb-nav-min-block-size: 34px;
  --utrecht-blockquote-margin-block-end: 1.6em;
  --utrecht-blockquote-margin-block-start: 1.6em;
  --utrecht-blockquote-content-font-size: 1.125rem;
  --utrecht-blockquote-attribution-font-size: 0.75rem;
  --utrecht-blockquote-margin-inline-end: 1.6em;
  --utrecht-blockquote-margin-inline-start: 1.6em;
  --utrecht-badge-border-radius: 0;
  --utrecht-badge-counter-padding-inline: 1ex;
  --utrecht-badge-counter-padding-block: 1ex;
  --utrecht-badge-counter-font-size: 16px;
  --utrecht-backdrop-reduced-transparency-opacity: 0.98;
  --utrecht-backdrop-fade-in-animation-duration: 0.4s;
  --utrecht-backdrop-opacity: 0.8;
  --utrecht-article-max-inline-size: 780px;
  --utrecht-alert-dialog-min-inline-size: 320px;
  --utrecht-alert-dialog-min-block-size: 100px;
  --utrecht-alert-dialog-max-block-size: 80vh;
  --utrecht-accordion-panel-border-width: 2px;
  --utrecht-accordion-button-icon-size: 24px;
  --utrecht-accordion-button-hover-background-color: inherit;
  --utrecht-accordion-button-border-width: 0;
  --denhaag-process-steps-sub-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --denhaag-process-steps-sub-step-heading-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-sub-step-heading-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-description-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --denhaag-process-steps-step-description-color: var(--utrecht-color-black);
  --denhaag-process-steps-step-metadata-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-metadata-color: var(--utrecht-color-grey-15);
  --denhaag-process-steps-step-line-warning-color: var(--utrecht-color-invalid);
  --denhaag-process-steps-step-line-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-line-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-line-stroke-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-sub-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-sub-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-warning-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-warning-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-warning-border-color: var(
    --utrecht-color-invalid
  );
  --denhaag-process-steps-step-marker-checked-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-checked-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-checked-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-color: var(--utrecht-color-white);
  --denhaag-process-steps-step-marker-current-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-current-background-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-current-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-marker-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-marker-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --denhaag-process-steps-step-marker-color: var(--utrecht-color-green-30);
  --denhaag-process-steps-step-marker-border-width: var(
    --utrecht-border-width-md
  );
  --denhaag-process-steps-step-marker-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-marker-border-color: var(
    --utrecht-color-green-30
  );
  --denhaag-process-steps-step-heading-warning-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-not-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-checked-background-color: var(
    --utrecht-color-white
  );
  --denhaag-process-steps-step-heading-checked-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-current-color: var(
    --utrecht-color-black
  );
  --denhaag-process-steps-step-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --denhaag-process-steps-step-heading-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --denhaag-process-steps-step-heading-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --denhaag-process-steps-step-heading-color: var(--utrecht-color-black);
  --denhaag-process-steps-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-toptask-nav-gap: var(--utrecht-space-column-md);
  --utrecht-menulijst-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-menulijst-item-color: var(--utrecht-color-blue-35);
  --utrecht-unordered-list-marker-color: var(--utrecht-color-red-40);
  --utrecht-unordered-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-toptask-link-padding-inline-start: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-inline-end: var(--utrecht-space-inline-xl);
  --utrecht-toptask-link-padding-block-start: var(--utrecht-space-block-xl);
  --utrecht-toptask-link-padding-block-end: var(--utrecht-space-block-xl);
  --utrecht-textarea-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-table-footer-sticky-border-block-start-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-footer-sticky-color: var(--utrecht-color-black);
  --utrecht-table-footer-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-row-alternate-even-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-even-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-table-row-alternate-odd-color: var(--utrecht-color-black);
  --utrecht-table-row-alternate-odd-background-color: var(
    --utrecht-color-white
  );
  --utrecht-table-row-border-block-end-width: var(--utrecht-border-width-sm);
  --utrecht-table-row-border-block-end-color: var(--utrecht-color-grey-90);
  --utrecht-table-cell-selected-color: var(--utrecht-color-black);
  --utrecht-table-cell-selected-background-color: var(--utrecht-color-blue-90);
  --utrecht-table-header-sticky-border-block-end-color: var(
    --utrecht-color-red-40
  );
  --utrecht-table-header-sticky-color: var(--utrecht-color-black);
  --utrecht-table-header-sticky-background-color: var(--utrecht-color-white);
  --utrecht-table-header-border-block-end-width: var(--utrecht-border-width-md);
  --utrecht-table-header-border-block-end-color: var(--utrecht-color-red-40);
  --utrecht-table-header-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-caption-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-table-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-surface-color: var(--utrecht-color-grey-10);
  --utrecht-surface-background-color: var(--utrecht-color-grey-95);
  --utrecht-spotlight-section-warning-background-color: var(
    --utrecht-color-yellow-80
  );
  --utrecht-spotlight-section-info-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-spotlight-section-padding-inline-end: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-inline-start: var(
    --utrecht-space-inline-md
  );
  --utrecht-spotlight-section-padding-block-end: var(--utrecht-space-block-sm);
  --utrecht-spotlight-section-padding-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-spotlight-section-color: var(--utrecht-color-black);
  --utrecht-spotlight-section-background-color: var(--utrecht-color-grey-90);
  --utrecht-skip-link-focus-text-decoration: var(
    --utrecht-link-focus-text-decoration
  );
  --utrecht-skip-link-text-decoration: var(--utrecht-link-text-decoration);
  --utrecht-separator-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-separator-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-separator-color: var(--utrecht-color-grey-90);
  --utrecht-search-bar-list-item-is-selected-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-selected-color: var(--utrecht-color-black);
  --utrecht-search-bar-list-item-is-active-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-list-item-is-active-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-search-bar-list-item-is-active-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-search-bar-section-title-color: var(--utrecht-color-black);
  --utrecht-search-bar-section-title-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-section-title-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-search-bar-section-margin-block-end: var(--utrecht-space-inline-xs);
  --utrecht-search-bar-dropdown-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-search-bar-dropdown-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-input-padding-inline-start: var(
    --utrecht-space-inline-3xl
  );
  --utrecht-search-bar-input-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-search-bar-button-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-search-bar-button-color: var(--utrecht-color-white);
  --utrecht-search-bar-button-border-color: var(--utrecht-color-red-40);
  --utrecht-search-bar-button-background-color: var(--utrecht-color-red-40);
  --utrecht-radio-button-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-color: var(--utrecht-color-white);
  --utrecht-radio-button-disabled-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-radio-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-radio-button-focus-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-hover-background-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-focus-border-color: var(
    --utrecht-color-blue-20
  );
  --utrecht-radio-button-checked-hover-color: var(--utrecht-color-blue-90);
  --utrecht-radio-button-checked-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-active-color: var(--utrecht-color-blue-80);
  --utrecht-radio-button-checked-active-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-radio-button-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-radio-button-active-background-color: var(--utrecht-color-blue-80);
  --utrecht-pre-heading-margin-block-start: var(--utrecht-space-row-2xl);
  --utrecht-pre-heading-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-small-font-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-paragraph-lead-line-height: var(
    --utrecht-typography-line-height-md
  );
  --utrecht-paragraph-lead-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-lead-font-size: var(
    --utrecht-typography-scale-xl-font-size
  );
  --utrecht-paragraph-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-paragraph-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-paragraph-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-paragraph-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-paragraph-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-pagination-relative-link-border-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-relative-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-relative-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-relative-link-color: var(--utrecht-color-blue-35);
  --utrecht-pagination-relative-link-background-color: var(
    --utrecht-color-white
  );
  --utrecht-pagination-page-link-hover-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-hover-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-hover-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-color: var(--utrecht-color-white);
  --utrecht-pagination-page-link-current-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-current-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-pagination-page-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-pagination-page-link-color: var(--utrecht-color-blue-35);
  --utrecht-page-color: var(--utrecht-color-black);
  --utrecht-page-background-color: var(--utrecht-color-white);
  --utrecht-page-footer-padding-block-start: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-block-end: var(--utrecht-space-block-3xl);
  --utrecht-page-footer-padding-inline-start: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-padding-inline-end: var(--utrecht-space-inline-2xl);
  --utrecht-page-footer-background-image: linear-gradient(
    45deg,
    var(--utrecht-color-red-40),
    var(--utrecht-color-red-40) 50%,
    #d63433 50%
  );
  --utrecht-page-footer-background-color: var(--utrecht-color-red-40);
  --utrecht-page-footer-color: var(--utrecht-color-white);
  --utrecht-topnav-link-hover-background-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-outline-color: var(--utrecht-color-black);
  --utrecht-topnav-link-focus-background-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-box-shadow-color: var(--utrecht-color-yellow-80);
  --utrecht-topnav-link-focus-color: var(--utrecht-color-black);
  --utrecht-topnav-link-background-color: var(--utrecht-color-blue-40);
  --utrecht-topnav-link-color: var(--utrecht-color-white);
  --utrecht-topnav-list-border-color: var(--utrecht-color-grey-40);
  --utrecht-topnav-list-background-color: var(--utrecht-color-grey-15);
  --utrecht-sidenav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-link-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-marker-hover-color: var(--utrecht-color-blue-50);
  --utrecht-sidenav-item-marker-color: var(--utrecht-color-grey-80);
  --utrecht-sidenav-item-hover-color: var(--utrecht-color-blue-40);
  --utrecht-sidenav-item-margin-inline-end: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-inline-start: var(--utrecht-space-inline-3xs);
  --utrecht-sidenav-item-margin-block-end: var(--utrecht-space-block-xs);
  --utrecht-sidenav-item-margin-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-nav-bar-link-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-link-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-nav-bar-content-max-inline-size: var(
    --utrecht-page-max-inline-size
  );
  --utrecht-nav-bar-color: var(--utrecht-color-black);
  --utrecht-nav-bar-background-color: var(--utrecht-color-white);
  --utrecht-mark-color: var(--utrecht-color-black);
  --utrecht-mark-background-color: var(--utrecht-color-yellow-60);
  --utrecht-mapcontrolbutton-hover-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-hover-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-focus-color: var(--utrecht-color-black);
  --utrecht-mapcontrolbutton-label-margin-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-label-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-mapcontrolbutton-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-border-style: var(--utrecht-border-style-solid);
  --utrecht-mapcontrolbutton-border-color: var(--utrecht-color-grey-40);
  --utrecht-mapcontrolbutton-background-color: var(--utrecht-color-white);
  --utrecht-mapcontrolbutton-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-mapcontrolbutton-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-mapcontrolbutton-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-mapcontrolbutton-padding-inline-end: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-inline-start: var(
    --utrecht-space-inline-2xs
  );
  --utrecht-mapcontrolbutton-padding-block-end: var(--utrecht-space-block-2xs);
  --utrecht-mapcontrolbutton-padding-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-mapcontrolbutton-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-mapcontrolbutton-min-inline-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-min-block-size: var(--utrecht-space-block-2xl);
  --utrecht-mapcontrolbutton-border-width: var(--utrecht-border-width-sm);
  --utrecht-map-marker-border-color: var(--utrecht-color-white);
  --utrecht-map-marker-color: var(--utrecht-color-white);
  --utrecht-map-marker-background-color: var(--utrecht-color-blue-30);
  --utrecht-listbox-option-group-title-margin-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-listbox-option-group-title-color: var(--utrecht-color-black);
  --utrecht-listbox-option-group-title-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-listbox-option-group-title-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-listbox-option-group-margin-block-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-listbox-option-hover-background-color: var(--utrecht-color-blue-90);
  --utrecht-listbox-option-hover-color: var(--utrecht-color-black);
  --utrecht-listbox-option-selected-color: var(--utrecht-color-black);
  --utrecht-listbox-option-selected-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-listbox-option-active-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-listbox-option-active-color: var(--utrecht-color-black);
  --utrecht-listbox-option-active-background-color: var(
    --utrecht-color-grey-95
  );
  --utrecht-listbox-option-padding-inline-start: var(--utrecht-space-inline-xs);
  --utrecht-listbox-option-padding-inline-end: var(--utrecht-space-inline-xs);
  --utrecht-listbox-option-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-listbox-option-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-listbox-background-color: var(--utrecht-color-white);
  --utrecht-link-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-link-color: var(--utrecht-color-blue-35);
  --utrecht-link-social-color: var(--utrecht-color-white);
  --utrecht-link-social-margin-inline-start: var(--utrecht-space-inline-sm);
  --utrecht-link-social-border-color: var(--utrecht-color-white);
  --utrecht-link-social-background-color: var(--utrecht-color-red-40);
  --utrecht-link-list-link-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-link-list-link-column-gap: var(--utrecht-space-block-xs);
  --utrecht-link-list-row-gap: var(--utrecht-space-block-xs);
  --utrecht-index-char-nav-link-current-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-index-char-nav-gap: var(--utrecht-space-column-sm);
  --utrecht-index-char-nav-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-index-char-nav-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-heading-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-6-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-6-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-6-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-6-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-5-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-5-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-5-font-size: var(--utrecht-typography-scale-sm-font-size);
  --utrecht-heading-5-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-4-line-height: var(--utrecht-typography-line-height-md);
  --utrecht-heading-4-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-4-font-size: var(--utrecht-typography-scale-lg-font-size);
  --utrecht-heading-4-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-3-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-3-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-heading-3-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-3-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-2-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-2-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-2-font-size: var(--utrecht-typography-scale-xl-font-size);
  --utrecht-heading-2-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-heading-1-line-height: var(--utrecht-typography-line-height-sm);
  --utrecht-heading-1-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-heading-1-font-size: var(--utrecht-typography-scale-4xl-font-size);
  --utrecht-heading-1-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-form-toggle-focus-border-color: var(--utrecht-color-black);
  --utrecht-form-toggle-checked-accent-color: var(--utrecht-color-blue-35);
  --utrecht-form-toggle-thumb-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-form-toggle-thumb-background-color: var(--utrecht-color-white);
  --utrecht-form-toggle-track-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-toggle-track-border-radius: var(
    --utrecht-form-toggle-border-radius
  );
  --utrecht-form-toggle-color: var(--utrecht-color-black);
  --utrecht-form-toggle-background-color: var(--utrecht-color-white);
  --utrecht-form-label-radio-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-checkbox-font-weight: var(
    --utrecht-typography-weight-scale-normal-font-weight
  );
  --utrecht-form-label-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-legend-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-form-fieldset-legend-margin-block-start: var(
    --utrecht-space-block-xl
  );
  --utrecht-form-fieldset-legend-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-fieldset-legend-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-form-fieldset-section-color: var(--utrecht-color-black);
  --utrecht-form-fieldset-section-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-form-fieldset-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-fieldset-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-description-margin-block-end: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-description-margin-block-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-label-margin-block-end: var(--utrecht-space-block-sm);
  --utrecht-form-field-invalid-padding-inline-start: var(
    --utrecht-space-block-sm
  );
  --utrecht-form-field-margin-block-end: var(--utrecht-space-block-2xs);
  --utrecht-form-field-margin-block-start: var(--utrecht-space-block-2xs);
  --utrecht-form-control-read-only-color: var(--utrecht-color-grey-20);
  --utrecht-form-control-read-only-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-form-control-focus-border-color: var(--utrecht-color-grey-80);
  --utrecht-form-control-placeholder-font-style: var(
    --utrecht-typography-font-style-normal
  );
  --utrecht-form-control-placeholder-color: var(--utrecht-color-grey-40);
  --utrecht-form-control-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-form-control-color: var(--utrecht-color-black);
  --utrecht-form-control-border-width: var(--utrecht-border-width-sm);
  --utrecht-form-control-border-color: var(--utrecht-color-grey-30);
  --utrecht-form-control-background-color: var(--utrecht-color-white);
  --utrecht-focus-inverse-outline-color: var(--utrecht-color-white);
  --utrecht-focus-outline-width: var(--utrecht-border-width-md);
  --utrecht-focus-outline-color: var(--utrecht-color-black);
  --utrecht-focus-background-color: var(--utrecht-color-yellow-60);
  --utrecht-emphasis-strong-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-drawer-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-drawer-padding-block-start: var(--utrecht-space-block-md);
  --utrecht-drawer-padding-block-end: var(--utrecht-space-block-md);
  --utrecht-drawer-border-color: var(--utrecht-color-grey-90);
  --utrecht-document-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-document-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-document-color: var(--utrecht-color-black);
  --utrecht-document-background-color: var(--utrecht-color-white);
  --utrecht-data-placeholder-background-color: var(--utrecht-color-grey-40);
  --utrecht-data-list-rows-item-value-margin-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-data-list-rows-item-margin-block-start: var(
    --utrecht-space-block-md
  );
  --utrecht-data-list-item-key-font-weight: var(
    --utrecht-typography-weight-scale-bold-font-weight
  );
  --utrecht-data-list-margin-block-start: var(--utrecht-space-block-md);
  --utrecht-data-list-margin-block-end: var(--utrecht-space-block-md);
  --utrecht-feedback-active-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-inactive-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-success-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-error-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-valid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-invalid-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-border-color: var(--utrecht-color-invalid);
  --utrecht-feedback-invalid-background-color: var(--utrecht-color-invalid);
  --utrecht-feedback-safe-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-safe-color: var(--utrecht-color-green-50);
  --utrecht-feedback-warning-fill-color: var(--utrecht-color-black);
  --utrecht-feedback-warning-color: var(--utrecht-color-yellow-50);
  --utrecht-feedback-danger-fill-color: var(--utrecht-color-white);
  --utrecht-feedback-danger-color: var(--utrecht-color-red-40);
  --utrecht-column-layout-gap: var(--utrecht-space-column-md);
  --utrecht-column-layout-column-rule-color: var(--utrecht-color-grey-80);
  --utrecht-code-block-margin-block-end: var(--utrecht-space-block-lg);
  --utrecht-code-block-margin-block-start: var(--utrecht-space-block-lg);
  --utrecht-code-block-color: var(--utrecht-color-black);
  --utrecht-code-block-background-color: var(--utrecht-color-grey-95);
  --utrecht-checkbox-indeterminate-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-checkbox-checked-background-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-checked-border-color: var(--utrecht-color-blue-40);
  --utrecht-checkbox-disabled-background-color: var(--utrecht-color-grey-80);
  --utrecht-checkbox-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-calendar-navigation-label-font-size: var(
    --utrecht-typography-scale-lg-font-size
  );
  --utrecht-calendar-navigation-label-color: var(--utrecht-color-black);
  --utrecht-calendar-navigation-color: var(--utrecht-color-blue-30);
  --utrecht-calendar-table-days-item-day-disabled-color: var(
    --utrecht-color-grey-40
  );
  --utrecht-calendar-table-days-item-day-selected-color: var(
    --utrecht-color-white
  );
  --utrecht-calendar-table-days-item-day-selected-background-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-border-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-calendar-table-days-item-day-is-today-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-calendar-table-days-item-day-is-today-background-color: var(
    --utrecht-color-blue-90
  );
  --utrecht-calendar-table-days-item-day-out-of-the-month-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-calendar-table-days-item-day-hover-border-color: var(
    --utrecht-color-black
  );
  --utrecht-calendar-table-days-item-day-hover-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-calendar-table-days-item-day-color: var(--utrecht-color-black);
  --utrecht-button-subtle-ready-focus-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-hover-color: var(--utrecht-color-green-40);
  --utrecht-button-subtle-ready-color: var(--utrecht-color-green-50);
  --utrecht-button-subtle-danger-focus-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-hover-color: var(--utrecht-color-red-30);
  --utrecht-button-subtle-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-subtle-focus-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-focus-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-hover-border-color: var(--utrecht-color-blue-40);
  --utrecht-button-subtle-hover-background-color: var(--utrecht-color-white);
  --utrecht-button-subtle-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-subtle-active-color: var(--utrecht-color-white);
  --utrecht-button-subtle-active-background-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-color: var(--utrecht-color-blue-35);
  --utrecht-button-subtle-border-width: var(--utrecht-border-width-md);
  --utrecht-button-secondary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-hover-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-secondary-action-ready-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-ready-border-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-secondary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-hover-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-secondary-action-warning-color: var(--utrecht-color-grey-40);
  --utrecht-button-secondary-action-warning-border-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-secondary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-hover-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-secondary-action-danger-color: var(--utrecht-color-red-40);
  --utrecht-button-secondary-action-danger-border-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-secondary-action-hover-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-hover-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-secondary-action-hover-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-disabled-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-secondary-action-disabled-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-active-color: var(--utrecht-color-blue-30);
  --utrecht-button-secondary-action-active-border-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-button-secondary-action-active-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-secondary-action-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-secondary-action-border-color: var(--utrecht-color-blue-35);
  --utrecht-button-secondary-action-background-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-focus-border-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-focus-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-hover-color: var(
    --utrecht-color-white
  );
  --utrecht-button-primary-action-danger-hover-background-color: var(
    --utrecht-color-red-30
  );
  --utrecht-button-primary-action-danger-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-danger-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-danger-background-color: var(
    --utrecht-color-red-40
  );
  --utrecht-button-primary-action-warning-focus-border-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-focus-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-hover-color: var(
    --utrecht-color-black
  );
  --utrecht-button-primary-action-warning-hover-background-color: var(
    --utrecht-color-yellow-40
  );
  --utrecht-button-primary-action-warning-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-warning-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-warning-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-button-primary-action-ready-focus-border-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-focus-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-ready-hover-background-color: var(
    --utrecht-color-green-40
  );
  --utrecht-button-primary-action-ready-disabled-border-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-ready-color: var(--utrecht-color-black);
  --utrecht-button-primary-action-ready-background-color: var(
    --utrecht-color-green-50
  );
  --utrecht-button-primary-action-focus-border-width: var(
    --utrecht-border-width-md
  );
  --utrecht-button-primary-action-focus-border-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-focus-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-hover-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-hover-background-color: var(
    --utrecht-color-blue-40
  );
  --utrecht-button-primary-action-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-primary-action-disabled-border-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-button-primary-action-disabled-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-button-primary-action-active-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-active-border-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-button-primary-action-active-background-color: var(
    --utrecht-color-blue-30
  );
  --utrecht-button-primary-action-color: var(--utrecht-color-white);
  --utrecht-button-primary-action-border-width: var(--utrecht-border-width-md);
  --utrecht-button-primary-action-background-color: var(
    --utrecht-color-blue-35
  );
  --utrecht-button-disabled-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-border-color: var(--utrecht-color-grey-80);
  --utrecht-button-disabled-background-color: var(--utrecht-color-grey-90);
  --utrecht-button-icon-gap: var(--utrecht-space-text-xs);
  --utrecht-button-active-color: var(--utrecht-color-white);
  --utrecht-button-active-background-color: var(--utrecht-color-grey-40);
  --utrecht-button-padding-inline-end: var(--utrecht-space-inline-md);
  --utrecht-button-padding-inline-start: var(--utrecht-space-inline-md);
  --utrecht-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-button-margin-block-end: var(--utrecht-space-row-xs);
  --utrecht-button-margin-block-start: var(--utrecht-space-row-xs);
  --utrecht-button-font-size: var(--utrecht-typography-scale-md-font-size);
  --utrecht-button-font-family: var(
    --utrecht-typography-sans-serif-font-family
  );
  --utrecht-button-color: var(--utrecht-color-grey-40);
  --utrecht-button-border-color: var(--utrecht-color-grey-40);
  --utrecht-button-background-color: var(--utrecht-color-white);
  --utrecht-breadcrumb-nav-arrows-link-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-focus-color: var(--utrecht-color-black);
  --utrecht-breadcrumb-nav-arrows-link-background-color: var(
    --utrecht-color-grey-90
  );
  --utrecht-breadcrumb-nav-separator-icon-size: var(
    --utrecht-typography-scale-sm-font-size
  );
  --utrecht-breadcrumb-nav-separator-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-link-icon-size: var(--utrecht-icon-scale-md);
  --utrecht-breadcrumb-nav-link-disabled-color: var(--utrecht-color-grey-40);
  --utrecht-breadcrumb-nav-link-hover-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-focus-color: var(--utrecht-color-blue-40);
  --utrecht-breadcrumb-nav-link-color: var(--utrecht-color-blue-35);
  --utrecht-breadcrumb-nav-item-padding-inline-start: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-inline-end: var(
    --utrecht-space-inline-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-end: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-item-padding-block-start: var(
    --utrecht-space-block-xs
  );
  --utrecht-breadcrumb-nav-font-size: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-blockquote-content-color: var(--utrecht-color-red-40);
  --utrecht-badge-font-style: var(--utrecht-typography-font-style-normal);
  --utrecht-badge-padding-inline: var(--utrecht-space-inline-sm);
  --utrecht-badge-padding-block: var(--utrecht-space-block-xs);
  --utrecht-badge-color: var(--utrecht-color-white);
  --utrecht-badge-background-color: var(--utrecht-color-grey-30);
  --utrecht-badge-list-item-margin-inline: var(--utrecht-space-block-sm);
  --utrecht-badge-list-item-margin-block: var(--utrecht-space-block-xs);
  --utrecht-badge-counter-font-style: var(
    --utrecht-typography-scale-md-font-size
  );
  --utrecht-badge-counter-color: var(--utrecht-color-white);
  --utrecht-badge-counter-border-radius: var(--utrecht-badge-counter-font-size);
  --utrecht-badge-counter-background-color: var(--utrecht-color-red-40);
  --utrecht-backdrop-color: var(--utrecht-color-black);
  --utrecht-backdrop-background-color: var(--utrecht-color-white);
  --utrecht-alert-icon-ok-color: var(--utrecht-color-green-40);
  --utrecht-alert-icon-warning-color: var(--utrecht-color-yellow-40);
  --utrecht-alert-icon-error-color: var(--utrecht-color-red-40);
  --utrecht-alert-icon-info-color: var(--utrecht-color-blue-35);
  --utrecht-alert-icon-gap: var(--utrecht-space-column-md);
  --utrecht-alert-icon-color: var(--utrecht-color-blue-35);
  --utrecht-alert-ok-color: var(--utrecht-color-black);
  --utrecht-alert-ok-background-color: var(--utrecht-color-green-90);
  --utrecht-alert-error-color: var(--utrecht-color-black);
  --utrecht-alert-error-background-color: var(--utrecht-color-red-95);
  --utrecht-alert-warning-color: var(--utrecht-color-black);
  --utrecht-alert-warning-background-color: var(--utrecht-color-yellow-80);
  --utrecht-alert-info-color: var(--utrecht-color-black);
  --utrecht-alert-info-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-padding-inline-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-inline-start: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-end: var(--utrecht-space-block-lg);
  --utrecht-alert-padding-block-start: var(--utrecht-space-block-lg);
  --utrecht-alert-color: var(--utrecht-color-black);
  --utrecht-alert-background-color: var(--utrecht-color-blue-90);
  --utrecht-alert-dialog-max-inline-size: var(
    --utrecht-article-max-inline-size
  );
  --utrecht-accordion-section-margin-block-start: var(
    --utrecht-space-block-2xs
  );
  --utrecht-accordion-panel-padding-inline-end: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-inline-start: var(--utrecht-space-block-md);
  --utrecht-accordion-panel-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-panel-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-icon-utrecht-background-color: var(
    --utrecht-color-yellow-50
  );
  --utrecht-accordion-button-focus-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-focus-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-focus-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-active-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-active-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-active-background-color: var(
    --utrecht-color-grey-80
  );
  --utrecht-accordion-button-hover-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-hover-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-border-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-color: var(--utrecht-color-grey-10);
  --utrecht-accordion-button-background-color: var(--utrecht-color-grey-95);
  --utrecht-accordion-button-padding-block-start: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-block-end: var(--utrecht-space-block-xs);
  --utrecht-accordion-button-padding-inline-start: var(
    --utrecht-space-block-md
  );
  --utrecht-accordion-button-padding-inline-end: var(--utrecht-space-block-md);
  --of-progress-indicator-background-color: var(
    --utrecht-document-background-color
  );
  --of-page-footer-fg: var(--utrecht-page-footer-color);
  --of-page-footer-bg: var(--utrecht-page-footer-background-color);
  --of-layout-background: var(--utrecht-document-background-color);
  --denhaag-process-steps-sub-step-line-color: var(
    --denhaag-process-steps-step-line-color
  );
  --utrecht-toptask-link-hover-color: var(
    --utrecht-button-primary-action-hover-color
  );
  --utrecht-toptask-link-hover-background-color: var(
    --utrecht-button-primary-action-hover-background-color
  );
  --utrecht-toptask-link-color: var(--utrecht-button-primary-action-color);
  --utrecht-toptask-link-background-color: var(
    --utrecht-button-primary-action-background-color
  );
  --utrecht-skip-link-focus-background-color: var(
    --utrecht-topnav-link-focus-background-color
  );
  --utrecht-skip-link-focus-color: var(--utrecht-topnav-link-focus-color);
  --utrecht-skip-link-padding-inline-end: var(
    --utrecht-button-padding-inline-end
  );
  --utrecht-skip-link-padding-inline-start: var(
    --utrecht-button-padding-inline-start
  );
  --utrecht-skip-link-padding-block-end: var(
    --utrecht-button-padding-block-end
  );
  --utrecht-skip-link-padding-block-start: var(
    --utrecht-button-padding-block-start
  );
  --utrecht-skip-link-color: var(--utrecht-topnav-link-color);
  --utrecht-skip-link-background-color: var(
    --utrecht-topnav-list-background-color
  );
  --utrecht-radio-button-border-color: var(--utrecht-form-control-border-color);
  --utrecht-radio-button-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-paragraph-lead-color: var(--utrecht-document-color);
  --utrecht-listbox-border-width: var(--utrecht-form-control-border-width);
  --utrecht-listbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-link-visited-color: var(--utrecht-link-color);
  --utrecht-link-hover-color: var(--utrecht-link-focus-color);
  --utrecht-link-active-color: var(--utrecht-link-color);
  --utrecht-form-field-error-message-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-field-description-warning-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-form-field-description-invalid-color: var(
    --utrecht-feedback-invalid-color
  );
  --utrecht-form-control-invalid-border-color: var(
    --utrecht-feedback-invalid-border-color
  );
  --utrecht-form-control-font-family: var(--utrecht-document-font-family);
  --utrecht-drawer-color: var(--utrecht-document-color);
  --utrecht-drawer-background-color: var(--utrecht-document-background-color);
  --utrecht-feedback-active-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-inactive-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-success-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-error-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-valid-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-invalid-fill-background-color: var(
    --utrecht-feedback-invalid-background-color
  );
  --utrecht-feedback-safe-border-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-safe-background-color: var(--utrecht-feedback-safe-color);
  --utrecht-feedback-warning-border-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-warning-background-color: var(
    --utrecht-feedback-warning-color
  );
  --utrecht-feedback-danger-border-color: var(--utrecht-feedback-danger-color);
  --utrecht-feedback-danger-background-color: var(
    --utrecht-feedback-danger-color
  );
  --utrecht-checkbox-color: var(--utrecht-form-control-color);
  --utrecht-checkbox-border-color: var(--utrecht-form-control-border-color);
  --utrecht-checkbox-background-color: var(
    --utrecht-form-control-background-color
  );
  --utrecht-button-subtle-pressed-color: var(
    --utrecht-button-subtle-active-color
  );
  --utrecht-button-subtle-pressed-background-color: var(
    --utrecht-button-subtle-active-background-color
  );
  --utrecht-button-secondary-action-pressed-color: var(
    --utrecht-button-secondary-action-active-color
  );
  --utrecht-button-secondary-action-pressed-background-color: var(
    --utrecht-button-secondary-action-active-background-color
  );
  --utrecht-button-primary-action-pressed-color: var(
    --utrecht-button-primary-action-active-color
  );
  --utrecht-button-primary-action-pressed-border-color: var(
    --utrecht-button-primary-action-active-border-color
  );
  --utrecht-button-primary-action-pressed-background-color: var(
    --utrecht-button-primary-action-active-background-color
  );
  --utrecht-button-pressed-color: var(--utrecht-button-active-color);
  --utrecht-button-pressed-background-color: var(
    --utrecht-button-active-background-color
  );
  --utrecht-breadcrumb-nav-arrows-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --utrecht-breadcrumb-nav-link-focus-background-color: var(
    --utrecht-focus-background-color
  );
  --of-layout-bg: var(--of-layout-background);
  --utrecht-radio-button-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-invalid-border-inline-start-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-form-field-description-valid-color: var(
    --utrecht-feedback-valid-color
  );
  --utrecht-feedback-active-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-active-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-inactive-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-inactive-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-success-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-success-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-error-border-color: var(
    --utrecht-feedback-danger-border-color
  );
  --utrecht-feedback-error-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-feedback-valid-border-color: var(
    --utrecht-feedback-safe-border-color
  );
  --utrecht-feedback-valid-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-safe-fill-background-color: var(
    --utrecht-feedback-safe-background-color
  );
  --utrecht-feedback-warning-fill-background-color: var(
    --utrecht-feedback-warning-background-color
  );
  --utrecht-feedback-danger-fill-background-color: var(
    --utrecht-feedback-danger-background-color
  );
  --utrecht-checkbox-invalid-border-color: var(
    --utrecht-form-control-invalid-border-color
  );
  --utrecht-feedback-active-fill-background-color: var(
    --utrecht-feedback-active-background-color
  );
  --utrecht-feedback-inactive-fill-background-color: var(
    --utrecht-feedback-inactive-background-color
  );
  --utrecht-feedback-success-fill-background-color: var(
    --utrecht-feedback-success-background-color
  );
  --utrecht-feedback-error-fill-background-color: var(
    --utrecht-feedback-error-background-color
  );
  --utrecht-feedback-valid-fill-background-color: var(
    --utrecht-feedback-valid-background-color
  );
}
.osc .banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(
    --nlds-banner-background-color,
    var(--nlds-default-background-color, #f0f4f8)
  );
}
.osc .banner > p {
  color: var(--osc-card-foreground);
}
.osc .banner.big {
  justify-content: center;
  padding: 3rem 2rem;
  border: 1px solid
    var(--nlds-banner-border-color, var(--nlds-default-border-color, #f0f4f8));
  border-radius: 0.5rem;
}
.osc .checkbox {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  border: 1px solid var(--osc-secondary);
  border-radius: 0.5rem;
}
.osc .checkbox.checked {
  background-color: var(--osc-secondary);
  color: var(--osc-secondary-foreground);
}
.DropdownMenuContent,
.DropdownMenuSubContent {
  background-color: #fff;
  border-radius: 6px;
  padding: 1rem;
  box-shadow:
    0 10px 38px -10px #16171859,
    0 10px 20px -15px #16171833;
  animation-duration: 0.4s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
  margin: 10px;
}
.DropdownMenuContent[data-side='top'],
.DropdownMenuSubContent[data-side='top'] {
  animation-name: slideDownAndFade;
}
.DropdownMenuContent[data-side='right'],
.DropdownMenuSubContent[data-side='right'] {
  animation-name: slideLeftAndFade;
}
.DropdownMenuContent[data-side='bottom'],
.DropdownMenuSubContent[data-side='bottom'] {
  animation-name: slideUpAndFade;
}
.DropdownMenuContent[data-side='left'],
.DropdownMenuSubContent[data-side='left'] {
  animation-name: slideRightAndFade;
}
.DropdownMenuItem,
.DropdownMenuCheckboxItem,
.DropdownMenuRadioItem,
.DropdownMenuSubTrigger {
  font-size: 13px;
  line-height: 1;
  color: var(--violet-11);
  border-radius: 3px;
  display: flex;
  align-items: center;
  height: 25px;
  padding: 0 5px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
}
.DropdownMenuSubTrigger[data-state='open'] {
  background-color: var(--primary);
  color: var(--primary-foreground);
}
.DropdownMenuItem[data-disabled],
.DropdownMenuCheckboxItem[data-disabled],
.DropdownMenuRadioItem[data-disabled],
.DropdownMenuSubTrigger[data-disabled] {
  color: var(--mauve-8);
  pointer-events: none;
}
.DropdownMenuItem[data-highlighted],
.DropdownMenuCheckboxItem[data-highlighted],
.DropdownMenuRadioItem[data-highlighted],
.DropdownMenuSubTrigger[data-highlighted] {
  background-color: var(--primary);
  color: var(--primary-foreground);
}
.DropdownMenuLabel {
  padding-left: 25px;
  font-size: 12px;
  line-height: 25px;
  color: var(--mauve-11);
}
.DropdownMenuSeparator {
  height: 1px;
  background-color: var(--primary);
  margin: 5px;
}
.DropdownMenuItemIndicator {
  position: absolute;
  left: 0;
  width: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.DropdownMenuArrow {
  fill: #fff;
}
.IconButton {
  font-family: inherit;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  background-color: #fff;
  box-shadow: 0 2px 10px var(--black-a7);
}
.IconButton:hover {
  background-color: var(--primary);
}
.IconButton:focus {
  box-shadow: 0 0 0 2px #000;
}
.RightSlot {
  margin-left: auto;
  padding-left: 20px;
  color: var(--primary);
}
[data-highlighted] > .RightSlot {
  color: #fff;
}
[data-disabled] .RightSlot {
  cursor: not-allowed;
  opacity: 0.5;
}
@keyframes slideUpAndFade {
  0% {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideRightAndFade {
  0% {
    opacity: 0;
    transform: translate(-2px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes slideDownAndFade {
  0% {
    opacity: 0;
    transform: translateY(-2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideLeftAndFade {
  0% {
    opacity: 0;
    transform: translate(2px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
.DropdownMenuContent button,
.DropdownMenuSubContent button {
  width: 100%;
  max-width: unset;
}
.osc .image-container {
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  overflow: clip;
  background: #212529;
}
.osc .image-container.selected {
  border: 4px solid var(--osc-primary);
}
.osc .image-container > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.osc .image-container > .osc-image-footer {
  display: flex;
  width: 100%;
  position: relative;
  bottom: 0;
  gap: 1rem;
  box-sizing: border-box;
  background: var(
    --nlds-figcaption-background-color,
    var(--utrecht-button-primary-action-background-color)
  );
  color: var(
    --nlds-figcaption-color,
    var(--utrecht-button-primary-action-color)
  );
}
.osc .image-container > .osc-image-footer p {
  color: inherit;
  padding: 1rem;
}
.osc .image-container > .osc-image-header {
  display: flex;
  width: 100%;
  position: absolute;
  top: 0;
  gap: 1rem;
  box-sizing: border-box;
  padding: 0.5rem;
}
.osc .osc-image-footer > * {
  flex-grow: 1;
}
.osc.osc-resource-detail-column-container .carousel-button-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 16 / 9;
}
.osc.osc-resource-detail-column-container
  .carousel-button-container
  .osc-carousel-navigation-button-wrapper {
  top: 50%;
  transform: translateY(-50%);
}
.osc .osc-imageselect {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
.osc .osc-imageselect p {
  color: #000 !important;
}
.osc .osc-imageselect-item {
  display: flex;
  flex-direction: column;
  background: white;
  width: 50%;
  gap: 0.5rem;
  padding: 0.2rem;
  border-radius: 4px;
  border: 2px solid transparent;
  cursor: pointer;
}
.osc .osc-imageselect-item-selected {
  border: 2px solid var(--osc-secondary);
}
input[type='radio'].osc-imageselect-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}
.osc-imageselect-image {
  object-fit: cover;
  border-radius: 0;
}
.osc .multi-select {
  background-color: var(--osc-background);
}
.osc .multi-select button {
  width: 100%;
  justify-content: space-between;
  background-color: var(
    --utrecht-textbox-background-color,
    var(--utrecht-form-control-background-color)
  );
  block-size: initial;
  border-width: var(
    --utrecht-textbox-border-width,
    var(--utrecht-form-control-border-width)
  );
  border-block-end-width: var(
    --utrecht-textbox-border-bottom-width,
    var(
      --utrecht-textbox-border-width,
      var(--utrecht-form-control-border-width)
    )
  );
  border-color: var(
    --utrecht-textbox-border-color,
    var(--utrecht-form-control-border-color)
  );
  border-radius: var(
    --utrecht-textbox-border-radius,
    var(--utrecht-form-control-border-radius, 0)
  );
  border-style: solid;
  box-sizing: border-box;
  color: var(--utrecht-textbox-color, var(--utrecht-form-control-color));
  font-family: var(
    --utrecht-textbox-font-family,
    var(--utrecht-form-control-font-family)
  );
  font-size: var(
    --utrecht-textbox-font-size,
    var(--utrecht-form-control-font-size, inherit)
  );
  font-weight: initial;
  inline-size: 100%;
  line-height: var(
    --utrecht-textbox-line-height,
    var(--utrecht-form-control-line-height, initial)
  );
  padding-block-end: var(
    --utrecht-textbox-padding-block-end,
    var(--utrecht-form-control-padding-block-end, 0)
  );
  padding-block-start: var(
    --utrecht-textbox-padding-block-start,
    var(--utrecht-form-control-padding-block-start, 0)
  );
  padding-inline-end: var(
    --utrecht-textbox-padding-inline-end,
    var(--utrecht-form-control-padding-inline-end, initial)
  );
  padding-inline-start: var(
    --utrecht-textbox-padding-inline-start,
    var(--utrecht-form-control-padding-inline-start, initial)
  );
  max-width: none;
  --utrecht-button-min-block-size: 38px;
  scale: 1 !important;
}
.osc .multi-select button .icon {
  height: 0;
}
.osc .multi-select-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0rem;
}
.osc .multi-select-header > p {
  margin: 0 1rem;
  color: var(--osc-foreground);
}
.osc .multi-select-header > .osc-icon {
  color: var(--osc-foreground);
  font-weight: lighter;
  gap: 0;
}
.osc .multiselect-container {
  padding: 1rem;
  display: grid;
  grid-gap: 0.5rem;
}
.osc .multi-select {
  position: relative;
}
.osc .multi-select .multiselect-container {
  background: #fff;
  position: absolute;
  z-index: 1;
  width: 100%;
}
.osc .progressbar {
  height: var(--nlds-progressbar-height, 0.5rem);
  width: 100%;
  background-color: var(--nlds-progressbar-background-color, #a9b2ba);
  border-radius: var(--nlds-progressbar-border-radius, 50px);
  overflow-x: hidden;
}
.osc .progressbar-tracker {
  height: 100%;
  background-color: var(
    --nlds-progressbar-fill-background-color,
    var(--utrecht-button-primary-action-background-color)
  );
  border-radius: inherit;
}
.osc .progressbar-counter {
  font-weight: 600;
  text-align: center;
  color: var(--nlds-progressbar-color, #010d0a);
}
.osc .range-slider input[type='range'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  outline: none;
  border-radius: 15px;
  height: 5px;
  width: 100%;
  margin-bottom: 1rem;
  margin-top: 2rem;
  background: var(--osc-border);
}
.osc .range-slider input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 30px;
  width: 30px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><title>Layer 1</title><circle id="svg_1" stroke-width="2" stroke="rgba(20,113,239,1)" fill="white" r="11" cy="12" cx="11.93554"/><path stroke="null" id="svg_2" fill="rgba(20,113,239,1)" d="m9.3966,6.53503l-5.46488,5.46493l5.46488,5.46488l1.24515,-1.24518l-4.21982,-4.2197l4.21982,-4.21982l-1.24515,-1.24511zm5.20679,10.9299l5.46488,-5.46488l-5.46488,-5.46488l-1.24518,1.24511l4.21979,4.21978l-4.21979,4.21979l1.24518,1.2451z"/></g></svg>');
  background-size: cover;
}
.osc .range-slider input[type='range']::-moz-range-thumb {
  height: 30px;
  width: 30px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><g><title>Layer 1</title><circle id="svg_1" stroke-width="2" stroke="rgba(20,113,239,1)" fill="white" r="11" cy="12" cx="11.93554"/><path stroke="null" id="svg_2" fill="rgba(20,113,239,1)" d="m9.3966,6.53503l-5.46488,5.46493l5.46488,5.46488l1.24515,-1.24518l-4.21982,-4.2197l4.21982,-4.21982l-1.24515,-1.24511zm5.20679,10.9299l5.46488,-5.46488l-5.46488,-5.46488l-1.24518,1.24511l4.21979,4.21978l-4.21979,4.21979l1.24518,1.2451z"/></g></svg>');
  background-size: cover;
}
.osc .range-slider .range-slider-labels {
  display: flex;
  justify-content: space-between;
  padding: 0 0.5rem;
  color: #000;
}
.osc-card {
  display: inline-block;
  margin: 0;
  padding: 0.25rem 0.35rem;
  border-radius: 3px;
  background: #e8e8e8;
  background: linear-gradient(#e8e8e8 50%, #ffffff 50%);
}
.osc-card p {
  color: #000 !important;
  font-weight: 800;
  font-size: 1rem;
}
:root {
  --black-a1: rgba(0, 0, 0, 0.05);
  --black-a2: rgba(0, 0, 0, 0.1);
  --black-a3: rgba(0, 0, 0, 0.15);
  --black-a4: rgba(0, 0, 0, 0.2);
  --black-a5: rgba(0, 0, 0, 0.3);
  --black-a6: rgba(0, 0, 0, 0.4);
  --black-a7: rgba(0, 0, 0, 0.5);
  --black-a8: rgba(0, 0, 0, 0.6);
  --black-a9: rgba(0, 0, 0, 0.7);
  --black-a10: rgba(0, 0, 0, 0.8);
  --black-a11: rgba(0, 0, 0, 0.9);
  --black-a12: rgba(0, 0, 0, 0.95);
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root {
      --black-a1: color(display-p3 0 0 0 / 0.05);
      --black-a2: color(display-p3 0 0 0 / 0.1);
      --black-a3: color(display-p3 0 0 0 / 0.15);
      --black-a4: color(display-p3 0 0 0 / 0.2);
      --black-a5: color(display-p3 0 0 0 / 0.3);
      --black-a6: color(display-p3 0 0 0 / 0.4);
      --black-a7: color(display-p3 0 0 0 / 0.5);
      --black-a8: color(display-p3 0 0 0 / 0.6);
      --black-a9: color(display-p3 0 0 0 / 0.7);
      --black-a10: color(display-p3 0 0 0 / 0.8);
      --black-a11: color(display-p3 0 0 0 / 0.9);
      --black-a12: color(display-p3 0 0 0 / 0.95);
    }
  }
}
:root,
.light,
.light-theme {
  --green-1: #fbfefc;
  --green-2: #f4fbf6;
  --green-3: #e6f6eb;
  --green-4: #d6f1df;
  --green-5: #c4e8d1;
  --green-6: #adddc0;
  --green-7: #8eceaa;
  --green-8: #5bb98b;
  --green-9: #30a46c;
  --green-10: #2b9a66;
  --green-11: #218358;
  --green-12: #193b2d;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root,
    .light,
    .light-theme {
      --green-1: color(display-p3 0.986 0.996 0.989);
      --green-2: color(display-p3 0.963 0.983 0.967);
      --green-3: color(display-p3 0.913 0.964 0.925);
      --green-4: color(display-p3 0.859 0.94 0.879);
      --green-5: color(display-p3 0.796 0.907 0.826);
      --green-6: color(display-p3 0.718 0.863 0.761);
      --green-7: color(display-p3 0.61 0.801 0.675);
      --green-8: color(display-p3 0.451 0.715 0.559);
      --green-9: color(display-p3 0.332 0.634 0.442);
      --green-10: color(display-p3 0.308 0.595 0.417);
      --green-11: color(display-p3 0.19 0.5 0.32);
      --green-12: color(display-p3 0.132 0.228 0.18);
    }
  }
}
:root,
.light,
.light-theme {
  --mauve-1: #fdfcfd;
  --mauve-2: #faf9fb;
  --mauve-3: #f2eff3;
  --mauve-4: #eae7ec;
  --mauve-5: #e3dfe6;
  --mauve-6: #dbd8e0;
  --mauve-7: #d0cdd7;
  --mauve-8: #bcbac7;
  --mauve-9: #8e8c99;
  --mauve-10: #84828e;
  --mauve-11: #65636d;
  --mauve-12: #211f26;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root,
    .light,
    .light-theme {
      --mauve-1: color(display-p3 0.991 0.988 0.992);
      --mauve-2: color(display-p3 0.98 0.976 0.984);
      --mauve-3: color(display-p3 0.946 0.938 0.952);
      --mauve-4: color(display-p3 0.915 0.906 0.925);
      --mauve-5: color(display-p3 0.886 0.876 0.901);
      --mauve-6: color(display-p3 0.856 0.846 0.875);
      --mauve-7: color(display-p3 0.814 0.804 0.84);
      --mauve-8: color(display-p3 0.735 0.728 0.777);
      --mauve-9: color(display-p3 0.555 0.549 0.596);
      --mauve-10: color(display-p3 0.514 0.508 0.552);
      --mauve-11: color(display-p3 0.395 0.388 0.424);
      --mauve-12: color(display-p3 0.128 0.122 0.147);
    }
  }
}
:root,
.light,
.light-theme {
  --violet-1: #fdfcfe;
  --violet-2: #faf8ff;
  --violet-3: #f4f0fe;
  --violet-4: #ebe4ff;
  --violet-5: #e1d9ff;
  --violet-6: #d4cafe;
  --violet-7: #c2b5f5;
  --violet-8: #aa99ec;
  --violet-9: #6e56cf;
  --violet-10: #654dc4;
  --violet-11: #6550b9;
  --violet-12: #2f265f;
}
@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    :root,
    .light,
    .light-theme {
      --violet-1: color(display-p3 0.991 0.988 0.995);
      --violet-2: color(display-p3 0.978 0.974 0.998);
      --violet-3: color(display-p3 0.953 0.943 0.993);
      --violet-4: color(display-p3 0.916 0.897 1);
      --violet-5: color(display-p3 0.876 0.851 1);
      --violet-6: color(display-p3 0.825 0.793 0.981);
      --violet-7: color(display-p3 0.752 0.712 0.943);
      --violet-8: color(display-p3 0.654 0.602 0.902);
      --violet-9: color(display-p3 0.417 0.341 0.784);
      --violet-10: color(display-p3 0.381 0.306 0.741);
      --violet-11: color(display-p3 0.383 0.317 0.702);
      --violet-12: color(display-p3 0.179 0.15 0.359);
    }
  }
}
.osc-DialogOverlay {
  background-color: var(--black-a9);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  animation: overlayShow 0.15s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 1000;
}
.osc-DialogContent {
  background-color: #fff;
  border-radius: 6px;
  box-shadow:
    #0e121659 0 10px 38px -10px,
    #0e121633 0 10px 20px -15px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-height: 75vh;
  padding: 25px;
  animation: contentShow 0.15s cubic-bezier(0.16, 1, 0.3, 1);
  max-width: 82.5rem;
  overflow: auto;
  box-sizing: border-box;
}
.osc-DialogContent:focus {
  outline: none;
}
.osc-DialogTitle {
  margin: 0;
  font-weight: 500;
  color: var(--mauve-12);
  font-size: 17px;
}
.osc-DialogDescription {
  margin: 10px 0 20px;
  color: var(--mauve-11);
  font-size: 15px;
  line-height: 1.5;
}
@keyframes overlayShow {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes contentShow {
  0% {
    opacity: 0;
    transform: translate(-50%, -48%) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
.osc-DialogContent .carousel-button-container {
  position: absolute;
  display: flex;
  top: -36px;
  left: 0;
  flex-wrap: nowrap;
  gap: 10px;
}
.osc-DialogContent .carousel-button-container .osc-carousel-previous,
.osc-DialogContent .carousel-button-container .osc-carousel-next {
  position: relative;
  flex-shrink: 0;
  flex-grow: 1;
  right: 0;
  left: 0;
}
.osc-DialogContent .carousel-button-container p {
  margin: 0;
}
.osc-DialogContent > div > button,
.osc-DialogContent .carousel-button-container button {
  aspect-ratio: 1;
  min-width: auto;
  min-height: auto;
  padding: 0;
  width: 36px;
  height: 36px;
}
.osc-DialogContent .carousel-items {
  padding-top: 10px;
}
.osc-carousel {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.carousel-items {
  flex: 1;
}
.osc-carousel-navigation-button-wrapper {
  flex-grow: 0;
  flex-basis: 0;
}
.osc-carousel-previous {
  position: absolute;
  left: 10px;
  z-index: 1;
}
.osc-carousel-next {
  position: absolute;
  right: 10px;
  z-index: 1;
}
.osc-paginator {
  display: flex;
  gap: 1rem;
}
.osc-listview {
  display: grid;
  gap: 2rem;
}
.osc-listview-template-columns-1 {
  grid-template-columns: 1fr;
}
.osc-listview-template-columns-2 {
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
}
.osc-listview-template-columns-3 {
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}
.stepper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.step-container {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.step-container > .step-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--nlds-stepper-icon-width, 0.5rem);
  height: var(--nlds-stepper-icon-height, 0.5rem);
  padding: var(--nlds-stepper-icon-padding, 0.5rem);
  margin-right: var(--nlds-stepper-icon-margin-right, 0.5rem);
  border-width: var(--nlds-stepper-icon-border-width, 1px);
  border-style: solid;
  border-color: var(
    --nlds-stepper-icon-border-color,
    var(--utrecht-button-primary-action-background-color)
  );
  border-radius: var(--nlds-stepper-icon-border-radius, 50%);
}
.stepper > .step-divider {
  height: var(--nlds-stepper-divider-height, 1px);
  width: 100%;
  margin-left: var(--nlds-stepper-divider-margin-left, 1rem);
  margin-right: var(--nlds-stepper-divider-margin-right, 1rem);
  background-color: var(--nlds-stepper-divider-color, #a9b2ba);
}
.step-icon > p {
  color: var(
    --nlds-stepper-icon-color,
    var(--utrecht-button-primary-action-background-color)
  );
}
.step-icon.active {
  background-color: var(
    --nlds-stepper-icon-active-background-color,
    var(--utrecht-button-primary-action-background-color)
  );
}
.step-icon.done {
  background-color: var(
    --nlds-stepper-icon-done-background-color,
    var(--utrecht-button-secondary-action-background-color)
  );
  border-color: var(
    --nlds-stepper-icon-done-border-color,
    var(--utrecht-button-secondary-action-background-color)
  );
}
.step-icon.active > p {
  color: var(
    --nlds-stepper-icon-active-color,
    var(--utrecht-button-primary-action-color)
  );
}
.step-icon.done > p {
  color: var(
    --nlds-stepper-icon-active-color,
    var(--utrecht-button-secondary-action-color)
  );
}
.osc-pill {
  padding: 0.25rem 1rem;
  background-color: var(--osc-muted);
  color: var(--osc-muted-foreground);
  border-radius: 0.125rem;
}
.osc-pill-rounded {
  border-radius: 1rem;
}
.osc-pill-light {
  background-color: var(--osc-card-dark);
  color: var(--osc-card-dark-foreground);
}
.osc-pill > p {
  text-align: center;
}
.carousel.--small {
  --carousel-image-max-height: 200px;
}
.carousel.--medium {
  --carousel-image-max-height: 400px;
}
.carousel.--large {
  --carousel-image-max-height: 600px;
}
.carousel.--autoHeight {
  --carousel-image-max-height: unset;
}
.carousel.--cover {
  --carousel-image-object-fit: cover;
}
.carousel.--contain {
  --carousel-image-object-fit: contain;
}
.carousel .osc .image-container > img {
  object-fit: var(--carousel-image-object-fit, cover);
  max-height: var(--carousel-image-max-height, unset);
}
.carousel .osc .carousel-button-container {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -26px;
}