main{
   display: none !important;
}
[_nghost-serverApp-c546767837]{
   min-height: unset !important;
}
/* Boels crawled chrome (footer + header extras).
   script.js injects the ORIGINAL markup (Angular _ngcontent/_nghost view
   attributes intact), so Boels' own component CSS matches it verbatim. The
   blocks below are copied UNCHANGED from boels.com's inlined <style> tags --
   the components that are NOT already present in the crawled page <head>. Do
   not rewrite these selectors: they must match the injected attributes exactly.
   Design tokens (--boels-*, --color-*) resolve in-app. */

/* boels-footer host (c1383084600) */
[_nghost-serverApp-c1383084600]{color:var(--boels-color-inverse);font-size:var(--boels-font-size-sm);line-height:19px;background-color:var(--color-surface-inverted);margin-top:auto;display:block}
[_nghost-serverApp-c1383084600]   p[_ngcontent-serverApp-c1383084600]{font-size:var(--boels-font-size, var(--boels-font-size-base, 1rem));line-height:1.6}

/* boels-generic-link (c4039650912) */
[_nghost-serverApp-c4039650912]   a[_ngcontent-serverApp-c4039650912]{text-decoration:none;color:inherit}

/* boels-footer-navigation (c2478301455) */
[_nghost-serverApp-c2478301455]     boels-generic-link a:hover{text-decoration:underline}[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455]   ul[_ngcontent-serverApp-c2478301455]{list-style-type:none;margin:0;padding:0}[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455]   ul[_ngcontent-serverApp-c2478301455]   li[_ngcontent-serverApp-c2478301455]{display:block}[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455]{display:grid;grid-template-columns:repeat(4,auto);grid-template-rows:repeat(3,auto);justify-content:center}@media (max-width: 991px){[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455]{grid-template-columns:repeat(2,auto);grid-template-rows:repeat(5,auto);justify-content:initial;padding-top:var(--boels-space-32)}}[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455]   span[_ngcontent-serverApp-c2478301455]{font-weight:var(--boels-font-weight-bold);font-size:var(--boels-font-size-lg)}@media (max-width: 991px){[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455]   span[_ngcontent-serverApp-c2478301455]{font-size:var(--boels-font-size-sm)}}[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455]   .wrapper[_ngcontent-serverApp-c2478301455]{margin-top:var(--boels-space-24)}@media (max-width: 991px){[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455]   .wrapper[_ngcontent-serverApp-c2478301455]{margin-top:var(--boels-space-16)}}[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455]   li[_ngcontent-serverApp-c2478301455]{margin-bottom:var(--boels-space-20)}@media (max-width: 991px){[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455]   li[_ngcontent-serverApp-c2478301455]{margin-bottom:var(--boels-space-16)}}[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455] > li[_ngcontent-serverApp-c2478301455]{margin:3vw 3vw var(--boels-space-16);grid-row:1/span 2}[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455] > li[_ngcontent-serverApp-c2478301455]:nth-of-type(1){grid-column:1}[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455] > li[_ngcontent-serverApp-c2478301455]:nth-of-type(2){grid-column:2}[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455] > li[_ngcontent-serverApp-c2478301455]:nth-of-type(3){grid-column:3}[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455] > li[_ngcontent-serverApp-c2478301455]:nth-of-type(4){grid-column:4}[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455] > li[_ngcontent-serverApp-c2478301455]:nth-of-type(4){grid-row:1}@media (max-width: 991px){[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455] > li[_ngcontent-serverApp-c2478301455]:nth-of-type(3){grid-column:1;grid-row:3/span 2}[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455] > li[_ngcontent-serverApp-c2478301455]:nth-of-type(4){grid-column:2;grid-row:3}}[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455] > li[_ngcontent-serverApp-c2478301455]:nth-of-type(5){margin:var(--boels-space-16) 3vw;grid-row:2;grid-column:4}@media (max-width: 991px){[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455] > li[_ngcontent-serverApp-c2478301455]:nth-of-type(5){grid-row:4;grid-column:2}}[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455] > li[_ngcontent-serverApp-c2478301455]:nth-of-type(6){grid-row:3;grid-column:1/-1;margin:0}@media (max-width: 991px){[_nghost-serverApp-c2478301455] > nav[_ngcontent-serverApp-c2478301455] > ul[_ngcontent-serverApp-c2478301455] > li[_ngcontent-serverApp-c2478301455]:nth-of-type(6){grid-row:5}}

/* boels-social-media (c4062479063) */
[_nghost-serverApp-c4062479063]   p[_ngcontent-serverApp-c4062479063]{margin-bottom:var(--boels-space-20);margin-top:0;color:var(--boels-color-inverse);font-weight:var(--boels-font-weight-bold)}

/* boels-social-media-link (c920229527) */
[_nghost-serverApp-c920229527]   a[_ngcontent-serverApp-c920229527] > fa-icon[_ngcontent-serverApp-c920229527]{font-size:var(--boels-font-size-xxl);color:var(--boels-color-background);display:inline-block;padding-inline-end:var(--boels-space-16);padding-bottom:var(--boels-space-12)}

/* boels-copyright-disclaimer (c2049970158) */
[_nghost-serverApp-c2049970158]{padding:var(--boels-space-36) 3vw;display:flex;flex-direction:column;gap:var(--boels-space-4)}@media (max-width: 576px){[_nghost-serverApp-c2049970158]{padding-top:var(--boels-space-40)}}[_nghost-serverApp-c2049970158]   .copyright-link-container[_ngcontent-serverApp-c2049970158]{font-weight:var(--boels-font-weight-normal)}[_nghost-serverApp-c2049970158]   .copyright[_ngcontent-serverApp-c2049970158]{font-weight:var(--boels-font-weight-bold)}

/* Webshop-only fix: restore Boels' Inter typeface for the footer (on boels.com
   it is inherited from html/body; here the app's body font differs). */
[data-crawled-footer] boels-footer{font-family:var(--boels-font-family-base, Inter, sans-serif)}

/* ---- Header sections the crawl omits (injected by script.js) ---- */

