@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms); --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms); animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms); animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms); --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px); --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px); --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)/100); --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)/100); --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%); --tw-enter-scale: calc(--value(ratio)); --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%); --tw-enter-scale: calc(--value(ratio)*-1); --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%); --tw-exit-scale: calc(--value(ratio)); --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%); --tw-exit-scale: calc(--value(ratio)*-1); --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg); --tw-enter-rotate: calc(--value(ratio)*360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg); --tw-enter-rotate: calc(--value(ratio)*-360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg); --tw-exit-rotate: calc(--value(ratio)*360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg); --tw-exit-rotate: calc(--value(ratio)*-360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-y: calc(--value(ratio)*-100%); --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-y: calc(--value(ratio)*100%); --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-y: calc(--value(ratio)*-100%); --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}@custom-variant dark (&:is(.dark *));@theme inline{--radius-sm: calc(var(--radius) - 2px); --radius-md: var(--radius); --radius-lg: calc(var(--radius) + 2px); --radius-xl: calc(var(--radius) + 6px); --radius-2xl: calc(var(--radius) + 10px); --radius-3xl: calc(var(--radius) + 14px); --radius-4xl: calc(var(--radius) + 18px); --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif; --font-sans: "DM Sans", ui-sans-serif, system-ui, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace; --color-background: var(--background); --color-foreground: var(--foreground); --color-surface: var(--surface); --color-surface-foreground: var(--surface-foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-primary-muted: var(--primary-muted); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-success-strong: var(--success-strong); --color-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-warning-strong: var(--warning-strong); --color-info: var(--info); --color-info-foreground: var(--info-foreground); --color-info-strong: var(--info-strong); --color-destructive-strong: var(--destructive-strong);  --color-canvas: var(--canvas); --color-canvas-grid: var(--canvas-grid); --color-canvas-foreground: var(--canvas-foreground); --color-historie: var(--historie); --color-historie-foreground: var(--historie-foreground); --color-print-surface: var(--print-surface); --color-print-surface-foreground: var(--print-surface-foreground); --color-doc-kop: var(--doc-kop); --color-doc-post: var(--doc-post); --color-doc-specificatie: var(--doc-specificatie); --color-doc-aanwijzing: var(--doc-aanwijzing); --color-border: var(--border); --color-border-strong: var(--border-strong); --color-input: var(--input); --color-ring: var(--ring); --color-ring-offset-background: var(--background); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --color-brand-navy: var(--brand-navy); --color-brand-infrabids: var(--brand-infrabids); --color-brand-site: var(--brand-site); --color-brand-saas: var(--brand-saas); --color-brand-suite: var(--brand-suite); --color-brand-share: var(--brand-share); --color-brand-studio: var(--brand-studio); --color-brand-tvm: var(--brand-tvm); --color-brand-software: var(--brand-software); --color-brand-science: var(--brand-science); --color-brand-foreground: var(--brand-foreground);  --color-agent: var(--agent); --color-agent-muted: var(--agent-muted); --color-agent-foreground: var(--agent-foreground);  --motion-fast: .12s; --motion-normal: .2s; --motion-slow: .32s; --ease-standard: cubic-bezier(.2, 0, 0, 1); --ease-entrance: cubic-bezier(.05, .7, .1, 1); --ease-exit: cubic-bezier(.3, 0, .8, .15);  --z-base: 0; --z-map-overlay: 10; --z-panel: 20; --z-sticky: 30; --z-sheet: 40; --z-popover: 50; --z-toast: 60;  --density-row: 2.5rem; --density-pad-x: .75rem; --density-pad-y: .5rem; --shadow-flat: 0 1px 0 0 color-mix(in oklab, var(--foreground) 8%, transparent); --shadow-raised: 0 1px 2px -1px color-mix(in oklab, var(--foreground) 14%, transparent), 0 2px 6px -2px color-mix(in oklab, var(--foreground) 10%, transparent); --shadow-overlay: 0 12px 32px -12px color-mix(in oklab, var(--foreground) 30%, transparent);}:root{--radius:.375rem;--background:oklch(98.8% .002 260);--foreground:oklch(18% .028 264);--surface:oklch(96.5% .004 260);--surface-foreground:oklch(18% .028 264);--card:oklch(100% 0 0);--card-foreground:oklch(18% .028 264);--popover:oklch(100% 0 0);--popover-foreground:oklch(18% .028 264);--primary:oklch(62.8% .192 262.5);--primary-foreground:oklch(99% .002 260);--primary-muted:oklch(94.5% .028 262.5);--secondary:oklch(95.5% .006 260);--secondary-foreground:oklch(24% .03 264);--muted:oklch(95.5% .006 260);--muted-foreground:oklch(50.5% .02 260);--accent:oklch(94.5% .028 262.5);--accent-foreground:oklch(35% .13 262.5);--destructive:oklch(57.5% .215 26);--destructive-foreground:oklch(99% .002 260);--success:oklch(58% .13 155);--success-foreground:oklch(99% .002 260);--warning:oklch(72% .15 72);--warning-foreground:oklch(20% .03 72);--info:oklch(62.8% .192 262.5);--info-foreground:oklch(99% .002 260);--success-strong:oklch(42% .11 155);--warning-strong:oklch(46% .11 72);--info-strong:oklch(44% .15 262.5);--destructive-strong:oklch(45% .17 26);--overlay:oklch(18% .028 264/.55);--scrim:oklch(18% .028 264/.78);--canvas:oklch(20.5% .028 264);--canvas-grid:oklch(31% .035 264);--canvas-foreground:oklch(95.5% .005 260);--historie:oklch(94% .03 300);--historie-foreground:oklch(36% .12 300);--print-surface:oklch(100% 0 0);--print-surface-foreground:oklch(18% .028 264);--doc-kop:oklch(24% .03 264);--doc-post:oklch(44% .15 262.5);--doc-specificatie:oklch(38% .02 260);--doc-aanwijzing:oklch(46% .11 72);--border:oklch(91.2% .006 260);--border-strong:oklch(84.5% .01 260);--input:oklch(90% .007 260);--ring:oklch(62.8% .192 262.5);--chart-1:oklch(62.8% .192 262.5);--chart-2:oklch(72% .12 216);--chart-3:oklch(62% .13 178);--chart-4:oklch(72% .15 72);--chart-5:oklch(50% .16 288);--sidebar:oklch(97.5% .004 260);--sidebar-foreground:oklch(25% .025 264);--sidebar-primary:oklch(62.8% .192 262.5);--sidebar-primary-foreground:oklch(99% .002 260);--sidebar-accent:oklch(93.5% .012 262);--sidebar-accent-foreground:oklch(22% .04 264);--sidebar-border:oklch(90% .007 260);--sidebar-ring:oklch(62.8% .192 262.5);--brand-navy:#12233f;--brand-infrabids:#006ce4;--brand-site:#00b4b4;--brand-saas:#f06c24;--brand-suite:#6024a8;--brand-share:#fcc000;--brand-studio:#e43c48;--brand-tvm:#ff4f00;--brand-software:#54a854;--brand-science:#c8288c;--brand-foreground:oklch(99% .002 260);--agent:oklch(57.5% .16 292);--agent-muted:oklch(95.5% .025 292);--agent-foreground:oklch(99% .002 260)}.dark{--background:oklch(12.8% .024 264);--foreground:oklch(95.5% .005 260);--surface:oklch(16.8% .026 264);--surface-foreground:oklch(95.5% .005 260);--card:oklch(17.8% .026 264);--card-foreground:oklch(95.5% .005 260);--popover:oklch(17.8% .026 264);--popover-foreground:oklch(95.5% .005 260);--primary:oklch(66.5% .185 262.5);--primary-foreground:oklch(12.8% .024 264);--primary-muted:oklch(29% .075 263);--secondary:oklch(23.5% .028 264);--secondary-foreground:oklch(95.5% .005 260);--muted:oklch(23.5% .028 264);--muted-foreground:oklch(68.8% .022 260);--accent:oklch(28% .06 263);--accent-foreground:oklch(93% .03 262);--destructive:oklch(66% .19 24);--destructive-foreground:oklch(12.8% .024 264);--success:oklch(70% .14 158);--success-foreground:oklch(12.8% .024 264);--warning:oklch(79% .15 76);--warning-foreground:oklch(12.8% .024 264);--info:oklch(66.5% .185 262.5);--info-foreground:oklch(12.8% .024 264);--success-strong:oklch(82% .13 158);--warning-strong:oklch(87% .13 76);--info-strong:oklch(80% .13 262.5);--destructive-strong:oklch(80% .14 24);--overlay:oklch(8% .02 264/.6);--scrim:oklch(8% .02 264/.82);--canvas:oklch(14.8% .024 264);--canvas-grid:oklch(27% .03 264);--canvas-foreground:oklch(95.5% .005 260);--historie:oklch(28% .06 300);--historie-foreground:oklch(86% .06 300);--print-surface:oklch(100% 0 0);--print-surface-foreground:oklch(18% .028 264);--doc-kop:oklch(95.5% .005 260);--doc-post:oklch(80% .13 262.5);--doc-specificatie:oklch(75% .015 260);--doc-aanwijzing:oklch(87% .13 76);--border:oklch(29% .026 264);--border-strong:oklch(38% .03 264);--input:oklch(31.5% .028 264);--ring:oklch(66.5% .185 262.5);--chart-1:oklch(66.5% .185 262.5);--chart-2:oklch(75% .12 216);--chart-3:oklch(70% .13 178);--chart-4:oklch(79% .15 76);--chart-5:oklch(66% .16 300);--sidebar:oklch(9.8% .022 264);--sidebar-foreground:oklch(90% .008 260);--sidebar-primary:oklch(66.5% .185 262.5);--sidebar-primary-foreground:oklch(9.8% .022 264);--sidebar-accent:oklch(21.5% .034 264);--sidebar-accent-foreground:oklch(95.5% .005 260);--sidebar-border:oklch(23.5% .03 264);--sidebar-ring:oklch(66.5% .185 262.5);--brand-navy:#e7ecf5;--brand-infrabids:#4d95f7;--brand-site:#2cc2bf;--brand-saas:#ff8a3d;--brand-suite:#a06bf0;--brand-share:#ffc03d;--brand-studio:#ff5f6d;--brand-tvm:#ff7a3d;--brand-software:#6fc255;--brand-science:#f05db4;--brand-foreground:oklch(12.8% .024 264);--agent:oklch(70% .145 292);--agent-muted:oklch(29% .07 292);--agent-foreground:oklch(12.8% .024 264)}@layer base{*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);font-feature-settings:"cv02", "cv03", "ss01";-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.018em}}@utility numeric{font-variant-numeric: tabular-nums; font-feature-settings: "tnum";}@utility grid-surface{background-image: linear-gradient(to right, color-mix(in oklab, var(--border) 70%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--border) 70%, transparent) 1px, transparent 1px); background-size: 40px 40px;}@utility section-padding-y{padding-block: 3.5rem;}@utility container-padding-x{padding-inline: 1.5rem;}@utility section-title-gap-sm{gap: .5rem;}@utility section-title-gap-lg{gap: .75rem;}@utility section-title-gap-xl{gap: 1rem;}@utility heading-xl{font-family: var(--font-display); font-size: 2.25rem; line-height: 1.1; font-weight: 600; letter-spacing: -.028em;}@utility heading-lg{font-family: var(--font-display); font-size: 1.875rem; line-height: 1.15; font-weight: 600; letter-spacing: -.024em;}@utility heading-md{font-family: var(--font-display); font-size: 1.5rem; line-height: 1.2; font-weight: 600; letter-spacing: -.02em;}@utility heading-sm{font-family: var(--font-display); font-size: 1.25rem; line-height: 1.3; font-weight: 600; letter-spacing: -.018em;}@media (width>=768px){.section-padding-y{padding-block:5.5rem}.heading-xl{font-size:3.25rem}.heading-lg{font-size:2.375rem}.heading-md{font-size:1.875rem}}@utility motion-fast{transition-duration: var(--motion-fast); transition-timing-function: var(--ease-standard);}@utility motion-normal{transition-duration: var(--motion-normal); transition-timing-function: var(--ease-standard);}@utility motion-slow{transition-duration: var(--motion-slow); transition-timing-function: var(--ease-entrance);}@utility text-numeric{font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; letter-spacing: 0;}@utility text-code{font-family: var(--font-mono); font-size: .8125rem; letter-spacing: -.01em; font-variant-ligatures: none;}[data-density=compact]{--density-row:2rem;--density-pad-x:.5rem;--density-pad-y:.25rem}[data-density=normal]{--density-row:2.5rem;--density-pad-x:.75rem;--density-pad-y:.5rem}[data-density=comfortable]{--density-row:3rem;--density-pad-x:1rem;--density-pad-y:.75rem}@utility density-row{min-height: var(--density-row); padding-inline: var(--density-pad-x); padding-block: var(--density-pad-y);}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@utility blueprint-grid{background-color: var(--canvas); background-image: linear-gradient(to right, color-mix(in oklab, var(--canvas-grid) 60%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--canvas-grid) 60%, transparent) 1px, transparent 1px), linear-gradient(to right, color-mix(in oklab, var(--canvas-grid) 28%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--canvas-grid) 28%, transparent) 1px, transparent 1px); background-size: 80px 80px, 80px 80px, 16px 16px, 16px 16px;}@utility bg-overlay{background-color: var(--overlay);}@utility bg-scrim{background-color: var(--scrim);}@media (pointer:coarse){button,[role=button],a[href],summary,input[type=checkbox],input[type=radio],[role=tab],[role=menuitem]{min-height:44px}button:where(.size-icon,[data-slot=icon-button]),[role=button]:where(.size-icon){min-width:44px}}@media print{.print-hidden{display:none!important}.print-surface{background-color:var(--print-surface);color:var(--print-surface-foreground)}.print-break-inside-avoid{break-inside:avoid}}@keyframes infra-toast-in{0%{opacity:0;transform:translateY(16px)scale(.98)}60%{opacity:1;transform:translateY(-2px)scale(1.005)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes infra-toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(16px)}}@keyframes infra-pop{0%{transform:scale(0)}60%{transform:scale(1.18)}80%{transform:scale(.94)}to{transform:scale(1)}}@keyframes infra-pop-subtiel{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes infra-hart-pop{0%{transform:scale(1)}40%{transform:scale(1.3)}70%{transform:scale(.94)}to{transform:scale(1)}}@keyframes infra-draw{0%{stroke-dashoffset:var(--draw-lengte,100)}to{stroke-dashoffset:0}}@keyframes infra-shake{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}to{transform:translate(0)}}@keyframes infra-menu-in{0%{opacity:0;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}@keyframes infra-item-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes infra-tooltip-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes infra-flits{0%,to{box-shadow:0 0 #0000}40%{box-shadow:0 0 0 4px var(--flits-kleur,color-mix(in oklab, var(--success) 35%, transparent))}}@keyframes infra-vonk{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--vonk-x,0), var(--vonk-y,0)) scale(.2)}}@utility anim-toast-in{animation: infra-toast-in .25s var(--ease-entrance) both;}@utility anim-toast-out{animation: infra-toast-out var(--motion-normal) var(--ease-exit) both;}@utility anim-pop{animation: infra-pop .2s var(--ease-entrance) both;}@utility anim-pop-subtiel{animation: infra-pop-subtiel .6s var(--ease-standard) both;}@utility anim-hart-pop{animation: infra-hart-pop .3s var(--ease-entrance) both;}@utility anim-shake{animation: infra-shake .4s var(--ease-exit) both;}@utility anim-menu-in{transform-origin: top center; animation: infra-menu-in .15s var(--ease-entrance) both;}@utility anim-item-in{animation: infra-item-in .15s var(--ease-entrance) both;}@utility anim-tooltip-in{animation: infra-tooltip-in .15s var(--ease-entrance) both;}@utility anim-flits{animation: infra-flits .4s var(--ease-standard) both;}@utility motion-spring{transition-timing-function: cubic-bezier(.22, 1.4, .36, 1); transition-duration: var(--motion-normal);}@utility focus-glow{box-shadow: 0 0 0 3px color-mix(in oklab, var(--primary) 20%, transparent);}