@layer theme,base,tad-forms;@layer components{@media (min-width:1024px){:where([data-stijl]) .tad-knop-primair,:where([data-stijl]) .tad-knop-secundair,:where([data-stijl]) .tad-knop-gevaar,:where([data-stijl]) .tad-knop-subtiel,:where([data-stijl]) .tad-veld{height:var(--hoogte-veld)}:where([data-stijl]) .tad-knop-balk,:where([data-stijl]) .tad-knop-balk-breed,:where([data-stijl]) .tad-knop-balk-primair,:where([data-stijl]) .tad-knop-balk-rand,:where([data-stijl]) .tad-zoekveld-balk,:where([data-stijl]) .tad-keuze-compact{height:var(--hoogte-balk)}:where([data-stijl]) .tad-knop-balk,:where([data-stijl]) .tad-knop-opafbeelding{width:var(--hoogte-balk)}:where([data-stijl]) .tad-knop-opafbeelding{height:var(--hoogte-balk)}:where([data-stijl]) .tad-lijstrij{min-height:var(--hoogte-rij)}}:where([data-stijl=donker]) .tad-knop-primair,:where([data-stijl=donker]) .tad-knop-balk-aan,:where([data-stijl=donker]) .tad-knop-balk-primair,:where([data-stijl=donker]) .tad-knop-zoekbalk-primair,:where([data-stijl=donker]) .tad-pil-primair,:where([data-stijl=donker]) .tad-pil-aan,:where([data-stijl=donker]) .tad-badge-teller,:where([data-stijl=donker]) .tad-avatar,[data-stijl=donker] .tad-knop-balk-aan:hover,[data-stijl=donker] .tad-knop-balk-aan:disabled{color:var(--color-fg-on-brand)}:where([data-stijl=donker]) .tad-link,:where([data-stijl=donker]) .tad-link-kop,:where([data-stijl=donker]) .tad-tabblad-aan{color:var(--color-brand-tekst)}[data-stijl=donker] .tad-knop-primair:not(:disabled){box-shadow:inset 0 0 0 1px var(--color-brand-tekst), var(--shadow-knop)}[data-stijl=donker] .tad-knop-balk-primair:not(:disabled),[data-stijl=donker] .tad-pil-primair:not(:disabled),[data-stijl=donker] .tad-knop-zoekbalk-primair:not(:disabled){box-shadow:inset 0 0 0 1px var(--color-brand-tekst)}}@layer utilities{:where([data-stijl=donker]) .text-white{color:var(--color-fg-on-brand)}:where([data-stijl=donker]) .text-white\/90{color:color-mix(in oklab, var(--color-fg-on-brand) 90%, transparent)}:where([data-stijl=donker]) .text-white\/80{color:color-mix(in oklab, var(--color-fg-on-brand) 80%, transparent)}:where([data-stijl=donker]) .text-white\/75{color:color-mix(in oklab, var(--color-fg-on-brand) 75%, transparent)}:where([data-stijl=donker]) .text-white\/70{color:color-mix(in oklab, var(--color-fg-on-brand) 70%, transparent)}:where([data-stijl=donker]) .text-white\/65{color:color-mix(in oklab, var(--color-fg-on-brand) 65%, transparent)}:where([data-stijl=donker]) .text-white\/60{color:color-mix(in oklab, var(--color-fg-on-brand) 60%, transparent)}:where([data-stijl=donker]) .text-white\/55{color:color-mix(in oklab, var(--color-fg-on-brand) 55%, transparent)}:where([data-stijl=donker]) .text-white\/50{color:color-mix(in oklab, var(--color-fg-on-brand) 50%, transparent)}:where([data-stijl=donker]) .text-white\/40{color:color-mix(in oklab, var(--color-fg-on-brand) 40%, transparent)}[data-stijl=donker] .hover\:text-white:hover,[data-stijl=donker] .disabled\:text-white:disabled{color:var(--color-fg-on-brand)}:where([data-stijl=donker]) .bg-white\/90{background-color:color-mix(in oklab, var(--color-fg-on-brand) 90%, transparent)}:where([data-stijl=donker]) .bg-white\/80{background-color:color-mix(in oklab, var(--color-fg-on-brand) 80%, transparent)}:where([data-stijl=donker]) .bg-white\/72{background-color:color-mix(in oklab, var(--color-fg-on-brand) 72%, transparent)}:where([data-stijl=donker]) .bg-white\/15{background-color:color-mix(in oklab, var(--color-fg-on-brand) 15%, transparent)}:where([data-stijl=donker]) .text-brand-80,[data-stijl=donker] .hover\:text-brand-80:hover{color:var(--color-brand-tekst)}}html[data-stijl=huidig]{--color-fg-1:#1a1814;--color-fg-2:#3b3631;--color-fg-3:#6b645b;--color-fg-4:#9a9286;--color-fg-disabled:#c2c7d8;--color-fg-on-brand:#fff;--color-white:#fff;--color-bg-1:#fff;--color-bg-2:#faf8f4;--color-bg-3:#f4f1eb;--color-bg-4:#ede8df;--color-bg-app:#fff;--color-bg-hover:#f6f3ee;--color-bg-pressed:#ece7de;--color-bg-selected:#eaf1fd;--color-stroke-1:#e2dcd1;--color-stroke-2:#e8e3da;--color-stroke-3:#f0ece5;--color-stroke-hover:#d5cec2;--color-brand-40:#15359a;--color-brand-60:#1a43be;--color-brand-70:#1b44c6;--color-brand-75:#3b6be8;--color-brand-80:#1e4fd6;--color-brand-100:#5b8fea;--color-brand-130:#bbd3f7;--color-brand-150:#dce7fb;--color-brand-160:#eef3fe;--color-brand-tekst:#1e4fd6;--color-info-bg:#eef3fe;--color-info-stroke:#bbd3f7;--color-info-fg:#1e4fd6;--color-success-bg:#e9faf1;--color-success-stroke:#a6e9c8;--color-success-fg:#027a48;--color-warning-bg:#fef6e7;--color-warning-stroke:#fbdfaf;--color-warning-fg:#b54708;--color-danger-bg:#fef0ef;--color-danger-stroke:#fbc5c1;--color-danger-fg:#b42318;--color-info-vlak:#1e4fd6;--color-info-vlak-inkt:#fff;--color-info-vlak-rand:#1a43be;--color-success-vlak:#027a48;--color-success-vlak-inkt:#fff;--color-success-vlak-rand:#015c36;--color-warning-vlak:#b54708;--color-warning-vlak-inkt:#fff;--color-warning-vlak-rand:#8c3706;--color-danger-vlak:#b42318;--color-danger-vlak-inkt:#fff;--color-danger-vlak-rand:#8e1b12;--color-focus-rand:var(--color-brand-80);--color-focus-gloed:color-mix(in srgb, var(--color-brand-80) 20%, transparent);--color-kpi-blauw:#1e4fd6;--color-kpi-blauw-op:#eef3fe;--color-kpi-rood:#f04438;--color-kpi-rood-op:#fef0ef;--color-kpi-groen:#12b76a;--color-kpi-groen-op:#e9faf1;--color-kpi-oranje:#f79009;--color-kpi-oranje-op:#fef6e7;--color-kpi-paars:#8b5cf6;--color-kpi-paars-op:#f4f1fe;--color-kpi-cyaan:#06aed4;--color-kpi-cyaan-op:#e7f9fd;--color-cat-blauw:#1e4fd6;--color-cat-paars:#8b5cf6;--color-cat-roze:#db2777;--color-cat-rood:#f04438;--color-cat-oranje:#f79009;--color-cat-geel:#f79009;--color-cat-groen:#12b76a;--color-cat-turkoois:#06aed4;--color-grafiek-1:#1e4fd6;--color-grafiek-2:#0087c2;--color-grafiek-3:#00564f;--color-grafiek-4:#c16900;--color-grafiek-5:#795086;--color-grafiek-6:#6c8753;--color-rij-hover:color-mix(in srgb, var(--color-fg-1) 5%, transparent);--color-papier:#fff;--color-papier-inkt:#1a1814;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-2:0 1px 2px #2921160a, 0 6px 18px -6px #29211614;--shadow-4:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-8:0 4px 16px #00000014, 0 1px 4px #0000000a;--shadow-16:0 10px 24px #0000000f, 0 4px 8px #0000000a;--shadow-64:0 20px 40px #00000014, 0 8px 16px #0000000a;--shadow-knop:0 1px 2px #2921161a;--shadow-glas:0 6px 20px -14px #16192c59;--glass-shadow:none;--glass-shadow-hover:none;--hoogte-balk:28px;--hoogte-veld:38px;--hoogte-rij:40px;--dichtheid:.25rem;--duration-normal:.2s;--ease:cubic-bezier(.4, 0, .2, 1);--font-sans:var(--font-inter), "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}html[data-stijl=fluent]{--color-fg-1:#242a33;--color-fg-2:#444c58;--color-fg-3:#5d6675;--color-fg-4:#79828f;--color-fg-disabled:#b4b9c2;--color-fg-on-brand:#fff;--color-white:#fff;--color-bg-1:#fff;--color-bg-2:#fafbfc;--color-bg-3:#f4f5f7;--color-bg-4:#edeff2;--color-bg-app:#e7e9ed;--color-bg-hover:#f2f3f6;--color-bg-pressed:#e3e5ea;--color-bg-selected:#eaf1fd;--color-stroke-1:#cfd3da;--color-stroke-2:#dfe2e8;--color-stroke-3:#ebedf1;--color-stroke-hover:#b7bcc6;--color-brand-40:#123a8c;--color-brand-60:#17429f;--color-brand-70:#1b4ac4;--color-brand-75:#4b76e4;--color-brand-80:#1e4fd6;--color-brand-100:#7fa0ee;--color-brand-130:#bfd0f7;--color-brand-150:#d9e4fb;--color-brand-160:#eaf1fd;--color-brand-tekst:#1b4ac4;--color-info-bg:#eaf1fd;--color-info-stroke:#b8cef6;--color-info-fg:#1b4ac4;--color-success-bg:#f1faf1;--color-success-stroke:#9fd89f;--color-success-fg:#0e700e;--color-warning-bg:#fff8f2;--color-warning-stroke:#fdcfb4;--color-warning-fg:#a63a05;--color-danger-bg:#fdf3f4;--color-danger-stroke:#eeacb2;--color-danger-fg:#a80a17;--color-info-vlak:#1b4ac4;--color-info-vlak-inkt:#fff;--color-info-vlak-rand:#14399a;--color-success-vlak:#0e700e;--color-success-vlak-inkt:#fff;--color-success-vlak-rand:#0a560a;--color-warning-vlak:#a63a05;--color-warning-vlak-inkt:#fff;--color-warning-vlak-rand:#802d04;--color-danger-vlak:#a80a17;--color-danger-vlak-inkt:#fff;--color-danger-vlak-rand:#820811;--color-focus-rand:var(--color-brand-80);--color-focus-gloed:color-mix(in srgb, var(--color-brand-80) 18%, transparent);--color-kpi-blauw:#1e4fd6;--color-kpi-blauw-op:#eaf1fd;--color-kpi-rood:#a80a17;--color-kpi-rood-op:#fdf3f4;--color-kpi-groen:#0e700e;--color-kpi-groen-op:#f1faf1;--color-kpi-oranje:#a63a05;--color-kpi-oranje-op:#fff8f2;--color-kpi-paars:#1e4fd6;--color-kpi-paars-op:#eaf1fd;--color-kpi-cyaan:#1e4fd6;--color-kpi-cyaan-op:#eaf1fd;--color-cat-blauw:#4a5361;--color-cat-paars:#4a5361;--color-cat-roze:#4a5361;--color-cat-rood:#4a5361;--color-cat-oranje:#4a5361;--color-cat-geel:#4a5361;--color-cat-groen:#4a5361;--color-cat-turkoois:#4a5361;--color-grafiek-1:#1e4fd6;--color-grafiek-2:#b16c00;--color-grafiek-3:#0a4e40;--color-grafiek-4:#0f85af;--color-grafiek-5:#814377;--color-grafiek-6:#65854d;--color-rij-hover:color-mix(in srgb, var(--color-fg-1) 6%, transparent);--color-papier:#fff;--color-papier-inkt:#242a33;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--shadow-2:none;--shadow-4:0 0 2px #0000001f, 0 2px 4px #00000024;--shadow-8:0 0 2px #0000001f, 0 4px 8px #00000024;--shadow-16:0 0 2px #0000001f, 0 8px 16px #00000024;--shadow-64:0 0 8px #0000001f, 0 32px 64px #00000024;--shadow-knop:none;--shadow-glas:0 1px 0 #00000014;--glass-shadow:none;--glass-shadow-hover:none;--hoogte-balk:28px;--hoogte-veld:32px;--hoogte-rij:36px;--dichtheid:.22rem;--duration-normal:.1s;--ease:cubic-bezier(.33, 0, .67, 1);--font-sans:"Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, Roboto, system-ui, sans-serif}html[data-stijl=ruim]{--color-fg-1:#2e2a25;--color-fg-2:#5c5349;--color-fg-3:#7d7368;--color-fg-4:#998c7e;--color-fg-disabled:#c6bcb1;--color-fg-on-brand:#fff;--color-white:#fff;--color-bg-1:#fff;--color-bg-2:#fefcf9;--color-bg-3:#faf6f1;--color-bg-4:#f2ece4;--color-bg-app:#faf6f1;--color-bg-hover:#f7f2eb;--color-bg-pressed:#ede5da;--color-bg-selected:#f1eefe;--color-stroke-1:#e6ddd1;--color-stroke-2:#f0e9e0;--color-stroke-3:#f6f1ea;--color-stroke-hover:#d5c9ba;--color-brand-40:#332b94;--color-brand-60:#443abf;--color-brand-70:#4e44d9;--color-brand-75:#7c6ff0;--color-brand-80:#5b51e8;--color-brand-100:#a79ef5;--color-brand-130:#d2cdfa;--color-brand-150:#e6e3fd;--color-brand-160:#f3f1fe;--color-brand-tekst:#4e44d9;--color-info-bg:#f1eefe;--color-info-stroke:#cfc9f9;--color-info-fg:#4e44d9;--color-success-bg:#edf9f1;--color-success-stroke:#b4e5c7;--color-success-fg:#1d6b43;--color-warning-bg:#fdf5e9;--color-warning-stroke:#f2ddb4;--color-warning-fg:#94540f;--color-danger-bg:#fdf1ef;--color-danger-stroke:#f5c6bf;--color-danger-fg:#9e3324;--color-info-vlak:#4e44d9;--color-info-vlak-inkt:#fff;--color-info-vlak-rand:#3d35ae;--color-success-vlak:#1d6b43;--color-success-vlak-inkt:#fff;--color-success-vlak-rand:#165334;--color-warning-vlak:#94540f;--color-warning-vlak-inkt:#fff;--color-warning-vlak-rand:#74420b;--color-danger-vlak:#9e3324;--color-danger-vlak-inkt:#fff;--color-danger-vlak-rand:#7c281c;--color-focus-rand:var(--color-brand-80);--color-focus-gloed:color-mix(in srgb, var(--color-brand-80) 24%, transparent);--color-kpi-blauw:#5b51e8;--color-kpi-blauw-op:#f1eefe;--color-kpi-rood:#e05a48;--color-kpi-rood-op:#fdf1ef;--color-kpi-groen:#1fa971;--color-kpi-groen-op:#edf9f1;--color-kpi-oranje:#e08a1e;--color-kpi-oranje-op:#fdf5e9;--color-kpi-paars:#9569f0;--color-kpi-paars-op:#f5f0fe;--color-kpi-cyaan:#22a2c4;--color-kpi-cyaan-op:#eaf7fb;--color-cat-blauw:#5b51e8;--color-cat-paars:#9569f0;--color-cat-roze:#d1568b;--color-cat-rood:#e05a48;--color-cat-oranje:#e08a1e;--color-cat-geel:#d6a21e;--color-cat-groen:#1fa971;--color-cat-turkoois:#22a2c4;--color-grafiek-1:#5b51e8;--color-grafiek-2:#b27a1e;--color-grafiek-3:#0f5c51;--color-grafiek-4:#218ec0;--color-grafiek-5:#785184;--color-grafiek-6:#6a8f5c;--color-rij-hover:color-mix(in srgb, var(--color-fg-1) 8%, transparent);--color-papier:#fff;--color-papier-inkt:#2e2a25;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--shadow-2:0 1px 2px #46372a0d;--shadow-4:0 2px 6px #46372a0f;--shadow-8:0 6px 18px -6px #46372a1a;--shadow-16:0 12px 32px -12px #46372a24;--shadow-64:0 28px 64px -28px #46372a33;--shadow-knop:0 1px 2px #46372a14;--shadow-glas:0 8px 24px -18px #46372a4d;--glass-shadow:0 1px 2px #46372a0d;--glass-shadow-hover:0 8px 24px -12px #46372a29;--hoogte-balk:34px;--hoogte-veld:44px;--hoogte-rij:52px;--dichtheid:.3rem;--duration-normal:.26s;--ease:cubic-bezier(.2, .8, .2, 1);--font-sans:var(--font-inter), "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}html[data-stijl=donker]{--color-fg-1:#e9edf4;--color-fg-2:#b3bccb;--color-fg-3:#8b95a6;--color-fg-4:#6c7686;--color-fg-disabled:#4e5768;--color-fg-on-brand:#fff;--color-white:#1f2531;--color-bg-1:#1f2531;--color-bg-2:#1b212b;--color-bg-3:#161b24;--color-bg-4:#262d3a;--color-bg-app:#11151c;--color-bg-hover:#29303e;--color-bg-pressed:#333b4b;--color-bg-selected:#232c4e;--color-stroke-1:#39414f;--color-stroke-2:#2c3441;--color-stroke-3:#262d3a;--color-stroke-hover:#4b5568;--color-brand-40:#2c34a8;--color-brand-60:#3a44c4;--color-brand-70:#6163f0;--color-brand-75:#6e72f2;--color-brand-80:#5a63e8;--color-brand-100:#7a83f0;--color-brand-130:#2e3565;--color-brand-150:#262d53;--color-brand-160:#1f2646;--color-brand-tekst:#a9b2ff;--color-info-bg:#1f2646;--color-info-stroke:#39427a;--color-info-fg:#a9b2ff;--color-success-bg:#10281e;--color-success-stroke:#1f5d42;--color-success-fg:#5fd3a0;--color-warning-bg:#2a2114;--color-warning-stroke:#6b4c1b;--color-warning-fg:#f0b45c;--color-danger-bg:#2b1918;--color-danger-stroke:#7a3630;--color-danger-fg:#f58c82;--color-info-vlak:#8c93f7;--color-info-vlak-inkt:#151a3a;--color-info-vlak-rand:#6a74da;--color-success-vlak:#35c98a;--color-success-vlak-inkt:#06251a;--color-success-vlak-rand:#1f8f60;--color-warning-vlak:#f0a63c;--color-warning-vlak-inkt:#2a1b05;--color-warning-vlak-rand:#b87418;--color-danger-vlak:#f0685c;--color-danger-vlak-inkt:#2a100d;--color-danger-vlak-rand:#c24a3f;--color-focus-rand:var(--color-brand-tekst);--color-focus-gloed:color-mix(in srgb, var(--color-brand-tekst) 42%, transparent);--color-kpi-blauw:#6e78ee;--color-kpi-blauw-op:#232b4a;--color-kpi-rood:#f0685c;--color-kpi-rood-op:#2e1d1c;--color-kpi-groen:#35c98a;--color-kpi-groen-op:#12291f;--color-kpi-oranje:#f0a63c;--color-kpi-oranje-op:#2b2113;--color-kpi-paars:#a17df7;--color-kpi-paars-op:#251e3b;--color-kpi-cyaan:#3ec3e0;--color-kpi-cyaan-op:#12262c;--color-cat-blauw:#6e78ee;--color-cat-paars:#a17df7;--color-cat-roze:#ee7bac;--color-cat-rood:#f0685c;--color-cat-oranje:#f0a63c;--color-cat-geel:#e8c455;--color-cat-groen:#35c98a;--color-cat-turkoois:#3ec3e0;--color-grafiek-1:#8c93f7;--color-grafiek-2:#ffcc87;--color-grafiek-3:#db8bc0;--color-grafiek-4:#76d3ff;--color-grafiek-5:#80ac3c;--color-grafiek-6:#008c8c;--color-rij-hover:color-mix(in srgb, var(--color-fg-1) 5.5%, transparent);--color-papier:#fff;--color-papier-inkt:#16192c;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--shadow-2:0 1px 2px #0006;--shadow-4:0 1px 3px #00000073, 0 1px 2px #00000059;--shadow-8:0 4px 16px #00000073, 0 1px 4px #00000059;--shadow-16:0 10px 24px #00000080, 0 4px 8px #00000059;--shadow-64:0 20px 48px #0009, 0 8px 16px #0006;--shadow-knop:0 1px 2px #0006;--shadow-glas:0 6px 20px -14px #000c;--glass-shadow:none;--glass-shadow-hover:0 8px 24px -12px #0000008c;--hoogte-balk:28px;--hoogte-veld:38px;--hoogte-rij:40px;--dichtheid:.25rem;--duration-normal:.2s;--ease:cubic-bezier(.4, 0, .2, 1);--font-sans:var(--font-inter), "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}@media (min-width:1024px){html[data-stijl]{--spacing:var(--dichtheid)}}html[data-stijl] body{font-family:var(--font-sans)}html[data-stijl=donker] select:not(.tad-unstyled),html[data-stijl=donker] input:not(.tad-unstyled),html[data-stijl=donker] textarea:not(.tad-unstyled){background-color:var(--color-bg-1);border-color:var(--color-stroke-1)}html[data-stijl=donker] .glass{background:color-mix(in srgb, var(--color-bg-1) 92%, transparent)}html[data-stijl=donker] ::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-fg-1) 20%, transparent);background-clip:padding-box}html[data-stijl=donker] ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--color-fg-1) 34%, transparent);background-clip:padding-box}html[data-stijl=donker] ::selection{background:var(--color-brand-130);color:var(--color-fg-1)}html[data-stijl=donker] .skeleton-shimmer{background:linear-gradient(90deg, color-mix(in srgb, var(--color-fg-1) 6%, transparent) 25%, color-mix(in srgb, var(--color-brand-80) 26%, transparent) 50%, color-mix(in srgb, var(--color-fg-1) 6%, transparent) 75%);background-size:200% 100%}