/* boels-toggle-user-type (c3374823676) */
[_nghost-serverApp-c3374823676]{height:100%;display:flex;align-items:center;margin-left:var(--boels-space-12)}[_nghost-serverApp-c3374823676]   .toggle-view[_ngcontent-serverApp-c3374823676]{display:flex;color:var(--boels-color-white);font-size:var(--boels-font-size-base);align-items:center}[_nghost-serverApp-c3374823676]   .toggle-view[_ngcontent-serverApp-c3374823676]   .mobile-flag[_ngcontent-serverApp-c3374823676]{display:none}@media (max-width: 992px){[_nghost-serverApp-c3374823676]   .toggle-view[_ngcontent-serverApp-c3374823676]{color:var(--boels-color-text)}[_nghost-serverApp-c3374823676]   .toggle-view[_ngcontent-serverApp-c3374823676]   .mobile-flag[_ngcontent-serverApp-c3374823676]{display:inline-flex;margin-right:var(--boels-space-10);font-size:var(--boels-font-size-md)}}[_nghost-serverApp-c3374823676]   .toggle-view[_ngcontent-serverApp-c3374823676]   .btn[_ngcontent-serverApp-c3374823676]{position:relative;border:0;padding:0;font-size:var(--boels-font-size-sm);font-weight:var(--boels-font-weight-light);background-color:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}[_nghost-serverApp-c3374823676]   .toggle-view[_ngcontent-serverApp-c3374823676]   .btn[_ngcontent-serverApp-c3374823676]:not(:focus){outline:none}[_nghost-serverApp-c3374823676]   .toggle-view[_ngcontent-serverApp-c3374823676]   .btn.is-active[_ngcontent-serverApp-c3374823676]{font-weight:var(--boels-font-weight-bold)}[_nghost-serverApp-c3374823676]   .toggle-view__divider[_ngcontent-serverApp-c3374823676]{padding-left:var(--boels-space-4);padding-right:var(--boels-space-4);color:inherit}@media (max-=: 767px){[_nghost-serverApp-c3374823676]{margin-left:0}}.btn[_ngcontent-serverApp-c3374823676]{display:inline-flex;align-items:center;justify-content:center}

/* boels-toggle-language-selector (c668145270) */
[_nghost-serverApp-c668145270]{display:flex;align-items:center;position:relative;margin-left:var(--boels-space-20)}[_nghost-serverApp-c668145270]   .btn[_ngcontent-serverApp-c668145270]{position:relative;border:0;padding:0 0 0 6px;font-size:var(--boels-font-size-sm);font-weight:var(--boels-font-weight-light);background-color:inherit;color:var(--boels-color-light);cursor:pointer;display:flex;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}[_nghost-serverApp-c668145270]   .btn[_ngcontent-serverApp-c668145270]:not(:focus){outline:none}[_nghost-serverApp-c668145270]   .btn[_ngcontent-serverApp-c668145270]:hover{text-decoration:underline}[_nghost-serverApp-c668145270]   .btn[_ngcontent-serverApp-c668145270]   .mobile-flag[_ngcontent-serverApp-c668145270]{margin-right:var(--boels-space-8)}@media (max-=: 767px){[_nghost-serverApp-c668145270]{margin-left:0}}[_nghost-serverApp-c668145270]   .language-selector-form__flag[_ngcontent-serverApp-c668145270]{width:1rem;height:1rem}[_nghost-serverApp-c668145270]:has(.mobile-flag){width:auto;margin-left:0}[_nghost-serverApp-c668145270]:has(.mobile-flag)   .btn[_ngcontent-serverApp-c668145270]{width:auto;padding:var(--boels-space-8);color:var(--boels-color-black);font-weight:var(--boels-font-weight-regular, var(--boels-font-weight-normal, 400));font-size:var(--boels-font-size-base);justify-content:flex-start;display:inline-flex;text-decoration:none}[_nghost-serverApp-c668145270]:has(.mobile-flag)   .btn[_ngcontent-serverApp-c668145270]:hover{text-decoration:none;background-color:transparent}[_nghost-serverApp-c668145270]:has(.mobile-flag)   .btn[_ngcontent-serverApp-c668145270]:active, [_nghost-serverApp-c668145270]:has(.mobile-flag)   .btn.active[_ngcontent-serverApp-c668145270]{text-decoration:underline!important;text-decoration-color:var(--boels-color-black)!important}[_nghost-serverApp-c668145270]:has(.mobile-flag)   .btn[_ngcontent-serverApp-c668145270]:focus-visible{outline:2px solid var(--boels-color-primary);outline-offset:-2px}

/* boels-account (c53678004) */
.loading-indicator[_ngcontent-serverApp-c53678004]{width:50px;height:50px;border:2px solid var(--boels-color-white);border-radius:50%}.boels-account[_ngcontent-serverApp-c53678004]{position:relative}.boels-account__account-indicator-button[_ngcontent-serverApp-c53678004]{padding:0;margin:0;border:none!important;background:none!important}.boels-account__account-indicator-button[_ngcontent-serverApp-c53678004]:not(:focus){outline:none!important}.boels-account__account-indicator-button[aria-expanded=true][_ngcontent-serverApp-c53678004]     boels-account-indicator{border-color:var(--boels-color-gray-800);color:var(--boels-color-gray-800);transition:.2s}.boels-account__account-indicator-button.-mobile-login[_ngcontent-serverApp-c53678004]     boels-account-indicator{border:none;width:auto;height:auto;font-size:var(--boels-font-size-xxxl)}@media screen and (min-width: 992px){.boels-account-navigation[_ngcontent-serverApp-c53678004]{position:absolute;top:60px;right:0;width:300px;z-index:var(--boels-z-index-header-dropdown);background-color:var(--boels-color-white);box-shadow:0 2px 10px #0003;border-radius:var(--boels-radius-sm);overflow:hidden}.boels-account-navigation__container[_ngcontent-serverApp-c53678004]{display:flex;flex-direction:column}.boels-account-navigation__content[_ngcontent-serverApp-c53678004]{flex:1;display:flex;flex-direction:column}.boels-account-navigation__item[_ngcontent-serverApp-c53678004]{position:relative;padding:var(--boels-space-12) var(--boels-space-16);cursor:pointer;height:56px;box-sizing:border-box;display:flex;align-items:center}.boels-account-navigation__item[_ngcontent-serverApp-c53678004]:last-of-type{position:relative}.boels-account-navigation__item[_ngcontent-serverApp-c53678004]:last-of-type:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background-color:var(--boels-color-gray-400)}.boels-account-navigation__item[_ngcontent-serverApp-c53678004]:focus:not([disabled]){transition:.2s;background-color:var(--boels-color-gray-100)}}@media screen and (min-width: 992px) and (hover: hover){.boels-account-navigation__item[_ngcontent-serverApp-c53678004]:hover:not([disabled]){transition:.2s;background-color:var(--boels-color-gray-100)}}@media screen and (min-width: 992px){.boels-account-navigation__item[_ngcontent-serverApp-c53678004]:active:not([disabled]){background-color:var(--boels-color-gray-200)}.boels-account-navigation__item-content[_ngcontent-serverApp-c53678004]{display:flex;align-items:center;width:100%;height:100%}.boels-account-navigation__item-icon[_ngcontent-serverApp-c53678004]{color:var(--boels-color-gray-800);font-size:var(--boels-font-size-xl);margin-right:var(--boels-space-16);flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.boels-account-navigation__item-icon.account-icon[_ngcontent-serverApp-c53678004], .boels-account-navigation__item-icon.language-icon[_ngcontent-serverApp-c53678004], .boels-account-navigation__item-icon.products-icon[_ngcontent-serverApp-c53678004], .boels-account-navigation__item-icon.contracts-icon[_ngcontent-serverApp-c53678004], .boels-account-navigation__item-icon.invoices-icon[_ngcontent-serverApp-c53678004], .boels-account-navigation__item-icon.logout-icon[_ngcontent-serverApp-c53678004]{color:var(--boels-color-gray-800)}.boels-account-navigation__item-icon[_ngcontent-serverApp-c53678004]   img[_ngcontent-serverApp-c53678004]{width:100%;height:100%;object-fit:contain}.boels-account-navigation__item-text[_ngcontent-serverApp-c53678004]{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:44px}.boels-account-navigation__item-title[_ngcontent-serverApp-c53678004]{color:var(--boels-color-gray-1000);margin-bottom:var(--boels-space-2, 0.125rem);font-size:var(--boels-font-size-md);line-height:1.2;font-weight:var(--boels-font-weight-normal)}.boels-account-navigation__item-subtitle[_ngcontent-serverApp-c53678004]{color:var(--boels-color-gray-900);font-size:var(--boels-font-size-md);line-height:1.3;font-weight:var(--boels-font-weight-normal)}.boels-account-navigation__item-language-selector[_ngcontent-serverApp-c53678004]{margin-left:0!important}}[_nghost-serverApp-c53678004]     boels-toggle-language-selector{margin-left:0}[_nghost-serverApp-c53678004]     boels-toggle-language-selector>button.btn{color:var(--boels-color-black)!important;height:44px;display:flex;align-items:center}

/* boels-login-indicator (c2147689364) */
[_nghost-serverApp-c2147689364]{--boels-login-color: var(--boels-color-white);--boels-login-transition: .2s;display:flex;flex-direction:row;gap:var(--boels-space-8);align-items:center;justify-content:space-between;color:var(--boels-login-color);font-size:var(--boels-font-size-md);font-family:Inter,sans-serif;font-weight:var(--boels-font-weight-bold);white-space:nowrap;transition:var(--boels-login-transition)}[_nghost-serverApp-c2147689364]   .tooltipContainer[_ngcontent-serverApp-c2147689364]{all:unset}[_nghost-serverApp-c2147689364]:hover{cursor:pointer;--boels-login-color: var(--boels-color-gray-800)}[_nghost-serverApp-c2147689364]   fa-icon[_ngcontent-serverApp-c2147689364]{font-size:var(--boels-font-size-xxxl);color:var(--boels-login-color);transition:var(--boels-login-transition)}@media (max-width: 768px){[_nghost-serverApp-c2147689364]   .login-label[_ngcontent-serverApp-c2147689364]{display:none}}

/* ---- Language modal CSS (crawled from boels.com head; not in webshop head) ---- */

/* PrimeNG dialog variables */
:root,:host{--p-dialog-content-padding:0 var(--p-overlay-modal-padding) var(--p-overlay-modal-padding) var(--p-overlay-modal-padding);--p-dialog-header-gap:0.5rem;--p-dialog-header-padding:var(--p-overlay-modal-padding);--p-dialog-footer-gap:0.5rem;--p-dialog-footer-padding:0 var(--p-overlay-modal-padding) var(--p-overlay-modal-padding) var(--p-overlay-modal-padding);--p-dialog-title-font-size:1.25rem;--p-dialog-title-font-weight:600;--p-dialog-color:var(--p-overlay-modal-color);--p-dialog-shadow:var(--p-overlay-modal-shadow);--p-dialog-background:var(--p-overlay-modal-background);--p-dialog-border-color:var(--p-overlay-modal-border-color);--p-dialog-border-radius:var(--p-overlay-modal-border-radius);}

/* PrimeNG dialog style */
.p-dialog{max-height:90%;transform:scale(1);border-radius:var(--p-dialog-border-radius);box-shadow:var(--p-dialog-shadow);background:var(--p-dialog-background);border:1px solid var(--p-dialog-border-color);color:var(--p-dialog-color);}.p-dialog-content{overflow-y:auto;padding:var(--p-dialog-content-padding);}.p-dialog-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:var(--p-dialog-header-padding);}.p-dialog-title{font-weight:var(--p-dialog-title-font-weight);font-size:var(--p-dialog-title-font-size);}.p-dialog-footer{flex-shrink:0;padding:var(--p-dialog-footer-padding);display:flex;justify-content:flex-end;gap:var(--p-dialog-footer-gap);}.p-dialog-header-actions{display:flex;align-items:center;gap:var(--p-dialog-header-gap);}.p-dialog-maximized{width:100vw!important;height:100vh!important;top:0px!important;left:0px!important;max-height:100%;height:100%;border-radius:0;}.p-dialog-maximized .p-dialog-content{flex-grow:1;}.p-dialog .p-resizable-handle{position:absolute;font-size:0.1px;display:block;cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px;}

/* PrimeNG select style */
.p-select{display:inline-flex;cursor:pointer;position:relative;user-select:none;background:var(--p-select-background);border:1px solid var(--p-select-border-color);transition:background var(--p-select-transition-duration),color var(--p-select-transition-duration),border-color var(--p-select-transition-duration),outline-color var(--p-select-transition-duration),box-shadow var(--p-select-transition-duration);border-radius:var(--p-select-border-radius);outline-color:transparent;box-shadow:var(--p-select-shadow);}.p-select:not(.p-disabled):hover{border-color:var(--p-select-hover-border-color);}.p-select:not(.p-disabled).p-focus{border-color:var(--p-select-focus-border-color);box-shadow:var(--p-select-focus-ring-shadow);outline:var(--p-select-focus-ring-width) var(--p-select-focus-ring-style) var(--p-select-focus-ring-color);outline-offset:var(--p-select-focus-ring-offset);}.p-select.p-variant-filled{background:var(--p-select-filled-background);}.p-select.p-variant-filled:not(.p-disabled):hover{background:var(--p-select-filled-hover-background);}.p-select.p-variant-filled:not(.p-disabled).p-focus{background:var(--p-select-filled-focus-background);}.p-select.p-invalid{border-color:var(--p-select-invalid-border-color);}.p-select.p-disabled{opacity:1;background:var(--p-select-disabled-background);}.p-select-clear-icon{align-self:center;color:var(--p-select-clear-icon-color);inset-inline-end:var(--p-select-dropdown-width);}.p-select-dropdown{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;color:var(--p-select-dropdown-color);width:var(--p-select-dropdown-width);border-start-end-radius:var(--p-select-border-radius);border-end-end-radius:var(--p-select-border-radius);}.p-select-label{display:block;white-space:nowrap;overflow:hidden;flex:1 1 auto;width:1%;padding:var(--p-select-padding-y) var(--p-select-padding-x);text-overflow:ellipsis;cursor:pointer;color:var(--p-select-color);background:transparent;border:0 none;outline:0 none;font-size:1rem;}.p-select-label.p-placeholder{color:var(--p-select-placeholder-color);}.p-select.p-invalid .p-select-label.p-placeholder{color:var(--p-select-invalid-placeholder-color);}.p-select.p-disabled .p-select-label{color:var(--p-select-disabled-color);}.p-select-label-empty{overflow:hidden;opacity:0;}input.p-select-label{cursor:default;}.p-select-overlay{position:absolute;top:0;left:0;background:var(--p-select-overlay-background);color:var(--p-select-overlay-color);border:1px solid var(--p-select-overlay-border-color);border-radius:var(--p-select-overlay-border-radius);box-shadow:var(--p-select-overlay-shadow);min-width:100%;}.p-select-header{padding:var(--p-select-list-header-padding);}.p-select-filter{width:100%;}.p-select-list-container{overflow:auto;}.p-select-option-group{cursor:auto;margin:0;padding:var(--p-select-option-group-padding);background:var(--p-select-option-group-background);color:var(--p-select-option-group-color);font-weight:var(--p-select-option-group-font-weight);}.p-select-list{margin:0;padding:0;list-style-type:none;padding:var(--p-select-list-padding);gap:var(--p-select-list-gap);display:flex;flex-direction:column;}.p-select-option{cursor:pointer;font-weight:normal;white-space:nowrap;position:relative;overflow:hidden;display:flex;align-items:center;padding:var(--p-select-option-padding);border:0 none;color:var(--p-select-option-color);background:transparent;transition:background var(--p-select-transition-duration),color var(--p-select-transition-duration),border-color var(--p-select-transition-duration),box-shadow var(--p-select-transition-duration),outline-color var(--p-select-transition-duration);border-radius:var(--p-select-option-border-radius);}.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus{background:var(--p-select-option-focus-background);color:var(--p-select-option-focus-color);}.p-select-option.p-select-option-selected{background:var(--p-select-option-selected-background);color:var(--p-select-option-selected-color);}.p-select-option.p-select-option-selected.p-focus{background:var(--p-select-option-selected-focus-background);color:var(--p-select-option-selected-focus-color);}.p-select-option-blank-icon{flex-shrink:0;}.p-select-option-check-icon{position:relative;flex-shrink:0;margin-inline-start:var(--p-select-checkmark-gutter-start);margin-inline-end:var(--p-select-checkmark-gutter-end);color:var(--p-select-checkmark-color);}.p-select-empty-message{padding:var(--p-select-empty-message-padding);}.p-select-fluid{display:flex;width:100%;}.p-select-sm .p-select-label{font-size:var(--p-select-sm-font-size);padding-block:var(--p-select-sm-padding-y);padding-inline:var(--p-select-sm-padding-x);}.p-select-sm .p-select-dropdown .p-icon{font-size:var(--p-select-sm-font-size);width:var(--p-select-sm-font-size);height:var(--p-select-sm-font-size);}.p-select-lg .p-select-label{font-size:var(--p-select-lg-font-size);padding-block:var(--p-select-lg-padding-y);padding-inline:var(--p-select-lg-padding-x);}.p-select-lg .p-select-dropdown .p-icon{font-size:var(--p-select-lg-font-size);width:var(--p-select-lg-font-size);height:var(--p-select-lg-font-size);}.p-floatlabel-in .p-select-filter{padding-block-start:var(--p-select-padding-y);padding-block-end:var(--p-select-padding-y);}.p-select-label.p-placeholder{color:var(--p-select-placeholder-color);}.p-select.ng-invalid.ng-dirty{border-color:var(--p-select-invalid-border-color);}.p-dropdown.ng-invalid.ng-dirty .p-dropdown-label.p-placeholder,.p-select.ng-invalid.ng-dirty .p-select-label.p-placeholder{color:var(--p-select-invalid-placeholder-color);}.p-select{height:58px;align-items:center;}.p-select-label{line-height:normal;padding-top:0;padding-bottom:0;align-self:center;}

/* PrimeNG overlay style */
.p-overlay{position:absolute;top:0;}.p-overlay-modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;}.p-overlay-content{transform-origin:inherit;}.p-component-overlay.p-component{position:relative;}.p-overlay-modal > .p-overlay-content{z-index:1;width:90%;}.p-overlay-content ~ .p-overlay-content{display:none;}

/* PrimeNG base icon */
.p-icon{display:inline-block;vertical-align:baseline;}

/* boels-language-selector-modal (c1830601667) */
[_nghost-serverApp-c1830601667]   .language-selector-container[_ngcontent-serverApp-c1830601667]{position:relative;background-color:transparent;border-radius:var(--boels-radius-md);padding:var(--boels-space-32) var(--boels-space-64)}[_nghost-serverApp-c1830601667]   .language-selector-container[_ngcontent-serverApp-c1830601667]   h1[_ngcontent-serverApp-c1830601667]{margin-bottom:var(--boels-space-32)}@media (max-width: 768px){[_nghost-serverApp-c1830601667]   .language-selector-container[_ngcontent-serverApp-c1830601667]   h1[_ngcontent-serverApp-c1830601667]{font-size:var(--boels-font-size-xxxl)}}@media (max-width: 575px){[_nghost-serverApp-c1830601667]   .language-selector-container[_ngcontent-serverApp-c1830601667]{padding:var(--boels-space-32) var(--boels-space-16)}}[_nghost-serverApp-c1830601667]   .language-selector-container[_ngcontent-serverApp-c1830601667]   .btn-close-modal[_ngcontent-serverApp-c1830601667]{position:absolute;top:0;right:0;border:0;background-color:initial}[_nghost-serverApp-c1830601667]   .language-selector-container[_ngcontent-serverApp-c1830601667]   .btn-close-modal[_ngcontent-serverApp-c1830601667]   img[_ngcontent-serverApp-c1830601667]{height:var(--boels-space-16);width:var(--boels-space-16)}

/* boels-language-selector-form (c3072236009) */
[_nghost-serverApp-c3072236009]   .language-selector-form__header[_ngcontent-serverApp-c3072236009]{margin-top:2.5rem;margin-bottom:2rem}[_nghost-serverApp-c3072236009]   .language-selector-form__header[_ngcontent-serverApp-c3072236009]   h1[_ngcontent-serverApp-c3072236009]{margin-bottom:.5rem}[_nghost-serverApp-c3072236009]   .language-selector-form__form[_ngcontent-serverApp-c3072236009]{display:flex;flex-direction:column;gap:1rem}@media (min-width: 769px){[_nghost-serverApp-c3072236009]   .language-selector-form__form[_ngcontent-serverApp-c3072236009]{flex-direction:row}}@media (min-width: 769px){[_nghost-serverApp-c3072236009]   .language-selector-form__form.-page[_ngcontent-serverApp-c3072236009]   p-select[_ngcontent-serverApp-c3072236009]{min-width:15rem}}[_nghost-serverApp-c3072236009]   .language-selector-form__form[_ngcontent-serverApp-c3072236009]     .p-select-label{display:flex;align-items:center}[_nghost-serverApp-c3072236009]   .language-selector-form__form[_ngcontent-serverApp-c3072236009]     .p-select-overlay{overflow:hidden!important}[_nghost-serverApp-c3072236009]   .language-selector-form__form[_ngcontent-serverApp-c3072236009]   p-select[_ngcontent-serverApp-c3072236009]{width:100%}@media (min-width: 769px){[_nghost-serverApp-c3072236009]   .language-selector-form__form[_ngcontent-serverApp-c3072236009]   p-select[_ngcontent-serverApp-c3072236009]{max-width:20rem}}[_nghost-serverApp-c3072236009]   .language-selector-form__form[_ngcontent-serverApp-c3072236009]   button[_ngcontent-serverApp-c3072236009]{min-width:max-content}[_nghost-serverApp-c3072236009]   .language-selector-form__option[_ngcontent-serverApp-c3072236009]{display:flex;flex-direction:row;gap:.5rem;align-items:center;height:100%}[_nghost-serverApp-c3072236009]   .language-selector-form__flag[_ngcontent-serverApp-c3072236009]{width:1.5rem;height:1.5rem}

/* Injected language modal: the exact modal HTML carries PrimeNG's own inline
   styles (mask centering, dialog). We only add what PrimeNG computes via JS at
   runtime (dropdown placement + list scroll). Scoped to the injected modal. */
[data-crawled-lang-modal] .p-dialog{max-width:95vw}
[data-crawled-lang-modal] .p-select-overlay{top:calc(100% + 2px);z-index:10}
[data-crawled-lang-modal] .p-select-list-container{max-height:320px;overflow:auto}

/* ---- Navigation submenus ----
   Boels lazy-loads boels-assortment-menu / boels-pages-menu, so unlike the
   other components their CSS is NOT in the page <head> -- it is embedded in the
   JS bundle. These three blocks are verbatim from the bundle's styles:[...]
   arrays, with Angular's %COMP% placeholder replaced by the ids we render in
   script.js (c9000001/2/3 are ours, chosen so they cannot collide with a
   crawled id). The show/hide + positioning already comes from the crawled
   boels-navigation block (c273755328) in the head. */

/* boels-assortment-menu (c9000001) */
[_nghost-serverApp-c9000001]{border-bottom:1px solid var(--color-border-base);border-top:.0625rem solid var(--color-border-base);box-shadow:0 1rem .5rem -.5rem #0000001a;background:var(--color-surface-base)}[_nghost-serverApp-c9000001]   .boels-assortment-menu__grid[_ngcontent-serverApp-c9000001]{display:grid;grid-template-columns:repeat(2,minmax(0,20rem)) auto;padding:1.5rem 0 2rem}[_nghost-serverApp-c9000001]   .boels-assortment-menu__list[_ngcontent-serverApp-c9000001]{display:flex;flex-direction:column;list-style:none}[_nghost-serverApp-c9000001]   .boels-assortment-menu__list.-main-categories[_ngcontent-serverApp-c9000001], [_nghost-serverApp-c9000001]   .boels-assortment-menu__list.-sub-categories[_ngcontent-serverApp-c9000001]{border-right:.0625rem dashed var(--color-border-base)}[_nghost-serverApp-c9000001]   .boels-assortment-menu__list.-main-categories[_ngcontent-serverApp-c9000001]{padding:0 1.5rem 0 0}[_nghost-serverApp-c9000001]   .boels-assortment-menu__list.-sub-categories[_ngcontent-serverApp-c9000001], [_nghost-serverApp-c9000001]   .boels-assortment-menu__list.-sub-category-pages[_ngcontent-serverApp-c9000001]{padding:0 1.5rem}

/* boels-pages-menu (c9000002) */
[_nghost-serverApp-c9000002]{border-bottom:1px solid var(--color-border-base);border-top:.0625rem solid var(--color-border-base);box-shadow:0 1rem .5rem -.5rem #0000001a;background:var(--color-surface-base)}[_nghost-serverApp-c9000002]   .boels-pages-menu__container[_ngcontent-serverApp-c9000002]{padding:1.5rem 0 2rem}[_nghost-serverApp-c9000002]   .boels-pages-menu__list[_ngcontent-serverApp-c9000002]{display:grid;grid-auto-columns:auto;grid-column-gap:1rem;grid-template-columns:1fr 1.5rem 1fr 1.5rem 1fr 1.5rem 1fr;list-style:none;padding:0}[_nghost-serverApp-c9000002]   .boels-pages-menu__list[_ngcontent-serverApp-c9000002]   a[_ngcontent-serverApp-c9000002]{color:var(--color-text-base);margin:0;border-radius:var(--boels-radius-sm)}[_nghost-serverApp-c9000002]   .boels-pages-menu__list[_ngcontent-serverApp-c9000002]   a[_ngcontent-serverApp-c9000002]:focus-visible{outline-style:solid;outline-width:3px;outline-color:var(--boels-color-primary);outline-offset:3px}[_nghost-serverApp-c9000002]   .boels-pages-menu__divider[_ngcontent-serverApp-c9000002]{width:.0625rem;border-right:.0625rem dashed var(--color-border-base);height:100%}[_nghost-serverApp-c9000002]   .boels-pages-menu__column[_ngcontent-serverApp-c9000002]{display:flex;flex-direction:column;gap:.5rem}[_nghost-serverApp-c9000002]   .boels-pages-menu__category-title[_ngcontent-serverApp-c9000002]{display:inline-block;font-weight:700;margin-bottom:var(--boels-space-16);color:var(--color-text-base);border-radius:var(--boels-radius-sm)}[_nghost-serverApp-c9000002]   .boels-pages-menu__category-title[_ngcontent-serverApp-c9000002]:focus-visible{outline-style:solid;outline-width:3px;outline-color:var(--boels-color-primary);outline-offset:3px}

/* boelsAssortmentDropdownItem -- the row anchors inside the assortment menu
   (c9000003). Carries the hover/active highlight and the chevron position. */
[_nghost-serverApp-c9000003]{display:flex;align-items:center;min-height:2.25rem;padding-right:2rem;padding-left:.5rem;position:relative;width:100%;text-decoration:none;border-radius:var(--boels-radius-sm);cursor:pointer;transition:all ease-in-out .1s;color:var(--color-text-base)}[_nghost-serverApp-c9000003]:focus-visible{outline-style:solid;outline-width:3px;outline-color:var(--boels-color-primary);outline-offset:3px}.-default[_nghost-serverApp-c9000003]{color:var(--brand-color-default, var(--color-text-base))}.-has-children.-active[_nghost-serverApp-c9000003]{background-color:var(--color-surface-hover-base);color:var(--color-text-active)}.-has-children[_nghost-serverApp-c9000003]:hover:not(.-active), .-has-children[_nghost-serverApp-c9000003]:focus:not(.-active){text-decoration:none;background-color:var(--color-surface-hover-secondary)}.-has-children[_nghost-serverApp-c9000003]   fa-icon[_ngcontent-serverApp-c9000003]{position:absolute;right:.5rem}

/* ---- Mobile navigation (hamburger) ----
   boels-navigation-mobile is lazy-loaded too, so its CSS also comes from the JS
   bundle rather than the head; Angular's %COMP% replaced with Boels' own id for
   this component (c2740088881), so the markup script.js injects is verbatim. The
   three cdk-overlay rules are Boels' own globals (from styles-*.css) for the
   backdrop, which the crawled head does not include either. */
.cdk-overlay-backdrop{position:absolute;inset:0;z-index:var(--boels-z-index-modal-overlay);pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}
.cdk-overlay-dark-backdrop{background-color:#00000080}

/* boels-navigation-mobile (c2740088881) */
[_nghost-serverApp-c2740088881]{display:none}@media screen and (max-width: 991px){[_nghost-serverApp-c2740088881]{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:var(--boels-z-index-modal-overlay);pointer-events:none;visibility:hidden}.is-visible[_nghost-serverApp-c2740088881]{visibility:visible}[_nghost-serverApp-c2740088881]:has(.cdk-overlay-backdrop){pointer-events:auto}}.navigation-m[_ngcontent-serverApp-c2740088881]{display:flex;flex-direction:column;position:fixed;width:75%;max-width:320px;height:100dvh;max-height:100dvh;top:0;left:0;z-index:var(--boels-z-index-modal-panel);background-color:var(--boels-color-white);overflow:hidden;will-change:transform;box-shadow:2px 0 12px #00000026;isolation:isolate;pointer-events:auto}@media screen and (min-width: 768px) and (max-width: 991px){.navigation-m[_ngcontent-serverApp-c2740088881]{width:85%;max-width:420px}}@media screen and (min-width: 992px){.navigation-m[_ngcontent-serverApp-c2740088881]{display:none}}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-content[_ngcontent-serverApp-c2740088881]{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-y:contain;padding-bottom:var(--boels-space-16);min-height:0}@keyframes _ngcontent-serverApp-c2740088881_bounceTop{0%{transform:translateY(0)}25%{transform:translateY(12px)}50%{transform:translateY(8px)}75%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes _ngcontent-serverApp-c2740088881_bounceBottom{0%{transform:translateY(0)}25%{transform:translateY(-12px)}50%{transform:translateY(-8px)}75%{transform:translateY(-4px)}to{transform:translateY(0)}}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-content[_ngcontent-serverApp-c2740088881]::-webkit-scrollbar{width:6px}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-content[_ngcontent-serverApp-c2740088881]::-webkit-scrollbar-track{background:var(--boels-color-gray-100);border-radius:3px}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-content[_ngcontent-serverApp-c2740088881]::-webkit-scrollbar-thumb{background:var(--boels-color-gray-300);border-radius:3px}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-content[_ngcontent-serverApp-c2740088881]::-webkit-scrollbar-thumb:hover{background:var(--boels-color-gray-400)}.navigation-m.overscroll-top[_ngcontent-serverApp-c2740088881]   .navigation-content[_ngcontent-serverApp-c2740088881]{animation:_ngcontent-serverApp-c2740088881_bounceTop .4s cubic-bezier(.25,.46,.45,.94) both;transform-origin:top}.navigation-m.overscroll-bottom[_ngcontent-serverApp-c2740088881]   .navigation-content[_ngcontent-serverApp-c2740088881]{animation:_ngcontent-serverApp-c2740088881_bounceBottom .4s cubic-bezier(.25,.46,.45,.94) both;transform-origin:bottom}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-top[_ngcontent-serverApp-c2740088881]{background-color:var(--boels-color-gray-200);min-height:42px;position:sticky;top:0;z-index:var(--boels-z-index-default);display:flex;flex-direction:column-reverse}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-top-icon[_ngcontent-serverApp-c2740088881]{width:16px}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-top-buttonBox[_ngcontent-serverApp-c2740088881]{display:flex;justify-content:space-between;align-items:center;padding:var(--boels-space-5) var(--boels-space-5) var(--boels-space-5) var(--boels-space-16)}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-top-buttonBox[_ngcontent-serverApp-c2740088881]   button[_ngcontent-serverApp-c2740088881]{margin-left:auto}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-top-close-button[_ngcontent-serverApp-c2740088881], .navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-top-back-button[_ngcontent-serverApp-c2740088881]{background:none;border:none;padding:0;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-top-close-button[_ngcontent-serverApp-c2740088881]:focus-visible, .navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-top-back-button[_ngcontent-serverApp-c2740088881]:focus-visible{outline:2px solid var(--boels-color-primary);outline-offset:2px;border-radius:4px}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-top-title[_ngcontent-serverApp-c2740088881]{display:flex;width:100%;min-height:64px;align-items:center;padding:var(--boels-space-16) var(--boels-space-16) var(--boels-space-24);color:var(--boels-color-black)}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-top-title-link[_ngcontent-serverApp-c2740088881]{text-decoration:none!important}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-top[_ngcontent-serverApp-c2740088881]   boels-generic-link[_ngcontent-serverApp-c2740088881]{text-decoration:underline}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-item[_ngcontent-serverApp-c2740088881]{padding:var(--boels-space-16);border-bottom:1px solid var(--boels-color-light);color:var(--boels-color-gray-900);cursor:pointer;width:100%;display:block}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-item[_ngcontent-serverApp-c2740088881]:active{background-color:var(--boels-color-gray-100)}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-item[_ngcontent-serverApp-c2740088881]   boels-generic-link[_ngcontent-serverApp-c2740088881]{display:block;color:inherit;text-decoration:none}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-item-title[_ngcontent-serverApp-c2740088881]{display:flex;justify-content:space-between;width:100%;text-transform:none;font-weight:var(--boels-font-weight-light);font-size:var(--boels-font-size-base);align-items:center;min-height:24px}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-item[_ngcontent-serverApp-c2740088881]:has(boels-skeleton){padding:var(--boels-space-24) var(--boels-space-24) 0 var(--boels-space-24);border-bottom:none}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-toggle-context[_ngcontent-serverApp-c2740088881]{flex:0 0 auto;display:flex;flex-direction:column;padding:var(--boels-space-4) var(--boels-space-16) var(--boels-space-8);background-color:var(--boels-color-white);border-top:1px solid var(--boels-color-gray-200);box-shadow:0 -2px 8px #0000000d;position:relative;z-index:var(--boels-z-index-default)}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-toggle-context[_ngcontent-serverApp-c2740088881]   .toggle-section[_ngcontent-serverApp-c2740088881]{margin:var(--boels-space-4) 0}.navigation-m[_ngcontent-serverApp-c2740088881]   .navigation-toggle-context[_ngcontent-serverApp-c2740088881]   .toggle-section[_ngcontent-serverApp-c2740088881]     .dropdown-menu{bottom:100%;top:auto!important;max-height:50vh;overflow-y:auto}[_nghost-serverApp-c2740088881]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--boels-z-index-modal-overlay);pointer-events:none}[_nghost-serverApp-c2740088881]:has(.navigation-m-backdrop){pointer-events:auto}[_nghost-serverApp-c2740088881]     boels-toggle-user-type{height:unset;display:block}[_nghost-serverApp-c2740088881]     boels-toggle-user-type .toggle-view{justify-content:flex-start!important;align-items:center;font-size:var(--boels-font-size-xs);font-weight:var(--boels-font-weight-light);line-height:1.5;padding:var(--boels-space-8) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;gap:var(--boels-space-4)}[_nghost-serverApp-c2740088881]     boels-toggle-user-type .toggle-view .separator{margin:0 var(--boels-space-2, 0.125rem);white-space:pre}[_nghost-serverApp-c2740088881]     boels-toggle-language-selector{margin-left:0;display:block}[_nghost-serverApp-c2740088881]     boels-toggle-language-selector>button.btn{color:var(--boels-color-black)!important;width:100%;text-align:left;padding:var(--boels-space-8) 0;font-size:14px;font-weight:var(--boels-font-weight-light);line-height:1.5;background:none;border:none;outline:none;-webkit-tap-highlight-color:transparent}[_nghost-serverApp-c2740088881]     boels-toggle-language-selector>button.btn:focus-visible{outline:2px solid var(--boels-color-primary);outline-offset:-2px;border-radius:4px}[_nghost-serverApp-c2740088881]     boels-toggle-language-selector>button.btn:active{background:none;outline:none}[_nghost-serverApp-c2740088881]     boels-toggle-language-selector>button.btn:hover{background-color:var(--boels-color-gray-100)}.navigation-mobile-container[_ngcontent-serverApp-c2740088881]{position:relative;width:100%;height:100%}

/* ---- PrimeNG base variables (crawl-gap safety net) ----
   The backend crawl captures whatever <style> blocks happen to be in the head
   at snapshot time, and PrimeNG injects its theme block only once a PrimeNG
   component has mounted. Result: 7 of the 12 locales (nl, en, fr, it, hr, pl,
   si) arrive WITHOUT the :root,:host block that defines the p-form-field,
   p-list and p-overlay-modal variables, so the p-select and p-dialog aliases
   below resolve to nothing and the language modal renders unstyled -- only on
   those languages. These 87 declarations (57 needed + transitive deps) are
   copied verbatim from a locale whose crawl DID capture them, so the values are
   identical where the crawl also provides them and this only fills the gap. */
:root,:host{--p-border-radius-md:16px;--p-border-radius-sm:8px;--p-form-field-background:var(--p-surface-0);--p-form-field-border-color:var(--p-surface-300);--p-form-field-border-radius:var(--p-border-radius-sm);--p-form-field-color:var(--p-surface-700);--p-form-field-disabled-background:var(--p-surface-200);--p-form-field-disabled-color:var(--p-surface-500);--p-form-field-filled-background:var(--p-surface-50);--p-form-field-filled-focus-background:var(--p-surface-50);--p-form-field-filled-hover-background:var(--p-surface-50);--p-form-field-focus-border-color:var(--p-primary-color);--p-form-field-focus-ring-color:transparent;--p-form-field-focus-ring-offset:0;--p-form-field-focus-ring-shadow:0 0 0 0 rgba(0,0,0,0);--p-form-field-focus-ring-style:none;--p-form-field-focus-ring-width:2px;--p-form-field-hover-border-color:var(--p-surface-400);--p-form-field-icon-color:var(--p-surface-950);--p-form-field-invalid-border-color:var(--p-red-400);--p-form-field-invalid-placeholder-color:var(--p-red-600);--p-form-field-lg-font-size:1.125rem;--p-form-field-lg-padding-x:0.875rem;--p-form-field-lg-padding-y:0.625rem;--p-form-field-padding-x:0.75rem;--p-form-field-padding-y:0.5rem;--p-form-field-placeholder-color:var(--p-surface-500);--p-form-field-shadow:0 1px 2px 0 rgba(18,18,23,0.05);--p-form-field-sm-font-size:0.875rem;--p-form-field-sm-padding-x:0.625rem;--p-form-field-sm-padding-y:0.375rem;--p-form-field-transition-duration:var(--p-transition-duration);--p-highlight-background:var(--p-primary-200);--p-highlight-color:var(--p-primary-500);--p-highlight-focus-background:var(--p-primary-200);--p-highlight-focus-color:var(--p-primary-500);--p-list-gap:0.25rem 0.25rem;--p-list-header-padding:0.5rem 1rem 0.25rem 1rem;--p-list-option-border-radius:var(--p-border-radius-sm);--p-list-option-color:var(--p-text-color);--p-list-option-focus-background:var(--p-surface-200);--p-list-option-focus-color:var(--p-text-hover-color);--p-list-option-group-background:transparent;--p-list-option-group-color:var(--p-text-muted-color);--p-list-option-group-font-weight:600;--p-list-option-group-padding:0.5rem 0.75rem;--p-list-option-padding:0.5rem 0.75rem;--p-list-option-selected-background:var(--p-highlight-background);--p-list-option-selected-color:var(--p-highlight-color);--p-list-option-selected-focus-background:var(--p-highlight-focus-background);--p-list-option-selected-focus-color:var(--p-highlight-focus-color);--p-list-padding:0.25rem 0.25rem;--p-orange-200:#FFE2D7;--p-orange-500:#FF6600;--p-overlay-modal-background:var(--p-surface-0);--p-overlay-modal-border-color:var(--p-surface-200);--p-overlay-modal-border-radius:var(--p-border-radius-md);--p-overlay-modal-color:var(--p-text-color);--p-overlay-modal-padding:1.25rem;--p-overlay-modal-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--p-overlay-select-background:var(--p-surface-0);--p-overlay-select-border-color:var(--p-surface-200);--p-overlay-select-border-radius:var(--p-border-radius-sm);--p-overlay-select-color:var(--p-text-color);--p-overlay-select-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--p-primary-200:var(--p-orange-200);--p-primary-500:var(--p-orange-500);--p-primary-color:var(--p-primary-500);--p-red-400:#f87171;--p-red-600:#dc2626;--p-slate-200:#EEEEEE;--p-slate-300:#cbd5e1;--p-slate-400:#D1D3D4;--p-slate-50:#FFFFFF;--p-slate-500:#686868;--p-slate-700:#334155;--p-slate-950:#000000;--p-surface-0:#ffffff;--p-surface-200:var(--p-slate-200);--p-surface-300:var(--p-slate-300);--p-surface-400:var(--p-slate-400);--p-surface-50:var(--p-slate-50);--p-surface-500:var(--p-slate-500);--p-surface-700:var(--p-slate-700);--p-surface-950:var(--p-slate-950);--p-text-color:var(--p-surface-950);--p-text-hover-color:var(--p-primary-500);--p-text-muted-color:var(--p-surface-500);--p-transition-duration:0.2s;}

/* PrimeNG select variables (map --p-select tokens to --p-form-field and --p-list
   tokens). Without this the .p-select rules reference undefined vars (no border,
   no background). */
:root,:host{--p-select-empty-message-padding:var(--p-list-option-padding);--p-select-option-group-color:var(--p-list-option-group-color);--p-select-option-group-padding:var(--p-list-option-group-padding);--p-select-option-group-background:var(--p-list-option-group-background);--p-select-option-group-font-weight:var(--p-list-option-group-font-weight);--p-select-clear-icon-color:var(--p-form-field-icon-color);--p-select-checkmark-color:var(--p-list-option-color);--p-select-checkmark-gutter-end:0.375rem;--p-select-checkmark-gutter-start:-0.375rem;--p-select-dropdown-color:var(--p-form-field-icon-color);--p-select-dropdown-width:2.5rem;--p-select-overlay-color:var(--p-overlay-select-color);--p-select-overlay-shadow:var(--p-overlay-select-shadow);--p-select-overlay-background:var(--p-overlay-select-background);--p-select-overlay-border-color:var(--p-overlay-select-border-color);--p-select-overlay-border-radius:var(--p-overlay-select-border-radius);--p-select-option-color:var(--p-list-option-color);--p-select-option-padding:var(--p-list-option-padding);--p-select-option-focus-color:var(--p-list-option-focus-color);--p-select-option-border-radius:var(--p-list-option-border-radius);--p-select-option-selected-color:var(--p-list-option-selected-color);--p-select-option-focus-background:var(--p-list-option-focus-background);--p-select-option-selected-background:var(--p-list-option-selected-background);--p-select-option-selected-focus-color:var(--p-list-option-selected-focus-color);--p-select-option-selected-focus-background:var(--p-list-option-selected-focus-background);--p-select-color:var(--p-form-field-color);--p-select-shadow:var(--p-form-field-shadow);--p-select-padding-x:var(--p-form-field-padding-x);--p-select-padding-y:var(--p-form-field-padding-y);--p-select-background:var(--p-form-field-background);--p-select-border-color:var(--p-form-field-border-color);--p-select-border-radius:var(--p-form-field-border-radius);--p-select-disabled-color:var(--p-form-field-disabled-color);--p-select-filled-background:var(--p-form-field-filled-background);--p-select-focus-border-color:var(--p-form-field-focus-border-color);--p-select-hover-border-color:var(--p-form-field-hover-border-color);--p-select-placeholder-color:var(--p-form-field-placeholder-color);--p-select-disabled-background:var(--p-form-field-disabled-background);--p-select-invalid-border-color:var(--p-form-field-invalid-border-color);--p-select-transition-duration:var(--p-form-field-transition-duration);--p-select-filled-focus-background:var(--p-form-field-filled-focus-background);--p-select-filled-hover-background:var(--p-form-field-filled-hover-background);--p-select-invalid-placeholder-color:var(--p-form-field-invalid-placeholder-color);--p-select-focus-ring-color:var(--p-form-field-focus-ring-color);--p-select-focus-ring-style:var(--p-form-field-focus-ring-style);--p-select-focus-ring-width:var(--p-form-field-focus-ring-width);--p-select-focus-ring-offset:var(--p-form-field-focus-ring-offset);--p-select-focus-ring-shadow:var(--p-form-field-focus-ring-shadow);--p-select-sm-font-size:var(--p-form-field-sm-font-size);--p-select-sm-padding-x:var(--p-form-field-sm-padding-x);--p-select-sm-padding-y:var(--p-form-field-sm-padding-y);--p-select-lg-font-size:var(--p-form-field-lg-font-size);--p-select-lg-padding-x:var(--p-form-field-lg-padding-x);--p-select-lg-padding-y:var(--p-form-field-lg-padding-y);--p-select-list-gap:var(--p-list-gap);--p-select-list-padding:var(--p-list-padding);--p-select-list-header-padding:var(--p-list-header-padding);}