/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: 'Wix Madefor Text Variable', ui-sans-serif, system-ui, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --font-weight-normal: 412;
    --font-weight-medium: 510;
    --font-weight-semibold: 612;
    --font-weight-bold: 700;
    --tracking-normal: 0em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-3xl: 64px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: var(--ease-uit);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-kop: 'Wix Madefor Display Variable', ui-sans-serif, system-ui, sans-serif;
    --font-weight-titel: 580;
    --font-weight-cijfer: 580;
    --text-mini: 10px;
    --text-fijn: 11px;
    --text-klein: 12px;
    --text-klein--letter-spacing: 0.002em;
    --text-klein-plus: 12.5px;
    --text-klein-plus--letter-spacing: 0.002em;
    --text-compact: 13px;
    --text-compact--letter-spacing: 0.002em;
    --text-compact-plus: 13.5px;
    --text-compact-plus--letter-spacing: 0.002em;
    --text-basis: 14px;
    --text-basis-plus: 14.5px;
    --text-lees: 15px;
    --text-groot: 16px;
    --text-kop-klein: 0.95rem;
    --text-kaartkop: 1.02rem;
    --text-kaartkop-groot: 1.05rem;
    --text-sectiekop: 1.15rem;
    --text-kop: 1.25rem;
    --text-cijfer-xs: 1.3rem;
    --text-cijfer-s: 1.4rem;
    --text-cijfer-m: 1.5rem;
    --text-cijfer-l: 1.6rem;
    --text-cijfer-xl: 1.7rem;
    --text-titel: 2rem;
    --text-titel-groot: 2.6rem;
    --text-werktitel: 1.65rem;
    --text-werktitel-groot: 1.95rem;
    --leading-titel: 1.03;
    --leading-tegellabel: 1.15rem;
    --tracking-titel: -0.018em;
    --tracking-kop: -0.02em;
    --tracking-kop-klein: -0.01em;
    --tracking-etiket: 0.12em;
    --tracking-getal: -0.02em;
    --tracking-cijfer: -0.015em;
    --tracking-code: 0.3em;
    --color-blauw: #2539e9;
    --color-blauw-diep: #1a2bc2;
    --color-blauw-nacht: #0c1560;
    --color-blauw-100: #dfe3ff;
    --color-blauw-50: #eef0ff;
    --color-inkt: #12163a;
    --color-inkt-2: #454a70;
    --color-inkt-3: #5a6090;
    --color-inkt-4: #a6aac6;
    --color-inkt-omgekeerd: #ffffff;
    --color-lucht: #f3f4fc;
    --color-lucht-2: #e9ebf9;
    --color-vel: rgb(var(--glas-tint));
    --color-papier: #fff;
    --color-koers: #10805a;
    --color-koers-tekst: #0a6b4a;
    --color-koers-zacht: #d9f3e8;
    --color-aandacht: #a86a0c;
    --color-aandacht-tekst: #875200;
    --color-aandacht-zacht: #fbeed3;
    --color-kritiek: #c92e46;
    --color-kritiek-tekst: #b02039;
    --color-kritiek-zacht: #fde1e7;
    --color-kritiek-zacht-2: #fbd3dc;
    --color-onbekend: #7a7fa4;
    --color-onbekend-tekst: #5a6090;
    --color-onbekend-zacht: #ebecf5;
    --color-gesprek: #6a4fd6;
    --color-kanaal-mail: #2539e9;
    --color-kanaal-bel: #10805a;
    --color-kanaal-whatsapp: #25b864;
    --color-kanaal-afspraak: #7c5ce0;
    --color-kanaal-offerte: #c98a12;
    --color-kanaal-overig: #8a8fb0;
    --color-groei: #12938d;
    --color-groei-tekst: #0b6763;
    --color-groei-zacht: #daf2ef;
    --color-relatie: #c2418a;
    --color-relatie-tekst: #8a2462;
    --color-relatie-zacht: #fbe4f0;
    --color-ads: #c98a12;
    --color-ads-diep: #a0690a;
    --color-ads-tekst: #7a4f00;
    --color-ads-zacht: #fbf1da;
    --color-site: #0e7fa6;
    --color-site-tekst: #0a5f7d;
    --color-site-zacht: #dcf0f6;
    --color-laag-0: #b9bcd3;
    --color-laag-1: #c9d0ff;
    --color-laag-2: #aab5ff;
    --color-laag-3: #8b9aff;
    --color-laag-4: #6d7ffb;
    --color-laag-5: #5266f4;
    --color-laag-6: #3a4fec;
    --color-laag-7: #2539e9;
    --color-laag-8: #1a2bc2;
    --color-routine-blogs: #12938d;
    --color-routine-ads: #c98a12;
    --color-routine-kansen: #7c5ce0;
    --color-routine-rapport: #2539e9;
    --color-routine-controle: #0e7fa6;
    --color-kost-vast: #7a7fa4;
    --color-kost-tools: #a6aac6;
    --color-kost-ai: #8c96ff;
    --color-kost-ai-gebruik: #b3b9ff;
    --color-kost-inkoop: #c9a35a;
    --color-kost-marketing: #d7a6b2;
    --color-kost-overig: #bfc2d6;
    --radius-paneel: 28px;
    --radius-kaart: 20px;
    --radius-veld: 14px;
    --radius-rij: 14px;
    --container-werk: 2400px;
    --container-lees: 46rem;
    --bordkolom-min: 196px;
    --bordkolom-max: 380px;
    --bord-hoogte: 420px;
    --shadow-glas: var(--glas-glans), var(--glas-rand), var(--glas-schaduw);
    --shadow-kaart: var(--glas-schaduw-kaart);
    --shadow-zweef: var(--glas-schaduw-zweef);
    --shadow-knop: inset 0 1px 0 rgba(255, 255, 255, 0.28), var(--glas-schaduw-knop);
    --ease-uit: cubic-bezier(0.22, 1, 0.36, 1);
    --color-module-mijn-dag: #2539e9;
    --color-module-mijn-dag-zacht: #e5e7fc;
    --color-module-taken: #853e80;
    --color-module-taken-zacht: #f0e8f0;
    --color-module-agenda: #0e5e8a;
    --color-module-agenda-zacht: #e2ecf1;
    --color-module-bellen: #6a5a9c;
    --color-module-bellen-zacht: #edebf3;
    --color-module-klanten: #2539e9;
    --color-module-klanten-zacht: #e5e7fc;
    --color-module-verkoop: #aa2e8c;
    --color-module-verkoop-zacht: #f5e6f1;
    --color-module-marketing: #3d5ba0;
    --color-module-marketing-zacht: #e8ebf4;
    --color-module-groei: #8a48be;
    --color-module-groei-zacht: #f1e9f7;
    --color-module-administratie: #505674;
    --color-module-administratie-zacht: #eaebee;
    --color-module-agents: #7e2a9c;
    --color-module-agents-zacht: #f0e5f3;
    --color-module-academie: #046f87;
    --color-module-academie-zacht: #e1eef1;
    --color-module-automatiseringen: #5f4398;
    --color-module-automatiseringen-zacht: #ece8f3;
    --color-module-instellingen: #735b6a;
    --color-module-instellingen-zacht: #eeebed;
    --color-module-systeem: #4d6777;
    --color-module-systeem-zacht: #eaedef;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .\@container {
    container-type: inline-size;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: 0px;
  }
  .inset-x-0 {
    inset-inline: 0px;
  }
  .inset-x-0\.5 {
    inset-inline: calc(var(--spacing) * 0.5);
  }
  .inset-x-1 {
    inset-inline: var(--spacing);
  }
  .inset-x-1\.5 {
    inset-inline: calc(var(--spacing) * 1.5);
  }
  .inset-x-2 {
    inset-inline: calc(var(--spacing) * 2);
  }
  .inset-x-3 {
    inset-inline: calc(var(--spacing) * 3);
  }
  .inset-x-4 {
    inset-inline: calc(var(--spacing) * 4);
  }
  .inset-x-\[-4px\] {
    inset-inline: -4px;
  }
  .-inset-y-1 {
    inset-block: calc(var(--spacing) * -1);
  }
  .inset-y-0 {
    inset-block: 0px;
  }
  .inset-y-1 {
    inset-block: var(--spacing);
  }
  .inset-y-2 {
    inset-block: calc(var(--spacing) * 2);
  }
  .inset-y-2\.5 {
    inset-block: calc(var(--spacing) * 2.5);
  }
  .inset-y-\[-2px\] {
    inset-block: -2px;
  }
  .inset-y-\[10px\] {
    inset-block: 10px;
  }
  .-top-0\.5 {
    top: calc(var(--spacing) * -0.5);
  }
  .-top-1 {
    top: calc(var(--spacing) * -1);
  }
  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }
  .-top-2\.5 {
    top: calc(var(--spacing) * -2.5);
  }
  .-top-5 {
    top: calc(var(--spacing) * -5);
  }
  .-top-6 {
    top: calc(var(--spacing) * -6);
  }
  .-top-7 {
    top: calc(var(--spacing) * -7);
  }
  .-top-8 {
    top: calc(var(--spacing) * -8);
  }
  .-top-20 {
    top: calc(var(--spacing) * -20);
  }
  .-top-\[3px\] {
    top: calc(3px * -1);
  }
  .-top-\[7px\] {
    top: calc(7px * -1);
  }
  .-top-\[18px\] {
    top: calc(18px * -1);
  }
  .top-0 {
    top: 0px;
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-1 {
    top: var(--spacing);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-1\/3 {
    top: calc(1 / 3 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-7 {
    top: calc(var(--spacing) * 7);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-9 {
    top: calc(var(--spacing) * 9);
  }
  .top-11 {
    top: calc(var(--spacing) * 11);
  }
  .top-12 {
    top: calc(var(--spacing) * 12);
  }
  .top-14 {
    top: calc(var(--spacing) * 14);
  }
  .top-\[2\.75rem\] {
    top: 2.75rem;
  }
  .top-\[4px\] {
    top: 4px;
  }
  .top-\[5px\] {
    top: 5px;
  }
  .top-\[10px\] {
    top: 10px;
  }
  .top-\[12px\] {
    top: 12px;
  }
  .top-\[15px\] {
    top: 15px;
  }
  .top-\[30px\] {
    top: 30px;
  }
  .top-\[34px\] {
    top: 34px;
  }
  .top-\[86px\] {
    top: 86px;
  }
  .top-\[87px\] {
    top: 87px;
  }
  .top-\[96px\] {
    top: 96px;
  }
  .top-\[calc\(50\%\+14px\)\] {
    top: calc(50% + 14px);
  }
  .top-full {
    top: 100%;
  }
  .-right-0\.5 {
    right: calc(var(--spacing) * -0.5);
  }
  .-right-1 {
    right: calc(var(--spacing) * -1);
  }
  .-right-1\.5 {
    right: calc(var(--spacing) * -1.5);
  }
  .-right-5 {
    right: calc(var(--spacing) * -5);
  }
  .-right-6 {
    right: calc(var(--spacing) * -6);
  }
  .-right-16 {
    right: calc(var(--spacing) * -16);
  }
  .-right-\[3px\] {
    right: calc(3px * -1);
  }
  .right-0 {
    right: 0px;
  }
  .right-0\.5 {
    right: calc(var(--spacing) * 0.5);
  }
  .right-1 {
    right: var(--spacing);
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-1\/2 {
    right: calc(1 / 2 * 100%);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-2\.5 {
    right: calc(var(--spacing) * 2.5);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-5 {
    right: calc(var(--spacing) * 5);
  }
  .right-6 {
    right: calc(var(--spacing) * 6);
  }
  .right-\[-0\.75rem\] {
    right: -0.75rem;
  }
  .right-\[14\%\] {
    right: 14%;
  }
  .right-\[16\%\] {
    right: 16%;
  }
  .right-\[22\%\] {
    right: 22%;
  }
  .right-\[30\%\] {
    right: 30%;
  }
  .right-\[42px\] {
    right: 42px;
  }
  .right-full {
    right: 100%;
  }
  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -0.5);
  }
  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-0\.5 {
    bottom: calc(var(--spacing) * 0.5);
  }
  .bottom-1 {
    bottom: var(--spacing);
  }
  .bottom-1\.5 {
    bottom: calc(var(--spacing) * 1.5);
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .bottom-2\.5 {
    bottom: calc(var(--spacing) * 2.5);
  }
  .bottom-3 {
    bottom: calc(var(--spacing) * 3);
  }
  .bottom-3\.5 {
    bottom: calc(var(--spacing) * 3.5);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .bottom-9 {
    bottom: calc(var(--spacing) * 9);
  }
  .bottom-24 {
    bottom: calc(var(--spacing) * 24);
  }
  .bottom-28 {
    bottom: calc(var(--spacing) * 28);
  }
  .bottom-\[-0\.75rem\] {
    bottom: -0.75rem;
  }
  .bottom-\[3px\] {
    bottom: 3px;
  }
  .bottom-\[4\%\] {
    bottom: 4%;
  }
  .bottom-\[6\%\] {
    bottom: 6%;
  }
  .bottom-\[22px\] {
    bottom: 22px;
  }
  .bottom-\[104px\] {
    bottom: 104px;
  }
  .bottom-\[172px\] {
    bottom: 172px;
  }
  .bottom-\[178px\] {
    bottom: 178px;
  }
  .bottom-\[calc\(50\%\+14px\)\] {
    bottom: calc(50% + 14px);
  }
  .bottom-full {
    bottom: 100%;
  }
  .-left-1 {
    left: calc(var(--spacing) * -1);
  }
  .-left-1\.5 {
    left: calc(var(--spacing) * -1.5);
  }
  .-left-1\/3 {
    left: calc(calc(1 / 3 * 100%) * -1);
  }
  .-left-8 {
    left: calc(var(--spacing) * -8);
  }
  .-left-\[1\.15rem\] {
    left: calc(1.15rem * -1);
  }
  .-left-\[3px\] {
    left: calc(3px * -1);
  }
  .-left-\[118px\] {
    left: calc(118px * -1);
  }
  .left-0 {
    left: 0px;
  }
  .left-1 {
    left: var(--spacing);
  }
  .left-1\.5 {
    left: calc(var(--spacing) * 1.5);
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-2 {
    left: calc(var(--spacing) * 2);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-3\.5 {
    left: calc(var(--spacing) * 3.5);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-5 {
    left: calc(var(--spacing) * 5);
  }
  .left-\[4\%\] {
    left: 4%;
  }
  .left-\[7px\] {
    left: 7px;
  }
  .left-\[13px\] {
    left: 13px;
  }
  .left-\[14\%\] {
    left: 14%;
  }
  .left-\[15px\] {
    left: 15px;
  }
  .left-\[16\%\] {
    left: 16%;
  }
  .left-\[19\.5px\] {
    left: 19.5px;
  }
  .left-\[19px\] {
    left: 19px;
  }
  .left-\[22\%\] {
    left: 22%;
  }
  .left-\[22px\] {
    left: 22px;
  }
  .left-\[23px\] {
    left: 23px;
  }
  .left-\[30\%\] {
    left: 30%;
  }
  .left-\[38\%\] {
    left: 38%;
  }
  .left-\[46\%\] {
    left: 46%;
  }
  .left-\[62px\] {
    left: 62px;
  }
  .left-\[calc\(0\.625rem\+1rem-1px\)\] {
    left: calc(0.625rem + 1rem - 1px);
  }
  .left-\[calc\(10\.5rem\+0\.75rem\)\] {
    left: calc(10.5rem + 0.75rem);
  }
  .left-auto {
    left: auto;
  }
  .left-full {
    left: 100%;
  }
  .isolate {
    isolation: isolate;
  }
  .\!z-\[3\] {
    z-index: 3 !important;
  }
  .-z-10 {
    z-index: calc(10 * -1);
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[3\] {
    z-index: 3;
  }
  .z-\[4\] {
    z-index: 4;
  }
  .z-\[5\] {
    z-index: 5;
  }
  .z-\[15\] {
    z-index: 15;
  }
  .z-\[16\] {
    z-index: 16;
  }
  .z-\[30\] {
    z-index: 30;
  }
  .z-\[40\] {
    z-index: 40;
  }
  .z-\[45\] {
    z-index: 45;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[61\] {
    z-index: 61;
  }
  .z-\[65\] {
    z-index: 65;
  }
  .z-\[70\] {
    z-index: 70;
  }
  .z-\[80\] {
    z-index: 80;
  }
  .z-\[85\] {
    z-index: 85;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-first {
    order: -9999;
  }
  .order-last {
    order: 9999;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .col-start-3 {
    grid-column-start: 3;
  }
  .col-end-4 {
    grid-column-end: 4;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .row-span-3 {
    grid-row: span 3 / span 3;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .row-start-3 {
    grid-row-start: 3;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
    @media (width >= 112.5rem) {
      max-width: 112.5rem;
    }
  }
  .-m-0\.5 {
    margin: calc(var(--spacing) * -0.5);
  }
  .-m-1 {
    margin: calc(var(--spacing) * -1);
  }
  .-m-1\.5 {
    margin: calc(var(--spacing) * -1.5);
  }
  .m-0 {
    margin: 0px;
  }
  .m-1 {
    margin: var(--spacing);
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .m-3 {
    margin: calc(var(--spacing) * 3);
  }
  .m-9 {
    margin: calc(var(--spacing) * 9);
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }
  .-mx-2 {
    margin-inline: calc(var(--spacing) * -2);
  }
  .-mx-2\.5 {
    margin-inline: calc(var(--spacing) * -2.5);
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .-mx-5 {
    margin-inline: calc(var(--spacing) * -5);
  }
  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5);
  }
  .mx-1 {
    margin-inline: var(--spacing);
  }
  .mx-1\.5 {
    margin-inline: calc(var(--spacing) * 1.5);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .mx-\[3px\] {
    margin-inline: 3px;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-my-1 {
    margin-block: calc(var(--spacing) * -1);
  }
  .my-1 {
    margin-block: var(--spacing);
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-2\.5 {
    margin-block: calc(var(--spacing) * 2.5);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }
  .-mt-\[7px\] {
    margin-top: calc(7px * -1);
  }
  .-mt-\[var\(--m\)\] {
    margin-top: calc(var(--m) * -1);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-\[0\.55rem\] {
    margin-top: 0.55rem;
  }
  .mt-\[3px\] {
    margin-top: 3px;
  }
  .mt-\[5px\] {
    margin-top: 5px;
  }
  .mt-\[7px\] {
    margin-top: 7px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .mt-px {
    margin-top: 1px;
  }
  .-mr-1 {
    margin-right: calc(var(--spacing) * -1);
  }
  .-mr-1\.5 {
    margin-right: calc(var(--spacing) * -1.5);
  }
  .mr-0\.5 {
    margin-right: calc(var(--spacing) * 0.5);
  }
  .mr-1 {
    margin-right: var(--spacing);
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-auto {
    margin-right: auto;
  }
  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }
  .-mb-2 {
    margin-bottom: calc(var(--spacing) * -2);
  }
  .-mb-3 {
    margin-bottom: calc(var(--spacing) * -3);
  }
  .-mb-4 {
    margin-bottom: calc(var(--spacing) * -4);
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-\[78px\] {
    margin-bottom: 78px;
  }
  .-ml-0\.5 {
    margin-left: calc(var(--spacing) * -0.5);
  }
  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }
  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }
  .-ml-3 {
    margin-left: calc(var(--spacing) * -3);
  }
  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }
  .-ml-6 {
    margin-left: calc(var(--spacing) * -6);
  }
  .-ml-\[2\.5px\] {
    margin-left: calc(2.5px * -1);
  }
  .-ml-\[7px\] {
    margin-left: calc(7px * -1);
  }
  .-ml-\[var\(--m\)\] {
    margin-left: calc(var(--m) * -1);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-1 {
    margin-left: var(--spacing);
  }
  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-2\.5 {
    margin-left: calc(var(--spacing) * 2.5);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-3\.5 {
    margin-left: calc(var(--spacing) * 3.5);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-10 {
    margin-left: calc(var(--spacing) * 10);
  }
  .ml-11 {
    margin-left: calc(var(--spacing) * 11);
  }
  .ml-12 {
    margin-left: calc(var(--spacing) * 12);
  }
  .ml-\[5\.5rem\] {
    margin-left: 5.5rem;
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }
  .line-clamp-8 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
  }
  .line-clamp-\[12\] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 12;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .table {
    display: table;
  }
  .\[field-sizing\:content\] {
    field-sizing: content;
  }
  .aspect-\[1\/1\.414\] {
    aspect-ratio: 1/1.414;
  }
  .aspect-\[16\/10\] {
    aspect-ratio: 16/10;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-13 {
    width: calc(var(--spacing) * 13);
    height: calc(var(--spacing) * 13);
  }
  .size-56 {
    width: calc(var(--spacing) * 56);
    height: calc(var(--spacing) * 56);
  }
  .size-\[6px\] {
    width: 6px;
    height: 6px;
  }
  .size-\[7px\] {
    width: 7px;
    height: 7px;
  }
  .size-\[9px\] {
    width: 9px;
    height: 9px;
  }
  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }
  .size-\[26px\] {
    width: 26px;
    height: 26px;
  }
  .size-\[30px\] {
    width: 30px;
    height: 30px;
  }
  .size-\[34px\] {
    width: 34px;
    height: 34px;
  }
  .size-\[46px\] {
    width: 46px;
    height: 46px;
  }
  .size-\[52px\] {
    width: 52px;
    height: 52px;
  }
  .h-0 {
    height: 0px;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-1\/2 {
    height: calc(1 / 2 * 100%);
  }
  .h-1\/3 {
    height: calc(1 / 3 * 100%);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-4\.5 {
    height: calc(var(--spacing) * 4.5);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-5\.5 {
    height: calc(var(--spacing) * 5.5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-13 {
    height: calc(var(--spacing) * 13);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-18 {
    height: calc(var(--spacing) * 18);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-22 {
    height: calc(var(--spacing) * 22);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-36 {
    height: calc(var(--spacing) * 36);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-80 {
    height: calc(var(--spacing) * 80);
  }
  .h-\[0\.7em\] {
    height: 0.7em;
  }
  .h-\[0\.8em\] {
    height: 0.8em;
  }
  .h-\[1\.1rem\] {
    height: 1.1rem;
  }
  .h-\[1\.6px\] {
    height: 1.6px;
  }
  .h-\[1\.625rem\] {
    height: 1.625rem;
  }
  .h-\[1em\] {
    height: 1em;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[5px\] {
    height: 5px;
  }
  .h-\[7px\] {
    height: 7px;
  }
  .h-\[15px\] {
    height: 15px;
  }
  .h-\[16px\] {
    height: 16px;
  }
  .h-\[18px\] {
    height: 18px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[34px\] {
    height: 34px;
  }
  .h-\[44px\] {
    height: 44px;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[70\%\] {
    height: 70%;
  }
  .h-\[70px\] {
    height: 70px;
  }
  .h-\[72px\] {
    height: 72px;
  }
  .h-\[76px\] {
    height: 76px;
  }
  .h-\[96px\] {
    height: 96px;
  }
  .h-\[100svh\] {
    height: 100svh;
  }
  .h-\[110px\] {
    height: 110px;
  }
  .h-\[116px\] {
    height: 116px;
  }
  .h-\[136px\] {
    height: 136px;
  }
  .h-\[150px\] {
    height: 150px;
  }
  .h-\[168px\] {
    height: 168px;
  }
  .h-\[170px\] {
    height: 170px;
  }
  .h-\[188px\] {
    height: 188px;
  }
  .h-\[360px\] {
    height: 360px;
  }
  .h-\[520px\] {
    height: 520px;
  }
  .h-\[calc\(100\%-1\.5rem\)\] {
    height: calc(100% - 1.5rem);
  }
  .h-\[calc\(100\%-2\.75rem\)\] {
    height: calc(100% - 2.75rem);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .max-h-40 {
    max-height: calc(var(--spacing) * 40);
  }
  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }
  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .max-h-\[28rem\] {
    max-height: 28rem;
  }
  .max-h-\[30rem\] {
    max-height: 30rem;
  }
  .max-h-\[50vh\] {
    max-height: 50vh;
  }
  .max-h-\[60vh\] {
    max-height: 60vh;
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .max-h-\[88svh\] {
    max-height: 88svh;
  }
  .max-h-\[92svh\] {
    max-height: 92svh;
  }
  .max-h-\[300px\] {
    max-height: 300px;
  }
  .max-h-\[320px\] {
    max-height: 320px;
  }
  .max-h-\[calc\(100dvh-2rem\)\] {
    max-height: calc(100dvh - 2rem);
  }
  .max-h-\[calc\(100vh-2rem\)\] {
    max-height: calc(100vh - 2rem);
  }
  .max-h-\[min\(300px\,calc\(100svh-120px\)\)\] {
    max-height: min(300px, calc(100svh - 120px));
  }
  .max-h-\[min\(460px\,calc\(100svh-180px\)\)\] {
    max-height: min(460px, calc(100svh - 180px));
  }
  .max-h-\[min\(520px\,calc\(100svh-120px\)\)\] {
    max-height: min(520px, calc(100svh - 120px));
  }
  .\!min-h-7 {
    min-height: calc(var(--spacing) * 7) !important;
  }
  .\!min-h-8 {
    min-height: calc(var(--spacing) * 8) !important;
  }
  .min-h-\(--bord-hoogte\) {
    min-height: var(--bord-hoogte);
  }
  .min-h-0 {
    min-height: 0px;
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }
  .min-h-5\.5 {
    min-height: calc(var(--spacing) * 5.5);
  }
  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }
  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }
  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }
  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-14 {
    min-height: calc(var(--spacing) * 14);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }
  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }
  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }
  .min-h-36 {
    min-height: calc(var(--spacing) * 36);
  }
  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }
  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }
  .min-h-64 {
    min-height: calc(var(--spacing) * 64);
  }
  .min-h-72 {
    min-height: calc(var(--spacing) * 72);
  }
  .min-h-\[1rem\] {
    min-height: 1rem;
  }
  .min-h-\[6\.5rem\] {
    min-height: 6.5rem;
  }
  .min-h-\[8\.5rem\] {
    min-height: 8.5rem;
  }
  .min-h-\[18px\] {
    min-height: 18px;
  }
  .min-h-\[20rem\] {
    min-height: 20rem;
  }
  .min-h-svh {
    min-height: 100svh;
  }
  .\!w-auto {
    width: auto !important;
  }
  .w-\(--bordkolom-min\) {
    width: var(--bordkolom-min);
  }
  .w-0 {
    width: 0px;
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-1 {
    width: var(--spacing);
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .w-1\/3 {
    width: calc(1 / 3 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-2\/3 {
    width: calc(2 / 3 * 100%);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-3\/4 {
    width: calc(3 / 4 * 100%);
  }
  .w-3\/5 {
    width: calc(3 / 5 * 100%);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-4\.5 {
    width: calc(var(--spacing) * 4.5);
  }
  .w-4\/5 {
    width: calc(4 / 5 * 100%);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-5\.5 {
    width: calc(var(--spacing) * 5.5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-\[1\.5px\] {
    width: 1.5px;
  }
  .w-\[1\.625rem\] {
    width: 1.625rem;
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[3px\] {
    width: 3px;
  }
  .w-\[4\.5rem\] {
    width: 4.5rem;
  }
  .w-\[5\.5rem\] {
    width: 5.5rem;
  }
  .w-\[5\.75rem\] {
    width: 5.75rem;
  }
  .w-\[6\.5rem\] {
    width: 6.5rem;
  }
  .w-\[7px\] {
    width: 7px;
  }
  .w-\[8\.5rem\] {
    width: 8.5rem;
  }
  .w-\[9\.5rem\] {
    width: 9.5rem;
  }
  .w-\[10\.5rem\] {
    width: 10.5rem;
  }
  .w-\[11rem\] {
    width: 11rem;
  }
  .w-\[13\.5rem\] {
    width: 13.5rem;
  }
  .w-\[14\%\] {
    width: 14%;
  }
  .w-\[15px\] {
    width: 15px;
  }
  .w-\[16\%\] {
    width: 16%;
  }
  .w-\[17rem\] {
    width: 17rem;
  }
  .w-\[18\%\] {
    width: 18%;
  }
  .w-\[18px\] {
    width: 18px;
  }
  .w-\[18rem\] {
    width: 18rem;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[26\%\] {
    width: 26%;
  }
  .w-\[28\%\] {
    width: 28%;
  }
  .w-\[28rem\] {
    width: 28rem;
  }
  .w-\[30\%\] {
    width: 30%;
  }
  .w-\[34\%\] {
    width: 34%;
  }
  .w-\[34px\] {
    width: 34px;
  }
  .w-\[36\%\] {
    width: 36%;
  }
  .w-\[38\%\] {
    width: 38%;
  }
  .w-\[40\%\] {
    width: 40%;
  }
  .w-\[44\%\] {
    width: 44%;
  }
  .w-\[46\%\] {
    width: 46%;
  }
  .w-\[48px\] {
    width: 48px;
  }
  .w-\[50\%\] {
    width: 50%;
  }
  .w-\[52\%\] {
    width: 52%;
  }
  .w-\[55\%\] {
    width: 55%;
  }
  .w-\[60\%\] {
    width: 60%;
  }
  .w-\[61\%\] {
    width: 61%;
  }
  .w-\[62\%\] {
    width: 62%;
  }
  .w-\[70\%\] {
    width: 70%;
  }
  .w-\[78\%\] {
    width: 78%;
  }
  .w-\[80\%\] {
    width: 80%;
  }
  .w-\[108px\] {
    width: 108px;
  }
  .w-\[112px\] {
    width: 112px;
  }
  .w-\[228px\] {
    width: 228px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[340px\] {
    width: 340px;
  }
  .w-\[400px\] {
    width: 400px;
  }
  .w-\[420px\] {
    width: 420px;
  }
  .w-\[calc\(\(100\%-1\.25rem\)\/2\.35\)\] {
    width: calc((100% - 1.25rem) / 2.35);
  }
  .w-\[calc\(\(100\%-2\.5rem\)\*0\.23\)\] {
    width: calc((100% - 2.5rem) * 0.23);
  }
  .w-\[calc\(100\%\+0\.5rem\)\] {
    width: calc(100% + 0.5rem);
  }
  .w-\[calc\(100\%\+1rem\)\] {
    width: calc(100% + 1rem);
  }
  .w-\[min\(18rem\,55\%\)\] {
    width: min(18rem, 55%);
  }
  .w-\[min\(20rem\,100\%\)\] {
    width: min(20rem, 100%);
  }
  .w-\[min\(22rem\,70\%\)\] {
    width: min(22rem, 70%);
  }
  .w-\[min\(30rem\,85\%\)\] {
    width: min(30rem, 85%);
  }
  .w-\[min\(320px\,calc\(100vw-24px\)\)\] {
    width: min(320px, calc(100vw - 24px));
  }
  .w-\[min\(400px\,calc\(100vw-2\.5rem\)\)\] {
    width: min(400px, calc(100vw - 2.5rem));
  }
  .w-\[min\(460px\,calc\(100vw-2rem\)\)\] {
    width: min(460px, calc(100vw - 2rem));
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-max {
    width: max-content;
  }
  .w-px {
    width: 1px;
  }
  .max-w-0 {
    max-width: 0px;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-7 {
    max-width: calc(var(--spacing) * 7);
  }
  .max-w-9 {
    max-width: calc(var(--spacing) * 9);
  }
  .max-w-14 {
    max-width: calc(var(--spacing) * 14);
  }
  .max-w-16 {
    max-width: calc(var(--spacing) * 16);
  }
  .max-w-20 {
    max-width: calc(var(--spacing) * 20);
  }
  .max-w-28 {
    max-width: calc(var(--spacing) * 28);
  }
  .max-w-36 {
    max-width: calc(var(--spacing) * 36);
  }
  .max-w-40 {
    max-width: calc(var(--spacing) * 40);
  }
  .max-w-44 {
    max-width: calc(var(--spacing) * 44);
  }
  .max-w-48 {
    max-width: calc(var(--spacing) * 48);
  }
  .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }
  .max-w-60 {
    max-width: calc(var(--spacing) * 60);
  }
  .max-w-\[11rem\] {
    max-width: 11rem;
  }
  .max-w-\[12rem\] {
    max-width: 12rem;
  }
  .max-w-\[14rem\] {
    max-width: 14rem;
  }
  .max-w-\[15rem\] {
    max-width: 15rem;
  }
  .max-w-\[16rem\] {
    max-width: 16rem;
  }
  .max-w-\[18rem\] {
    max-width: 18rem;
  }
  .max-w-\[30rem\] {
    max-width: 30rem;
  }
  .max-w-\[42rem\] {
    max-width: 42rem;
  }
  .max-w-\[44px\] {
    max-width: 44px;
  }
  .max-w-\[45\%\] {
    max-width: 45%;
  }
  .max-w-\[46\%\] {
    max-width: 46%;
  }
  .max-w-\[46rem\] {
    max-width: 46rem;
  }
  .max-w-\[50\%\] {
    max-width: 50%;
  }
  .max-w-\[55\%\] {
    max-width: 55%;
  }
  .max-w-\[57\.5rem\] {
    max-width: 57.5rem;
  }
  .max-w-\[62rem\] {
    max-width: 62rem;
  }
  .max-w-\[68ch\] {
    max-width: 68ch;
  }
  .max-w-\[70rem\] {
    max-width: 70rem;
  }
  .max-w-\[72ch\] {
    max-width: 72ch;
  }
  .max-w-\[80ch\] {
    max-width: 80ch;
  }
  .max-w-\[80vw\] {
    max-width: 80vw;
  }
  .max-w-\[85\%\] {
    max-width: 85%;
  }
  .max-w-\[92\%\] {
    max-width: 92%;
  }
  .max-w-\[240px\] {
    max-width: 240px;
  }
  .max-w-\[250px\] {
    max-width: 250px;
  }
  .max-w-\[300px\] {
    max-width: 300px;
  }
  .max-w-\[340px\] {
    max-width: 340px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-\[520px\] {
    max-width: 520px;
  }
  .max-w-\[880px\] {
    max-width: 880px;
  }
  .max-w-\[1040px\] {
    max-width: 1040px;
  }
  .max-w-\[1240px\] {
    max-width: 1240px;
  }
  .max-w-\[1480px\] {
    max-width: 1480px;
  }
  .max-w-\[calc\(100\%-12px\)\] {
    max-width: calc(100% - 12px);
  }
  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .max-w-\[min\(18rem\,80vw\)\] {
    max-width: min(18rem, 80vw);
  }
  .max-w-\[min\(18rem\,calc\(100vw-48px\)\)\] {
    max-width: min(18rem, calc(100vw - 48px));
  }
  .max-w-\[min\(20rem\,45vw\)\] {
    max-width: min(20rem, 45vw);
  }
  .max-w-\[min\(22rem\,100\%\)\] {
    max-width: min(22rem, 100%);
  }
  .max-w-\[min\(22rem\,calc\(100\%-8px\)\)\] {
    max-width: min(22rem, calc(100% - 8px));
  }
  .max-w-\[min\(26rem\,calc\(100vw-48px\)\)\] {
    max-width: min(26rem, calc(100vw - 48px));
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lees {
    max-width: var(--container-lees);
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-prose {
    max-width: 65ch;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-werk {
    max-width: var(--container-werk);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-1 {
    min-width: var(--spacing);
  }
  .min-w-1\.5 {
    min-width: calc(var(--spacing) * 1.5);
  }
  .min-w-3 {
    min-width: calc(var(--spacing) * 3);
  }
  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }
  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
  .min-w-12 {
    min-width: calc(var(--spacing) * 12);
  }
  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }
  .min-w-28 {
    min-width: calc(var(--spacing) * 28);
  }
  .min-w-36 {
    min-width: calc(var(--spacing) * 36);
  }
  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }
  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
  .min-w-\[8\.5rem\] {
    min-width: 8.5rem;
  }
  .min-w-\[9rem\] {
    min-width: 9rem;
  }
  .min-w-\[11rem\] {
    min-width: 11rem;
  }
  .min-w-\[12rem\] {
    min-width: 12rem;
  }
  .min-w-\[18px\] {
    min-width: 18px;
  }
  .min-w-\[19rem\] {
    min-width: 19rem;
  }
  .min-w-\[40rem\] {
    min-width: 40rem;
  }
  .min-w-\[44rem\] {
    min-width: 44rem;
  }
  .min-w-\[46rem\] {
    min-width: 46rem;
  }
  .min-w-\[58px\] {
    min-width: 58px;
  }
  .min-w-\[200px\] {
    min-width: 200px;
  }
  .min-w-\[min\(12rem\,100\%\)\] {
    min-width: min(12rem, 100%);
  }
  .min-w-max {
    min-width: max-content;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-\[1_1_3rem\] {
    flex: 1 1 3rem;
  }
  .flex-\[1_1_10rem\] {
    flex: 1 1 10rem;
  }
  .flex-\[1_1_12rem\] {
    flex: 1 1 12rem;
  }
  .flex-\[1_1_14rem\] {
    flex: 1 1 14rem;
  }
  .flex-\[1_1_16rem\] {
    flex: 1 1 16rem;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-0 {
    flex-basis: 0px;
  }
  .basis-40 {
    flex-basis: calc(var(--spacing) * 40);
  }
  .basis-48 {
    flex-basis: calc(var(--spacing) * 48);
  }
  .basis-56 {
    flex-basis: calc(var(--spacing) * 56);
  }
  .basis-60 {
    flex-basis: calc(var(--spacing) * 60);
  }
  .basis-64 {
    flex-basis: calc(var(--spacing) * 64);
  }
  .basis-80 {
    flex-basis: calc(var(--spacing) * 80);
  }
  .basis-\[calc\(100\%-3rem\)\] {
    flex-basis: calc(100% - 3rem);
  }
  .basis-full {
    flex-basis: 100%;
  }
  .origin-bottom {
    transform-origin: bottom;
  }
  .origin-left {
    transform-origin: 0;
  }
  .origin-right {
    transform-origin: 100%;
  }
  .origin-top {
    transform-origin: top;
  }
  .origin-top-left {
    transform-origin: 0 0;
  }
  .origin-top-right {
    transform-origin: 100% 0;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-\[15px\] {
    --tw-translate-x: calc(15px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1\.5 {
    --tw-translate-x: calc(var(--spacing) * 1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-1\/2 {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-\[15px\] {
    --tw-translate-x: 15px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * -0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-\[7px\] {
    --tw-translate-y: calc(7px * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1 {
    --tw-translate-y: var(--spacing);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1\.5 {
    --tw-translate-y: calc(var(--spacing) * 1.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-1\/2 {
    --tw-translate-y: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-\[-1px\] {
    --tw-translate-y: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-125 {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .scale-\[1\.015\] {
    scale: 1.015;
  }
  .-rotate-45 {
    rotate: calc(45deg * -1);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .rotate-45 {
    rotate: 45deg;
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .-skew-x-12 {
    --tw-skew-x: skewX(calc(12deg * -1));
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-ping {
    animation: var(--animate-ping);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-cell {
    cursor: cell;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-ns-resize {
    cursor: ns-resize;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .touch-pan-y {
    --tw-pan-y: pan-y;
    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
  }
  .touch-manipulation {
    touch-action: manipulation;
  }
  .touch-none {
    touch-action: none;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-y {
    scroll-snap-type: y var(--tw-scroll-snap-strictness);
  }
  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .scroll-mt-1 {
    scroll-margin-top: var(--spacing);
  }
  .scroll-mt-3 {
    scroll-margin-top: calc(var(--spacing) * 3);
  }
  .scroll-mt-4 {
    scroll-margin-top: calc(var(--spacing) * 4);
  }
  .scroll-mt-6 {
    scroll-margin-top: calc(var(--spacing) * 6);
  }
  .scroll-mt-16 {
    scroll-margin-top: calc(var(--spacing) * 16);
  }
  .scroll-mt-20 {
    scroll-margin-top: calc(var(--spacing) * 20);
  }
  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }
  .scroll-px-1 {
    scroll-padding-inline: var(--spacing);
  }
  .\[scroll-padding-bottom\:1rem\] {
    scroll-padding-bottom: 1rem;
  }
  .scroll-pb-28 {
    scroll-padding-bottom: calc(var(--spacing) * 28);
  }
  .\[scrollbar-width\:none\] {
    scrollbar-width: none;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-\[0\.875rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 0.875rem minmax(0,1fr);
  }
  .grid-cols-\[1\.5rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1.5rem minmax(0,1fr);
  }
  .grid-cols-\[1\.625rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1.625rem minmax(0,1fr);
  }
  .grid-cols-\[1\.625rem_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 1.625rem minmax(0,1fr) auto;
  }
  .grid-cols-\[2\.5rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 2.5rem minmax(0,1fr);
  }
  .grid-cols-\[2\.25rem_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 2.25rem minmax(0,1fr) auto;
  }
  .grid-cols-\[2rem_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 2rem minmax(0,1fr) auto;
  }
  .grid-cols-\[6\.5rem_1fr\] {
    grid-template-columns: 6.5rem 1fr;
  }
  .grid-cols-\[6\.5rem_minmax\(0\,1fr\)_4\.5rem\] {
    grid-template-columns: 6.5rem minmax(0,1fr) 4.5rem;
  }
  .grid-cols-\[7\.5rem_minmax\(0\,1fr\)_2\.5rem\] {
    grid-template-columns: 7.5rem minmax(0,1fr) 2.5rem;
  }
  .grid-cols-\[8\.5rem_minmax\(0\,1fr\)_minmax\(0\,13rem\)\] {
    grid-template-columns: 8.5rem minmax(0,1fr) minmax(0,13rem);
  }
  .grid-cols-\[8rem_minmax\(0\,1fr\)_2rem\] {
    grid-template-columns: 8rem minmax(0,1fr) 2rem;
  }
  .grid-cols-\[9rem_1fr_11rem\] {
    grid-template-columns: 9rem 1fr 11rem;
  }
  .grid-cols-\[10\.5rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 10.5rem minmax(0,1fr);
  }
  .grid-cols-\[22px_minmax\(0\,1fr\)\] {
    grid-template-columns: 22px minmax(0,1fr);
  }
  .grid-cols-\[28px_minmax\(0\,1fr\)\] {
    grid-template-columns: 28px minmax(0,1fr);
  }
  .grid-cols-\[28px_minmax\(0\,1fr\)_150px_90px_96px\] {
    grid-template-columns: 28px minmax(0,1fr) 150px 90px 96px;
  }
  .grid-cols-\[28px_minmax\(0\,1fr\)_160px_90px_70px_96px\] {
    grid-template-columns: 28px minmax(0,1fr) 160px 90px 70px 96px;
  }
  .grid-cols-\[28px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 28px minmax(0,1fr) auto;
  }
  .grid-cols-\[30px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 30px minmax(0,1fr) auto;
  }
  .grid-cols-\[36px_minmax\(0\,1fr\)\] {
    grid-template-columns: 36px minmax(0,1fr);
  }
  .grid-cols-\[38px_minmax\(0\,1fr\)\] {
    grid-template-columns: 38px minmax(0,1fr);
  }
  .grid-cols-\[40px_minmax\(0\,1fr\)\] {
    grid-template-columns: 40px minmax(0,1fr);
  }
  .grid-cols-\[40px_minmax\(0\,1fr\)_40px\] {
    grid-template-columns: 40px minmax(0,1fr) 40px;
  }
  .grid-cols-\[40px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 40px minmax(0,1fr) auto;
  }
  .grid-cols-\[58px_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 58px minmax(0,1fr) auto;
  }
  .grid-cols-\[76px_minmax\(0\,1fr\)\] {
    grid-template-columns: 76px minmax(0,1fr);
  }
  .grid-cols-\[96px_minmax\(0\,1fr\)\] {
    grid-template-columns: 96px minmax(0,1fr);
  }
  .grid-cols-\[110px_minmax\(0\,1fr\)\] {
    grid-template-columns: 110px minmax(0,1fr);
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0,1fr);
  }
  .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: auto minmax(0,1fr) auto;
  }
  .grid-cols-\[max-content_1fr\] {
    grid-template-columns: max-content 1fr;
  }
  .grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(8rem\,1fr\)_3\.5rem_3\.5rem_8rem\] {
    grid-template-columns: minmax(0,1.1fr) minmax(8rem,1fr) 3.5rem 3.5rem 8rem;
  }
  .grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_3rem_3rem_4\.5rem\] {
    grid-template-columns: minmax(0,1fr) 3rem 3rem 4.5rem;
  }
  .grid-cols-\[minmax\(0\,1fr\)_4\.5rem_4\.5rem_6\.25rem_4rem\] {
    grid-template-columns: minmax(0,1fr) 4.5rem 4.5rem 6.25rem 4rem;
  }
  .grid-cols-\[minmax\(0\,1fr\)_7rem\] {
    grid-template-columns: minmax(0,1fr) 7rem;
  }
  .grid-cols-\[minmax\(0\,1fr\)_27\.5rem\] {
    grid-template-columns: minmax(0,1fr) 27.5rem;
  }
  .grid-cols-\[minmax\(0\,1fr\)_48px_3rem\] {
    grid-template-columns: minmax(0,1fr) 48px 3rem;
  }
  .grid-cols-\[minmax\(0\,1fr\)_72px_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr) 72px minmax(0,1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_88px\] {
    grid-template-columns: minmax(0,1fr) 88px;
  }
  .grid-cols-\[minmax\(0\,1fr\)_96px_44px\] {
    grid-template-columns: minmax(0,1fr) 96px 44px;
  }
  .grid-cols-\[minmax\(0\,1fr\)_400px\] {
    grid-template-columns: minmax(0,1fr) 400px;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0,1fr) auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_auto_auto\] {
    grid-template-columns: minmax(0,1fr) auto auto;
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(8rem\,10rem\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr) minmax(8rem,10rem) minmax(0,1fr);
  }
  .grid-cols-\[minmax\(0\,1fr\)_minmax\(26rem\,34rem\)\] {
    grid-template-columns: minmax(0,1fr) minmax(26rem,34rem);
  }
  .grid-cols-\[minmax\(0\,7\.5rem\)_minmax\(0\,1fr\)_4\.5rem\] {
    grid-template-columns: minmax(0,7.5rem) minmax(0,1fr) 4.5rem;
  }
  .grid-cols-\[minmax\(0\,8rem\)_minmax\(0\,1fr\)_5rem\] {
    grid-template-columns: minmax(0,8rem) minmax(0,1fr) 5rem;
  }
  .grid-cols-\[minmax\(0\,9rem\)_1fr_auto\] {
    grid-template-columns: minmax(0,9rem) 1fr auto;
  }
  .grid-cols-\[minmax\(0\,12rem\)_minmax\(0\,1fr\)_4\.5rem_4rem\] {
    grid-template-columns: minmax(0,12rem) minmax(0,1fr) 4.5rem 4rem;
  }
  .grid-cols-\[minmax\(0\,13rem\)_minmax\(0\,1fr\)_3rem\] {
    grid-template-columns: minmax(0,13rem) minmax(0,1fr) 3rem;
  }
  .grid-cols-\[minmax\(0\,13rem\)_minmax\(0\,1fr\)_4\.5rem\] {
    grid-template-columns: minmax(0,13rem) minmax(0,1fr) 4.5rem;
  }
  .grid-cols-\[minmax\(7rem\,auto\)_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(7rem,auto) minmax(0,1fr);
  }
  .grid-cols-\[repeat\(15\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(15,minmax(0,1fr));
  }
  .grid-cols-\[repeat\(24\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: repeat(24,minmax(0,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(14rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(14rem,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(15\.5rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(15.5rem,1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(min\(100\%\,21\.5rem\)\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(min(100%, 21.5rem),1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(5\.5rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(5.5rem,1fr));
  }
  .grid-rows-subgrid {
    grid-template-rows: subgrid;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0 {
    gap: 0px;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-\[2px\] {
    gap: 2px;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .gap-\[5px\] {
    gap: 5px;
  }
  .gap-px {
    gap: 1px;
  }
  :where(.space-y-0 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: 0;
    margin-block-end: 0;
  }
  :where(.space-y-0\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-7 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-px > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(1px * var(--tw-space-y-reverse));
    margin-block-end: calc(1px * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-1 {
    column-gap: var(--spacing);
  }
  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-2\.5 {
    column-gap: calc(var(--spacing) * 2.5);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-3\.5 {
    column-gap: calc(var(--spacing) * 3.5);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-5 {
    column-gap: calc(var(--spacing) * 5);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-7 {
    column-gap: calc(var(--spacing) * 7);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-1 {
    row-gap: var(--spacing);
  }
  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-2\.5 {
    row-gap: calc(var(--spacing) * 2.5);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .justify-self-center {
    justify-self: center;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .justify-self-start {
    justify-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-clip {
    overflow: clip;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-clip {
    overflow-x: clip;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .\!rounded-2xl {
    border-radius: var(--radius-2xl) !important;
  }
  .\!rounded-\[13px\] {
    border-radius: 13px !important;
  }
  .\!rounded-\[16px\] {
    border-radius: 16px !important;
  }
  .\!rounded-\[20px\] {
    border-radius: 20px !important;
  }
  .\!rounded-\[22px\] {
    border-radius: 22px !important;
  }
  .\!rounded-\[24px\] {
    border-radius: 24px !important;
  }
  .\!rounded-\[26px\] {
    border-radius: 26px !important;
  }
  .\!rounded-\[var\(--radius-kaart\)\] {
    border-radius: var(--radius-kaart) !important;
  }
  .\!rounded-full {
    border-radius: calc(infinity * 1px) !important;
  }
  .\!rounded-none {
    border-radius: 0 !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[1px\] {
    border-radius: 1px;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[5px\] {
    border-radius: 5px;
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-\[7px\] {
    border-radius: 7px;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[9px\] {
    border-radius: 9px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[11px\] {
    border-radius: 11px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[13px\] {
    border-radius: 13px;
  }
  .rounded-\[14px\] {
    border-radius: 14px;
  }
  .rounded-\[15px\] {
    border-radius: 15px;
  }
  .rounded-\[16px\] {
    border-radius: 16px;
  }
  .rounded-\[18px\] {
    border-radius: 18px;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[22px\] {
    border-radius: 22px;
  }
  .rounded-\[24px\] {
    border-radius: 24px;
  }
  .rounded-\[26px\] {
    border-radius: 26px;
  }
  .rounded-\[28px\] {
    border-radius: 28px;
  }
  .rounded-\[calc\(var\(--radius-kaart\)-4px\)\] {
    border-radius: calc(var(--radius-kaart) - 4px);
  }
  .rounded-\[inherit\] {
    border-radius: inherit;
  }
  .rounded-\[var\(--radius-kaart\)\] {
    border-radius: var(--radius-kaart);
  }
  .rounded-\[var\(--radius-paneel\)\] {
    border-radius: var(--radius-paneel);
  }
  .rounded-\[var\(--radius-rij\)\] {
    border-radius: var(--radius-rij);
  }
  .rounded-\[var\(--radius-veld\)\] {
    border-radius: var(--radius-veld);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-kaart {
    border-radius: var(--radius-kaart);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-rij {
    border-radius: var(--radius-rij);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .\!rounded-t-\[var\(--radius-paneel\)\] {
    border-top-left-radius: var(--radius-paneel) !important;
    border-top-right-radius: var(--radius-paneel) !important;
  }
  .rounded-t-\[3px\] {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .rounded-t-\[var\(--radius-paneel\)\] {
    border-top-left-radius: var(--radius-paneel);
    border-top-right-radius: var(--radius-paneel);
  }
  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .rounded-l-\[18px\] {
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
  }
  .rounded-r-\[18px\] {
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
  }
  .rounded-r-\[var\(--radius-paneel\)\] {
    border-top-right-radius: var(--radius-paneel);
    border-bottom-right-radius: var(--radius-paneel);
  }
  .rounded-r-full {
    border-top-right-radius: calc(infinity * 1px);
    border-bottom-right-radius: calc(infinity * 1px);
  }
  .\!rounded-b-none {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-b-2xl {
    border-bottom-right-radius: var(--radius-2xl);
    border-bottom-left-radius: var(--radius-2xl);
  }
  .rounded-b-\[18px\] {
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;
  }
  .rounded-b-\[20px\] {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }
  .rounded-b-\[22px\] {
    border-bottom-right-radius: 22px;
    border-bottom-left-radius: 22px;
  }
  .rounded-b-\[var\(--radius-paneel\)\] {
    border-bottom-right-radius: var(--radius-paneel);
    border-bottom-left-radius: var(--radius-paneel);
  }
  .rounded-b-full {
    border-bottom-right-radius: calc(infinity * 1px);
    border-bottom-left-radius: calc(infinity * 1px);
  }
  .rounded-b-lg {
    border-bottom-right-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .rounded-br-md {
    border-bottom-right-radius: var(--radius-md);
  }
  .rounded-bl-md {
    border-bottom-left-radius: var(--radius-md);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-inkt-3 {
    border-color: var(--color-inkt-3);
  }
  .border-inkt\/15 {
    border-color: color-mix(in srgb, #12163a 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-inkt) 15%, transparent);
    }
  }
  .border-inkt\/35 {
    border-color: color-mix(in srgb, #12163a 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-inkt) 35%, transparent);
    }
  }
  .border-inkt\/40 {
    border-color: color-mix(in srgb, #12163a 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-inkt) 40%, transparent);
    }
  }
  .border-inkt\/\[0\.07\] {
    border-color: color-mix(in srgb, #12163a 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-inkt) 7.000000000000001%, transparent);
    }
  }
  .border-kritiek\/55 {
    border-color: color-mix(in srgb, #c92e46 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-kritiek) 55%, transparent);
    }
  }
  .border-kritiek\/60 {
    border-color: color-mix(in srgb, #c92e46 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-kritiek) 60%, transparent);
    }
  }
  .border-onbekend {
    border-color: var(--color-onbekend);
  }
  .border-onbekend\/40 {
    border-color: color-mix(in srgb, #7a7fa4 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-onbekend) 40%, transparent);
    }
  }
  .border-onbekend\/45 {
    border-color: color-mix(in srgb, #7a7fa4 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-onbekend) 45%, transparent);
    }
  }
  .border-onbekend\/60 {
    border-color: color-mix(in srgb, #7a7fa4 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-onbekend) 60%, transparent);
    }
  }
  .\!bg-blauw-50 {
    background-color: var(--color-blauw-50) !important;
  }
  .\!bg-inkt\/\[0\.05\] {
    background-color: color-mix(in srgb, #12163a 5%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 5%, transparent) !important;
    }
  }
  .\!bg-kritiek {
    background-color: var(--color-kritiek) !important;
  }
  .\!bg-transparent {
    background-color: transparent !important;
  }
  .\!bg-vel {
    background-color: var(--color-vel) !important;
  }
  .bg-\[\#7c8af5\] {
    background-color: #7c8af5;
  }
  .bg-\[\#f5c46b\] {
    background-color: #f5c46b;
  }
  .bg-\[\#fff\] {
    background-color: #fff;
  }
  .bg-\[\#fff\]\/80 {
    background-color: color-mix(in oklab, #fff 80%, transparent);
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-kanaal-afspraak\)_12\%\,white\)\] {
    background-color: color-mix(in srgb,#7c5ce0 12%,white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-kanaal-afspraak) 12%,white);
    }
  }
  .bg-\[color\:var\(--color-kanaal-afspraak\)\] {
    background-color: var(--color-kanaal-afspraak);
  }
  .bg-\[color\:var\(--color-kanaal-bel\)\] {
    background-color: var(--color-kanaal-bel);
  }
  .bg-\[color\:var\(--color-kanaal-whatsapp\)\] {
    background-color: var(--color-kanaal-whatsapp);
  }
  .bg-\[rgba\(18\,22\,58\,0\.34\)\] {
    background-color: rgba(18,22,58,0.34);
  }
  .bg-\[var\(--klant-accent\)\] {
    background-color: var(--klant-accent);
  }
  .bg-\[var\(--klant-accent\,var\(--color-blauw\)\)\] {
    background-color: var(--klant-accent,var(--color-blauw));
  }
  .bg-\[var\(--module-accent\)\] {
    background-color: var(--module-accent);
  }
  .bg-\[white\] {
    background-color: white;
  }
  .bg-aandacht {
    background-color: var(--color-aandacht);
  }
  .bg-aandacht-zacht {
    background-color: var(--color-aandacht-zacht);
  }
  .bg-aandacht-zacht\/15 {
    background-color: color-mix(in srgb, #fbeed3 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-aandacht-zacht) 15%, transparent);
    }
  }
  .bg-aandacht-zacht\/30 {
    background-color: color-mix(in srgb, #fbeed3 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-aandacht-zacht) 30%, transparent);
    }
  }
  .bg-aandacht-zacht\/40 {
    background-color: color-mix(in srgb, #fbeed3 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-aandacht-zacht) 40%, transparent);
    }
  }
  .bg-aandacht-zacht\/45 {
    background-color: color-mix(in srgb, #fbeed3 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-aandacht-zacht) 45%, transparent);
    }
  }
  .bg-aandacht-zacht\/50 {
    background-color: color-mix(in srgb, #fbeed3 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-aandacht-zacht) 50%, transparent);
    }
  }
  .bg-aandacht-zacht\/55 {
    background-color: color-mix(in srgb, #fbeed3 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-aandacht-zacht) 55%, transparent);
    }
  }
  .bg-aandacht-zacht\/60 {
    background-color: color-mix(in srgb, #fbeed3 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-aandacht-zacht) 60%, transparent);
    }
  }
  .bg-aandacht-zacht\/70 {
    background-color: color-mix(in srgb, #fbeed3 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-aandacht-zacht) 70%, transparent);
    }
  }
  .bg-aandacht-zacht\/80 {
    background-color: color-mix(in srgb, #fbeed3 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-aandacht-zacht) 80%, transparent);
    }
  }
  .bg-aandacht\/15 {
    background-color: color-mix(in srgb, #a86a0c 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-aandacht) 15%, transparent);
    }
  }
  .bg-aandacht\/20 {
    background-color: color-mix(in srgb, #a86a0c 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-aandacht) 20%, transparent);
    }
  }
  .bg-aandacht\/25 {
    background-color: color-mix(in srgb, #a86a0c 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-aandacht) 25%, transparent);
    }
  }
  .bg-aandacht\/40 {
    background-color: color-mix(in srgb, #a86a0c 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-aandacht) 40%, transparent);
    }
  }
  .bg-aandacht\/60 {
    background-color: color-mix(in srgb, #a86a0c 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-aandacht) 60%, transparent);
    }
  }
  .bg-aandacht\/70 {
    background-color: color-mix(in srgb, #a86a0c 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-aandacht) 70%, transparent);
    }
  }
  .bg-aandacht\/75 {
    background-color: color-mix(in srgb, #a86a0c 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-aandacht) 75%, transparent);
    }
  }
  .bg-ads {
    background-color: var(--color-ads);
  }
  .bg-ads-diep {
    background-color: var(--color-ads-diep);
  }
  .bg-ads-tekst {
    background-color: var(--color-ads-tekst);
  }
  .bg-ads-zacht {
    background-color: var(--color-ads-zacht);
  }
  .bg-ads-zacht\/70 {
    background-color: color-mix(in srgb, #fbf1da 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-ads-zacht) 70%, transparent);
    }
  }
  .bg-ads\/25 {
    background-color: color-mix(in srgb, #c98a12 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-ads) 25%, transparent);
    }
  }
  .bg-ads\/45 {
    background-color: color-mix(in srgb, #c98a12 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-ads) 45%, transparent);
    }
  }
  .bg-ads\/70 {
    background-color: color-mix(in srgb, #c98a12 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-ads) 70%, transparent);
    }
  }
  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }
  .bg-blauw {
    background-color: var(--color-blauw);
  }
  .bg-blauw-50 {
    background-color: var(--color-blauw-50);
  }
  .bg-blauw-50\/45 {
    background-color: color-mix(in srgb, #eef0ff 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-50) 45%, transparent);
    }
  }
  .bg-blauw-50\/50 {
    background-color: color-mix(in srgb, #eef0ff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-50) 50%, transparent);
    }
  }
  .bg-blauw-50\/60 {
    background-color: color-mix(in srgb, #eef0ff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-50) 60%, transparent);
    }
  }
  .bg-blauw-50\/70 {
    background-color: color-mix(in srgb, #eef0ff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-50) 70%, transparent);
    }
  }
  .bg-blauw-50\/80 {
    background-color: color-mix(in srgb, #eef0ff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-50) 80%, transparent);
    }
  }
  .bg-blauw-50\/90 {
    background-color: color-mix(in srgb, #eef0ff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-50) 90%, transparent);
    }
  }
  .bg-blauw-50\/95 {
    background-color: color-mix(in srgb, #eef0ff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-50) 95%, transparent);
    }
  }
  .bg-blauw-100 {
    background-color: var(--color-blauw-100);
  }
  .bg-blauw-diep {
    background-color: var(--color-blauw-diep);
  }
  .bg-blauw-diep\/40 {
    background-color: color-mix(in srgb, #1a2bc2 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-diep) 40%, transparent);
    }
  }
  .bg-blauw-nacht\/20 {
    background-color: color-mix(in srgb, #0c1560 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-nacht) 20%, transparent);
    }
  }
  .bg-blauw-nacht\/25 {
    background-color: color-mix(in srgb, #0c1560 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-nacht) 25%, transparent);
    }
  }
  .bg-blauw-nacht\/35 {
    background-color: color-mix(in srgb, #0c1560 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-nacht) 35%, transparent);
    }
  }
  .bg-blauw-nacht\/70 {
    background-color: color-mix(in srgb, #0c1560 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-nacht) 70%, transparent);
    }
  }
  .bg-blauw-nacht\/80 {
    background-color: color-mix(in srgb, #0c1560 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-nacht) 80%, transparent);
    }
  }
  .bg-blauw-nacht\/95 {
    background-color: color-mix(in srgb, #0c1560 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-nacht) 95%, transparent);
    }
  }
  .bg-blauw-nacht\/\[0\.07\] {
    background-color: color-mix(in srgb, #0c1560 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-nacht) 7.000000000000001%, transparent);
    }
  }
  .bg-blauw-nacht\/\[0\.12\] {
    background-color: color-mix(in srgb, #0c1560 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-nacht) 12%, transparent);
    }
  }
  .bg-blauw\/10 {
    background-color: color-mix(in srgb, #2539e9 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 10%, transparent);
    }
  }
  .bg-blauw\/12 {
    background-color: color-mix(in srgb, #2539e9 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 12%, transparent);
    }
  }
  .bg-blauw\/15 {
    background-color: color-mix(in srgb, #2539e9 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 15%, transparent);
    }
  }
  .bg-blauw\/20 {
    background-color: color-mix(in srgb, #2539e9 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 20%, transparent);
    }
  }
  .bg-blauw\/25 {
    background-color: color-mix(in srgb, #2539e9 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 25%, transparent);
    }
  }
  .bg-blauw\/30 {
    background-color: color-mix(in srgb, #2539e9 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 30%, transparent);
    }
  }
  .bg-blauw\/35 {
    background-color: color-mix(in srgb, #2539e9 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 35%, transparent);
    }
  }
  .bg-blauw\/40 {
    background-color: color-mix(in srgb, #2539e9 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 40%, transparent);
    }
  }
  .bg-blauw\/45 {
    background-color: color-mix(in srgb, #2539e9 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 45%, transparent);
    }
  }
  .bg-blauw\/50 {
    background-color: color-mix(in srgb, #2539e9 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 50%, transparent);
    }
  }
  .bg-blauw\/55 {
    background-color: color-mix(in srgb, #2539e9 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 55%, transparent);
    }
  }
  .bg-blauw\/60 {
    background-color: color-mix(in srgb, #2539e9 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 60%, transparent);
    }
  }
  .bg-blauw\/70 {
    background-color: color-mix(in srgb, #2539e9 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 70%, transparent);
    }
  }
  .bg-blauw\/75 {
    background-color: color-mix(in srgb, #2539e9 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 75%, transparent);
    }
  }
  .bg-blauw\/80 {
    background-color: color-mix(in srgb, #2539e9 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 80%, transparent);
    }
  }
  .bg-blauw\/\[0\.1\] {
    background-color: color-mix(in srgb, #2539e9 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 10%, transparent);
    }
  }
  .bg-blauw\/\[0\.03\] {
    background-color: color-mix(in srgb, #2539e9 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 3%, transparent);
    }
  }
  .bg-blauw\/\[0\.04\] {
    background-color: color-mix(in srgb, #2539e9 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 4%, transparent);
    }
  }
  .bg-blauw\/\[0\.05\] {
    background-color: color-mix(in srgb, #2539e9 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 5%, transparent);
    }
  }
  .bg-blauw\/\[0\.06\] {
    background-color: color-mix(in srgb, #2539e9 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 6%, transparent);
    }
  }
  .bg-blauw\/\[0\.07\] {
    background-color: color-mix(in srgb, #2539e9 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 7.000000000000001%, transparent);
    }
  }
  .bg-blauw\/\[0\.08\] {
    background-color: color-mix(in srgb, #2539e9 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 8%, transparent);
    }
  }
  .bg-blauw\/\[0\.12\] {
    background-color: color-mix(in srgb, #2539e9 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 12%, transparent);
    }
  }
  .bg-blauw\/\[0\.028\] {
    background-color: color-mix(in srgb, #2539e9 2.8000000000000003%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 2.8000000000000003%, transparent);
    }
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }
  .bg-gesprek {
    background-color: var(--color-gesprek);
  }
  .bg-gesprek\/10 {
    background-color: color-mix(in srgb, #6a4fd6 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gesprek) 10%, transparent);
    }
  }
  .bg-gesprek\/25 {
    background-color: color-mix(in srgb, #6a4fd6 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gesprek) 25%, transparent);
    }
  }
  .bg-gesprek\/45 {
    background-color: color-mix(in srgb, #6a4fd6 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gesprek) 45%, transparent);
    }
  }
  .bg-gesprek\/\[0\.14\] {
    background-color: color-mix(in srgb, #6a4fd6 14.000000000000002%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-gesprek) 14.000000000000002%, transparent);
    }
  }
  .bg-groei {
    background-color: var(--color-groei);
  }
  .bg-groei-tekst {
    background-color: var(--color-groei-tekst);
  }
  .bg-groei-zacht {
    background-color: var(--color-groei-zacht);
  }
  .bg-groei-zacht\/70 {
    background-color: color-mix(in srgb, #daf2ef 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-groei-zacht) 70%, transparent);
    }
  }
  .bg-groei-zacht\/80 {
    background-color: color-mix(in srgb, #daf2ef 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-groei-zacht) 80%, transparent);
    }
  }
  .bg-groei\/15 {
    background-color: color-mix(in srgb, #12938d 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-groei) 15%, transparent);
    }
  }
  .bg-groei\/25 {
    background-color: color-mix(in srgb, #12938d 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-groei) 25%, transparent);
    }
  }
  .bg-inkt {
    background-color: var(--color-inkt);
  }
  .bg-inkt-2 {
    background-color: var(--color-inkt-2);
  }
  .bg-inkt-3 {
    background-color: var(--color-inkt-3);
  }
  .bg-inkt-3\/25 {
    background-color: color-mix(in srgb, #5a6090 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt-3) 25%, transparent);
    }
  }
  .bg-inkt-3\/30 {
    background-color: color-mix(in srgb, #5a6090 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt-3) 30%, transparent);
    }
  }
  .bg-inkt-3\/35 {
    background-color: color-mix(in srgb, #5a6090 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt-3) 35%, transparent);
    }
  }
  .bg-inkt-3\/40 {
    background-color: color-mix(in srgb, #5a6090 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt-3) 40%, transparent);
    }
  }
  .bg-inkt-3\/45 {
    background-color: color-mix(in srgb, #5a6090 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt-3) 45%, transparent);
    }
  }
  .bg-inkt-3\/50 {
    background-color: color-mix(in srgb, #5a6090 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt-3) 50%, transparent);
    }
  }
  .bg-inkt-3\/55 {
    background-color: color-mix(in srgb, #5a6090 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt-3) 55%, transparent);
    }
  }
  .bg-inkt-4 {
    background-color: var(--color-inkt-4);
  }
  .bg-inkt-4\/25 {
    background-color: color-mix(in srgb, #a6aac6 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt-4) 25%, transparent);
    }
  }
  .bg-inkt-4\/30 {
    background-color: color-mix(in srgb, #a6aac6 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt-4) 30%, transparent);
    }
  }
  .bg-inkt-4\/35 {
    background-color: color-mix(in srgb, #a6aac6 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt-4) 35%, transparent);
    }
  }
  .bg-inkt-4\/60 {
    background-color: color-mix(in srgb, #a6aac6 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt-4) 60%, transparent);
    }
  }
  .bg-inkt-4\/70 {
    background-color: color-mix(in srgb, #a6aac6 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt-4) 70%, transparent);
    }
  }
  .bg-inkt\/10 {
    background-color: color-mix(in srgb, #12163a 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 10%, transparent);
    }
  }
  .bg-inkt\/15 {
    background-color: color-mix(in srgb, #12163a 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 15%, transparent);
    }
  }
  .bg-inkt\/20 {
    background-color: color-mix(in srgb, #12163a 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 20%, transparent);
    }
  }
  .bg-inkt\/25 {
    background-color: color-mix(in srgb, #12163a 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 25%, transparent);
    }
  }
  .bg-inkt\/30 {
    background-color: color-mix(in srgb, #12163a 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 30%, transparent);
    }
  }
  .bg-inkt\/40 {
    background-color: color-mix(in srgb, #12163a 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 40%, transparent);
    }
  }
  .bg-inkt\/45 {
    background-color: color-mix(in srgb, #12163a 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 45%, transparent);
    }
  }
  .bg-inkt\/50 {
    background-color: color-mix(in srgb, #12163a 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 50%, transparent);
    }
  }
  .bg-inkt\/55 {
    background-color: color-mix(in srgb, #12163a 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 55%, transparent);
    }
  }
  .bg-inkt\/70 {
    background-color: color-mix(in srgb, #12163a 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 70%, transparent);
    }
  }
  .bg-inkt\/\[0\.1\] {
    background-color: color-mix(in srgb, #12163a 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 10%, transparent);
    }
  }
  .bg-inkt\/\[0\.03\] {
    background-color: color-mix(in srgb, #12163a 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 3%, transparent);
    }
  }
  .bg-inkt\/\[0\.3\] {
    background-color: color-mix(in srgb, #12163a 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 30%, transparent);
    }
  }
  .bg-inkt\/\[0\.04\] {
    background-color: color-mix(in srgb, #12163a 4%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 4%, transparent);
    }
  }
  .bg-inkt\/\[0\.05\] {
    background-color: color-mix(in srgb, #12163a 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 5%, transparent);
    }
  }
  .bg-inkt\/\[0\.06\] {
    background-color: color-mix(in srgb, #12163a 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 6%, transparent);
    }
  }
  .bg-inkt\/\[0\.07\] {
    background-color: color-mix(in srgb, #12163a 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 7.000000000000001%, transparent);
    }
  }
  .bg-inkt\/\[0\.08\] {
    background-color: color-mix(in srgb, #12163a 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 8%, transparent);
    }
  }
  .bg-inkt\/\[0\.09\] {
    background-color: color-mix(in srgb, #12163a 9%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 9%, transparent);
    }
  }
  .bg-inkt\/\[0\.10\] {
    background-color: color-mix(in srgb, #12163a 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 10%, transparent);
    }
  }
  .bg-inkt\/\[0\.012\] {
    background-color: color-mix(in srgb, #12163a 1.2%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 1.2%, transparent);
    }
  }
  .bg-inkt\/\[0\.12\] {
    background-color: color-mix(in srgb, #12163a 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 12%, transparent);
    }
  }
  .bg-inkt\/\[0\.14\] {
    background-color: color-mix(in srgb, #12163a 14.000000000000002%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 14.000000000000002%, transparent);
    }
  }
  .bg-inkt\/\[0\.022\] {
    background-color: color-mix(in srgb, #12163a 2.1999999999999997%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 2.1999999999999997%, transparent);
    }
  }
  .bg-inkt\/\[0\.24\] {
    background-color: color-mix(in srgb, #12163a 24%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 24%, transparent);
    }
  }
  .bg-inkt\/\[0\.025\] {
    background-color: color-mix(in srgb, #12163a 2.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 2.5%, transparent);
    }
  }
  .bg-inkt\/\[0\.035\] {
    background-color: color-mix(in srgb, #12163a 3.5000000000000004%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 3.5000000000000004%, transparent);
    }
  }
  .bg-inkt\/\[0\.045\] {
    background-color: color-mix(in srgb, #12163a 4.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 4.5%, transparent);
    }
  }
  .bg-inkt\/\[0\.055\] {
    background-color: color-mix(in srgb, #12163a 5.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 5.5%, transparent);
    }
  }
  .bg-koers {
    background-color: var(--color-koers);
  }
  .bg-koers-zacht {
    background-color: var(--color-koers-zacht);
  }
  .bg-koers-zacht\/15 {
    background-color: color-mix(in srgb, #d9f3e8 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers-zacht) 15%, transparent);
    }
  }
  .bg-koers-zacht\/35 {
    background-color: color-mix(in srgb, #d9f3e8 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers-zacht) 35%, transparent);
    }
  }
  .bg-koers-zacht\/40 {
    background-color: color-mix(in srgb, #d9f3e8 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers-zacht) 40%, transparent);
    }
  }
  .bg-koers-zacht\/50 {
    background-color: color-mix(in srgb, #d9f3e8 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers-zacht) 50%, transparent);
    }
  }
  .bg-koers-zacht\/55 {
    background-color: color-mix(in srgb, #d9f3e8 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers-zacht) 55%, transparent);
    }
  }
  .bg-koers-zacht\/60 {
    background-color: color-mix(in srgb, #d9f3e8 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers-zacht) 60%, transparent);
    }
  }
  .bg-koers-zacht\/70 {
    background-color: color-mix(in srgb, #d9f3e8 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers-zacht) 70%, transparent);
    }
  }
  .bg-koers-zacht\/80 {
    background-color: color-mix(in srgb, #d9f3e8 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers-zacht) 80%, transparent);
    }
  }
  .bg-koers-zacht\/90 {
    background-color: color-mix(in srgb, #d9f3e8 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers-zacht) 90%, transparent);
    }
  }
  .bg-koers\/10 {
    background-color: color-mix(in srgb, #10805a 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers) 10%, transparent);
    }
  }
  .bg-koers\/20 {
    background-color: color-mix(in srgb, #10805a 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers) 20%, transparent);
    }
  }
  .bg-koers\/25 {
    background-color: color-mix(in srgb, #10805a 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers) 25%, transparent);
    }
  }
  .bg-koers\/40 {
    background-color: color-mix(in srgb, #10805a 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers) 40%, transparent);
    }
  }
  .bg-koers\/45 {
    background-color: color-mix(in srgb, #10805a 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers) 45%, transparent);
    }
  }
  .bg-koers\/55 {
    background-color: color-mix(in srgb, #10805a 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers) 55%, transparent);
    }
  }
  .bg-koers\/60 {
    background-color: color-mix(in srgb, #10805a 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers) 60%, transparent);
    }
  }
  .bg-koers\/65 {
    background-color: color-mix(in srgb, #10805a 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers) 65%, transparent);
    }
  }
  .bg-koers\/70 {
    background-color: color-mix(in srgb, #10805a 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers) 70%, transparent);
    }
  }
  .bg-koers\/80 {
    background-color: color-mix(in srgb, #10805a 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers) 80%, transparent);
    }
  }
  .bg-koers\/90 {
    background-color: color-mix(in srgb, #10805a 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers) 90%, transparent);
    }
  }
  .bg-kritiek {
    background-color: var(--color-kritiek);
  }
  .bg-kritiek-zacht {
    background-color: var(--color-kritiek-zacht);
  }
  .bg-kritiek-zacht\/15 {
    background-color: color-mix(in srgb, #fde1e7 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek-zacht) 15%, transparent);
    }
  }
  .bg-kritiek-zacht\/35 {
    background-color: color-mix(in srgb, #fde1e7 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek-zacht) 35%, transparent);
    }
  }
  .bg-kritiek-zacht\/40 {
    background-color: color-mix(in srgb, #fde1e7 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek-zacht) 40%, transparent);
    }
  }
  .bg-kritiek-zacht\/45 {
    background-color: color-mix(in srgb, #fde1e7 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek-zacht) 45%, transparent);
    }
  }
  .bg-kritiek-zacht\/50 {
    background-color: color-mix(in srgb, #fde1e7 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek-zacht) 50%, transparent);
    }
  }
  .bg-kritiek-zacht\/55 {
    background-color: color-mix(in srgb, #fde1e7 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek-zacht) 55%, transparent);
    }
  }
  .bg-kritiek-zacht\/60 {
    background-color: color-mix(in srgb, #fde1e7 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek-zacht) 60%, transparent);
    }
  }
  .bg-kritiek-zacht\/70 {
    background-color: color-mix(in srgb, #fde1e7 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek-zacht) 70%, transparent);
    }
  }
  .bg-kritiek-zacht\/80 {
    background-color: color-mix(in srgb, #fde1e7 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek-zacht) 80%, transparent);
    }
  }
  .bg-kritiek-zacht\/90 {
    background-color: color-mix(in srgb, #fde1e7 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek-zacht) 90%, transparent);
    }
  }
  .bg-kritiek\/10 {
    background-color: color-mix(in srgb, #c92e46 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek) 10%, transparent);
    }
  }
  .bg-kritiek\/15 {
    background-color: color-mix(in srgb, #c92e46 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek) 15%, transparent);
    }
  }
  .bg-kritiek\/25 {
    background-color: color-mix(in srgb, #c92e46 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek) 25%, transparent);
    }
  }
  .bg-kritiek\/30 {
    background-color: color-mix(in srgb, #c92e46 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek) 30%, transparent);
    }
  }
  .bg-kritiek\/35 {
    background-color: color-mix(in srgb, #c92e46 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek) 35%, transparent);
    }
  }
  .bg-kritiek\/40 {
    background-color: color-mix(in srgb, #c92e46 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek) 40%, transparent);
    }
  }
  .bg-kritiek\/50 {
    background-color: color-mix(in srgb, #c92e46 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek) 50%, transparent);
    }
  }
  .bg-kritiek\/60 {
    background-color: color-mix(in srgb, #c92e46 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek) 60%, transparent);
    }
  }
  .bg-kritiek\/70 {
    background-color: color-mix(in srgb, #c92e46 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-kritiek) 70%, transparent);
    }
  }
  .bg-laag-0 {
    background-color: var(--color-laag-0);
  }
  .bg-laag-0\/30 {
    background-color: color-mix(in srgb, #b9bcd3 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-laag-0) 30%, transparent);
    }
  }
  .bg-laag-3 {
    background-color: var(--color-laag-3);
  }
  .bg-lucht {
    background-color: var(--color-lucht);
  }
  .bg-lucht-2 {
    background-color: var(--color-lucht-2);
  }
  .bg-lucht-2\/55 {
    background-color: color-mix(in srgb, #e9ebf9 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-lucht-2) 55%, transparent);
    }
  }
  .bg-lucht-2\/70 {
    background-color: color-mix(in srgb, #e9ebf9 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-lucht-2) 70%, transparent);
    }
  }
  .bg-lucht\/70 {
    background-color: color-mix(in srgb, #f3f4fc 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-lucht) 70%, transparent);
    }
  }
  .bg-onbekend {
    background-color: var(--color-onbekend);
  }
  .bg-onbekend-zacht {
    background-color: var(--color-onbekend-zacht);
  }
  .bg-onbekend-zacht\/60 {
    background-color: color-mix(in srgb, #ebecf5 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-onbekend-zacht) 60%, transparent);
    }
  }
  .bg-onbekend-zacht\/70 {
    background-color: color-mix(in srgb, #ebecf5 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-onbekend-zacht) 70%, transparent);
    }
  }
  .bg-onbekend-zacht\/90 {
    background-color: color-mix(in srgb, #ebecf5 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-onbekend-zacht) 90%, transparent);
    }
  }
  .bg-onbekend\/10 {
    background-color: color-mix(in srgb, #7a7fa4 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-onbekend) 10%, transparent);
    }
  }
  .bg-onbekend\/30 {
    background-color: color-mix(in srgb, #7a7fa4 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-onbekend) 30%, transparent);
    }
  }
  .bg-onbekend\/40 {
    background-color: color-mix(in srgb, #7a7fa4 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-onbekend) 40%, transparent);
    }
  }
  .bg-onbekend\/60 {
    background-color: color-mix(in srgb, #7a7fa4 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-onbekend) 60%, transparent);
    }
  }
  .bg-onbekend\/70 {
    background-color: color-mix(in srgb, #7a7fa4 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-onbekend) 70%, transparent);
    }
  }
  .bg-papier {
    background-color: var(--color-papier);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-relatie {
    background-color: var(--color-relatie);
  }
  .bg-relatie-tekst {
    background-color: var(--color-relatie-tekst);
  }
  .bg-relatie-zacht {
    background-color: var(--color-relatie-zacht);
  }
  .bg-relatie-zacht\/45 {
    background-color: color-mix(in srgb, #fbe4f0 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-relatie-zacht) 45%, transparent);
    }
  }
  .bg-relatie-zacht\/60 {
    background-color: color-mix(in srgb, #fbe4f0 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-relatie-zacht) 60%, transparent);
    }
  }
  .bg-relatie\/30 {
    background-color: color-mix(in srgb, #c2418a 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-relatie) 30%, transparent);
    }
  }
  .bg-relatie\/50 {
    background-color: color-mix(in srgb, #c2418a 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-relatie) 50%, transparent);
    }
  }
  .bg-relatie\/55 {
    background-color: color-mix(in srgb, #c2418a 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-relatie) 55%, transparent);
    }
  }
  .bg-relatie\/60 {
    background-color: color-mix(in srgb, #c2418a 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-relatie) 60%, transparent);
    }
  }
  .bg-relatie\/70 {
    background-color: color-mix(in srgb, #c2418a 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-relatie) 70%, transparent);
    }
  }
  .bg-site {
    background-color: var(--color-site);
  }
  .bg-site-tekst {
    background-color: var(--color-site-tekst);
  }
  .bg-site-zacht {
    background-color: var(--color-site-zacht);
  }
  .bg-site-zacht\/80 {
    background-color: color-mix(in srgb, #dcf0f6 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-site-zacht) 80%, transparent);
    }
  }
  .bg-site\/20 {
    background-color: color-mix(in srgb, #0e7fa6 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-site) 20%, transparent);
    }
  }
  .bg-site\/30 {
    background-color: color-mix(in srgb, #0e7fa6 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-site) 30%, transparent);
    }
  }
  .bg-site\/70 {
    background-color: color-mix(in srgb, #0e7fa6 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-site) 70%, transparent);
    }
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-vel {
    background-color: var(--color-vel);
  }
  .bg-vel\/35 {
    background-color: color-mix(in srgb, rgb(var(--glas-tint)) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-vel) 35%, transparent);
    }
  }
  .bg-vel\/50 {
    background-color: color-mix(in srgb, rgb(var(--glas-tint)) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-vel) 50%, transparent);
    }
  }
  .bg-vel\/55 {
    background-color: color-mix(in srgb, rgb(var(--glas-tint)) 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-vel) 55%, transparent);
    }
  }
  .bg-vel\/60 {
    background-color: color-mix(in srgb, rgb(var(--glas-tint)) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-vel) 60%, transparent);
    }
  }
  .bg-vel\/65 {
    background-color: color-mix(in srgb, rgb(var(--glas-tint)) 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-vel) 65%, transparent);
    }
  }
  .bg-vel\/70 {
    background-color: color-mix(in srgb, rgb(var(--glas-tint)) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-vel) 70%, transparent);
    }
  }
  .bg-vel\/75 {
    background-color: color-mix(in srgb, rgb(var(--glas-tint)) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-vel) 75%, transparent);
    }
  }
  .bg-vel\/80 {
    background-color: color-mix(in srgb, rgb(var(--glas-tint)) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-vel) 80%, transparent);
    }
  }
  .bg-vel\/85 {
    background-color: color-mix(in srgb, rgb(var(--glas-tint)) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-vel) 85%, transparent);
    }
  }
  .bg-vel\/90 {
    background-color: color-mix(in srgb, rgb(var(--glas-tint)) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-vel) 90%, transparent);
    }
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/10 {
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/12 {
    background-color: color-mix(in srgb, #fff 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
    }
  }
  .bg-white\/15 {
    background-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .bg-white\/20 {
    background-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .bg-white\/25 {
    background-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .bg-white\/\[0\.06\] {
    background-color: color-mix(in srgb, #fff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .bg-white\/\[0\.07\] {
    background-color: color-mix(in srgb, #fff 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent);
    }
  }
  .bg-white\/\[0\.08\] {
    background-color: color-mix(in srgb, #fff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .bg-white\/\[0\.14\] {
    background-color: color-mix(in srgb, #fff 14.000000000000002%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 14.000000000000002%, transparent);
    }
  }
  .vel-15 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(15 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-20 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(20 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-25 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(25 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-30 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(30 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-35 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(35 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-40 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(40 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-45 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(45 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-50 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(50 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-55 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(55 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-60 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(60 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-65 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(65 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-70 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(70 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-75 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(75 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-80 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(80 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-85 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(85 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-90 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(90 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-92 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(92 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .vel-95 {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(95 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .bg-linear-to-r {
    --tw-gradient-position: to right;
    @supports (background-image: linear-gradient(in lab, red, red)) {
      --tw-gradient-position: to right in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .\!bg-none {
    background-image: none !important;
  }
  .bg-\[linear-gradient\(90deg\,color-mix\(in_srgb\,var\(--color-aandacht-zacht\)_75\%\,transparent\)\,color-mix\(in_srgb\,var\(--color-aandacht-zacht\)_25\%\,transparent\)\)\] {
    background-image: linear-gradient(90deg,color-mix(in srgb,#fbeed3 75%,transparent),color-mix(in srgb,#fbeed3 25%,transparent));
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(90deg,color-mix(in srgb,var(--color-aandacht-zacht) 75%,transparent),color-mix(in srgb,var(--color-aandacht-zacht) 25%,transparent));
    }
  }
  .bg-\[linear-gradient\(90deg\,color-mix\(in_srgb\,var\(--color-koers-zacht\)_85\%\,transparent\)\,color-mix\(in_srgb\,var\(--color-koers-zacht\)_35\%\,transparent\)\)\] {
    background-image: linear-gradient(90deg,color-mix(in srgb,#d9f3e8 85%,transparent),color-mix(in srgb,#d9f3e8 35%,transparent));
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(90deg,color-mix(in srgb,var(--color-koers-zacht) 85%,transparent),color-mix(in srgb,var(--color-koers-zacht) 35%,transparent));
    }
  }
  .bg-\[linear-gradient\(90deg\,color-mix\(in_srgb\,var\(--color-kritiek\)_15\%\,transparent\)\,var\(--color-kritiek\)\)\] {
    background-image: linear-gradient(90deg,color-mix(in srgb,#c92e46 15%,transparent),var(--color-kritiek));
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(90deg,color-mix(in srgb,var(--color-kritiek) 15%,transparent),var(--color-kritiek));
    }
  }
  .bg-\[linear-gradient\(90deg\,color-mix\(in_srgb\,var\(--color-kritiek-zacht\)_70\%\,transparent\)\,color-mix\(in_srgb\,var\(--color-kritiek-zacht\)_20\%\,transparent\)\)\] {
    background-image: linear-gradient(90deg,color-mix(in srgb,#fde1e7 70%,transparent),color-mix(in srgb,#fde1e7 20%,transparent));
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(90deg,color-mix(in srgb,var(--color-kritiek-zacht) 70%,transparent),color-mix(in srgb,var(--color-kritiek-zacht) 20%,transparent));
    }
  }
  .bg-\[linear-gradient\(90deg\,var\(--color-blauw\)_0_40\%\,color-mix\(in_srgb\,var\(--color-blauw\)_16\%\,var\(--color-vel\)\)_40\%\)\] {
    background-image: linear-gradient(90deg,var(--color-blauw) 0 40%,color-mix(in srgb,#2539e9 16%,rgb(var(--glas-tint))) 40%);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(90deg,var(--color-blauw) 0 40%,color-mix(in srgb,var(--color-blauw) 16%,var(--color-vel)) 40%);
    }
  }
  .bg-\[linear-gradient\(90deg\,var\(--color-blauw\)_50\%\,color-mix\(in_srgb\,var\(--color-blauw\)_28\%\,transparent\)_50\%\)\] {
    background-image: linear-gradient(90deg,var(--color-blauw) 50%,color-mix(in srgb,#2539e9 28%,transparent) 50%);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(90deg,var(--color-blauw) 50%,color-mix(in srgb,var(--color-blauw) 28%,transparent) 50%);
    }
  }
  .bg-\[linear-gradient\(90deg\,var\(--color-groei\)\,color-mix\(in_srgb\,var\(--color-groei\)_15\%\,transparent\)\)\] {
    background-image: linear-gradient(90deg,var(--color-groei),color-mix(in srgb,#12938d 15%,transparent));
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(90deg,var(--color-groei),color-mix(in srgb,var(--color-groei) 15%,transparent));
    }
  }
  .bg-\[linear-gradient\(90deg\,var\(--color-groei-zacht\)_0_20\%\,color-mix\(in_srgb\,var\(--color-blauw-50\)_80\%\,transparent\)_20\%_52\%\,color-mix\(in_srgb\,var\(--color-blauw-50\)_40\%\,transparent\)_52\%_100\%\)\] {
    background-image: linear-gradient(90deg,var(--color-groei-zacht) 0 20%,color-mix(in srgb,#eef0ff 80%,transparent) 20% 52%,color-mix(in srgb,#eef0ff 40%,transparent) 52% 100%);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(90deg,var(--color-groei-zacht) 0 20%,color-mix(in srgb,var(--color-blauw-50) 80%,transparent) 20% 52%,color-mix(in srgb,var(--color-blauw-50) 40%,transparent) 52% 100%);
    }
  }
  .bg-\[linear-gradient\(135deg\,color-mix\(in_srgb\,var\(--color-kritiek-zacht\)_85\%\,transparent\)\,rgba\(var\(--glas-tint\)\,\.6\)\)\] {
    background-image: linear-gradient(135deg,color-mix(in srgb,#fde1e7 85%,transparent),rgba(var(--glas-tint),.6));
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(135deg,color-mix(in srgb,var(--color-kritiek-zacht) 85%,transparent),rgba(var(--glas-tint),.6));
    }
  }
  .bg-\[linear-gradient\(170deg\,color-mix\(in_srgb\,var\(--color-blauw-50\)_95\%\,transparent\)\,rgba\(var\(--glas-tint\)\,\.85\)\)\] {
    background-image: linear-gradient(170deg,color-mix(in srgb,#eef0ff 95%,transparent),rgba(var(--glas-tint),.85));
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(170deg,color-mix(in srgb,var(--color-blauw-50) 95%,transparent),rgba(var(--glas-tint),.85));
    }
  }
  .bg-\[linear-gradient\(180deg\,color-mix\(in_srgb\,var\(--color-groei-zacht\)_85\%\,transparent\)\,color-mix\(in_srgb\,var\(--color-groei-zacht\)_40\%\,transparent\)\)\] {
    background-image: linear-gradient(180deg,color-mix(in srgb,#daf2ef 85%,transparent),color-mix(in srgb,#daf2ef 40%,transparent));
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(180deg,color-mix(in srgb,var(--color-groei-zacht) 85%,transparent),color-mix(in srgb,var(--color-groei-zacht) 40%,transparent));
    }
  }
  .bg-\[radial-gradient\(circle\,var\(--color-blauw\)_1px\,transparent_1\.2px\)\] {
    background-image: radial-gradient(circle,var(--color-blauw) 1px,transparent 1.2px);
  }
  .bg-\[repeating-linear-gradient\(135deg\,color-mix\(in_srgb\,var\(--color-onbekend\)_9\%\,transparent\)_0_6px\,transparent_6px_12px\)\] {
    background-image: repeating-linear-gradient(135deg,color-mix(in srgb,#7a7fa4 9%,transparent) 0 6px,transparent 6px 12px);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: repeating-linear-gradient(135deg,color-mix(in srgb,var(--color-onbekend) 9%,transparent) 0 6px,transparent 6px 12px);
    }
  }
  .from-\[color\:var\(--color-vel\)\] {
    --tw-gradient-from: var(--color-vel);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-aandacht-zacht\/80 {
    --tw-gradient-from: color-mix(in srgb, #fbeed3 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-aandacht-zacht) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-aandacht\/80 {
    --tw-gradient-from: color-mix(in srgb, #a86a0c 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-aandacht) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blauw-50\/50 {
    --tw-gradient-from: color-mix(in srgb, #eef0ff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blauw-50) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blauw\/60 {
    --tw-gradient-from: color-mix(in srgb, #2539e9 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blauw) 60%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-blauw\/70 {
    --tw-gradient-from: color-mix(in srgb, #2539e9 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-blauw) 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-inkt\/10 {
    --tw-gradient-from: color-mix(in srgb, #12163a 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-inkt) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-inkt\/\[0\.12\] {
    --tw-gradient-from: color-mix(in srgb, #12163a 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-inkt) 12%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-kanaal-afspraak\/10 {
    --tw-gradient-from: color-mix(in srgb, #7c5ce0 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-kanaal-afspraak) 10%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-koers {
    --tw-gradient-from: var(--color-koers);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-kritiek-zacht\/70 {
    --tw-gradient-from: color-mix(in srgb, #fde1e7 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-kritiek-zacht) 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-kritiek-zacht\/80 {
    --tw-gradient-from: color-mix(in srgb, #fde1e7 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-kritiek-zacht) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-kritiek\/50 {
    --tw-gradient-from: color-mix(in srgb, #c92e46 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-kritiek) 50%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-kritiek\/80 {
    --tw-gradient-from: color-mix(in srgb, #c92e46 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-kritiek) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-relatie-zacht\/75 {
    --tw-gradient-from: color-mix(in srgb, #fbe4f0 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-relatie-zacht) 75%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-relatie-zacht\/80 {
    --tw-gradient-from: color-mix(in srgb, #fbe4f0 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-relatie-zacht) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-relatie\/35 {
    --tw-gradient-from: color-mix(in srgb, #c2418a 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-relatie) 35%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-relatie\/80 {
    --tw-gradient-from: color-mix(in srgb, #c2418a 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-relatie) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-relatie\/85 {
    --tw-gradient-from: color-mix(in srgb, #c2418a 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-relatie) 85%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-site-zacht {
    --tw-gradient-from: var(--color-site-zacht);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-vel\/95 {
    --tw-gradient-from: color-mix(in srgb, rgb(var(--glas-tint)) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-vel) 95%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-60\% {
    --tw-gradient-from-position: 60%;
  }
  .via-blauw-100 {
    --tw-gradient-via: var(--color-blauw-100);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-inkt\/5 {
    --tw-gradient-via: color-mix(in srgb, #12163a 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-inkt) 5%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-inkt\/10 {
    --tw-gradient-via: color-mix(in srgb, #12163a 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-inkt) 10%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-inkt\/\[0\.09\] {
    --tw-gradient-via: color-mix(in srgb, #12163a 9%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-inkt) 9%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-vel\/50 {
    --tw-gradient-via: color-mix(in srgb, rgb(var(--glas-tint)) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-vel) 50%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .via-vel\/70 {
    --tw-gradient-via: color-mix(in srgb, rgb(var(--glas-tint)) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-via: color-mix(in oklab, var(--color-vel) 70%, transparent);
    }
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-\[\#d0901a\] {
    --tw-gradient-to: #d0901a;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-aandacht-zacht\/30 {
    --tw-gradient-to: color-mix(in srgb, #fbeed3 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-aandacht-zacht) 30%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blauw {
    --tw-gradient-to: var(--color-blauw);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blauw-100 {
    --tw-gradient-to: var(--color-blauw-100);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blauw-100\/80 {
    --tw-gradient-to: color-mix(in srgb, #dfe3ff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-blauw-100) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-koers\/70 {
    --tw-gradient-to: color-mix(in srgb, #10805a 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-koers) 70%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-kritiek {
    --tw-gradient-to: var(--color-kritiek);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-relatie-tekst {
    --tw-gradient-to: var(--color-relatie-tekst);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-relatie\/5 {
    --tw-gradient-to: color-mix(in srgb, #c2418a 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-relatie) 5%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-relatie\/45 {
    --tw-gradient-to: color-mix(in srgb, #c2418a 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-relatie) 45%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-vel\/40 {
    --tw-gradient-to: color-mix(in srgb, rgb(var(--glas-tint)) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-vel) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-vel\/80 {
    --tw-gradient-to: color-mix(in srgb, rgb(var(--glas-tint)) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-vel) 80%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-vel\/85 {
    --tw-gradient-to: color-mix(in srgb, rgb(var(--glas-tint)) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-vel) 85%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-vel\/90 {
    --tw-gradient-to: color-mix(in srgb, rgb(var(--glas-tint)) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-vel) 90%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-vel\/95 {
    --tw-gradient-to: color-mix(in srgb, rgb(var(--glas-tint)) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-vel) 95%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white {
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-white\/95 {
    --tw-gradient-to: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .\[mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%-5rem\)\,transparent\)\] {
    mask-image: linear-gradient(to bottom,black calc(100% - 5rem),transparent);
  }
  .\[mask-image\:none\] {
    mask-image: none;
  }
  .bg-\[length\:5px_2px\] {
    background-size: 5px 2px;
  }
  .fill-aandacht {
    fill: var(--color-aandacht);
  }
  .fill-aandacht\/75 {
    fill: color-mix(in srgb, #a86a0c 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-aandacht) 75%, transparent);
    }
  }
  .fill-blauw {
    fill: var(--color-blauw);
  }
  .fill-blauw-diep\/80 {
    fill: color-mix(in srgb, #1a2bc2 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-blauw-diep) 80%, transparent);
    }
  }
  .fill-blauw\/15 {
    fill: color-mix(in srgb, #2539e9 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-blauw) 15%, transparent);
    }
  }
  .fill-blauw\/45 {
    fill: color-mix(in srgb, #2539e9 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-blauw) 45%, transparent);
    }
  }
  .fill-current {
    fill: currentcolor;
  }
  .fill-inkt {
    fill: var(--color-inkt);
  }
  .fill-inkt-3 {
    fill: var(--color-inkt-3);
  }
  .fill-inkt-4 {
    fill: var(--color-inkt-4);
  }
  .fill-inkt\/\[0\.05\] {
    fill: color-mix(in srgb, #12163a 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-inkt) 5%, transparent);
    }
  }
  .fill-inkt\/\[0\.12\] {
    fill: color-mix(in srgb, #12163a 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-inkt) 12%, transparent);
    }
  }
  .fill-inkt\/\[0\.24\] {
    fill: color-mix(in srgb, #12163a 24%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-inkt) 24%, transparent);
    }
  }
  .fill-koers\/40 {
    fill: color-mix(in srgb, #10805a 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-koers) 40%, transparent);
    }
  }
  .fill-koers\/65 {
    fill: color-mix(in srgb, #10805a 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-koers) 65%, transparent);
    }
  }
  .fill-koers\/90 {
    fill: color-mix(in srgb, #10805a 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-koers) 90%, transparent);
    }
  }
  .fill-kritiek {
    fill: var(--color-kritiek);
  }
  .fill-onbekend\/40 {
    fill: color-mix(in srgb, #7a7fa4 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      fill: color-mix(in oklab, var(--color-onbekend) 40%, transparent);
    }
  }
  .fill-white {
    fill: var(--color-white);
  }
  .\!stroke-kritiek {
    stroke: var(--color-kritiek) !important;
  }
  .stroke-aandacht {
    stroke: var(--color-aandacht);
  }
  .stroke-blauw {
    stroke: var(--color-blauw);
  }
  .stroke-blauw\/15 {
    stroke: color-mix(in srgb, #2539e9 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-blauw) 15%, transparent);
    }
  }
  .stroke-blauw\/50 {
    stroke: color-mix(in srgb, #2539e9 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-blauw) 50%, transparent);
    }
  }
  .stroke-blauw\/70 {
    stroke: color-mix(in srgb, #2539e9 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-blauw) 70%, transparent);
    }
  }
  .stroke-blauw\/\[0\.28\] {
    stroke: color-mix(in srgb, #2539e9 28.000000000000004%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-blauw) 28.000000000000004%, transparent);
    }
  }
  .stroke-inkt\/\[0\.06\] {
    stroke: color-mix(in srgb, #12163a 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-inkt) 6%, transparent);
    }
  }
  .stroke-inkt\/\[0\.07\] {
    stroke: color-mix(in srgb, #12163a 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-inkt) 7.000000000000001%, transparent);
    }
  }
  .stroke-inkt\/\[0\.08\] {
    stroke: color-mix(in srgb, #12163a 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-inkt) 8%, transparent);
    }
  }
  .stroke-koers {
    stroke: var(--color-koers);
  }
  .stroke-kritiek {
    stroke: var(--color-kritiek);
  }
  .stroke-onbekend\/50 {
    stroke: color-mix(in srgb, #7a7fa4 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      stroke: color-mix(in oklab, var(--color-onbekend) 50%, transparent);
    }
  }
  .stroke-white {
    stroke: var(--color-white);
  }
  .object-cover {
    object-fit: cover;
  }
  .object-top {
    object-position: top;
  }
  .\!p-0 {
    padding: 0px !important;
  }
  .\!p-3 {
    padding: calc(var(--spacing) * 3) !important;
  }
  .p-0 {
    padding: 0px;
  }
  .p-0\.5 {
    padding: calc(var(--spacing) * 0.5);
  }
  .p-1 {
    padding: var(--spacing);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-4\.5 {
    padding: calc(var(--spacing) * 4.5);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-9 {
    padding: calc(var(--spacing) * 9);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .p-11 {
    padding: calc(var(--spacing) * 11);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .p-13 {
    padding: calc(var(--spacing) * 13);
  }
  .p-14 {
    padding: calc(var(--spacing) * 14);
  }
  .p-15 {
    padding: calc(var(--spacing) * 15);
  }
  .p-16 {
    padding: calc(var(--spacing) * 16);
  }
  .p-\[2px\] {
    padding: 2px;
  }
  .\!px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .\!px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5) !important;
  }
  .\!px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  .px-0 {
    padding-inline: 0px;
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-4\.5 {
    padding-inline: calc(var(--spacing) * 4.5);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-9 {
    padding-inline: calc(var(--spacing) * 9);
  }
  .px-\[18\%\] {
    padding-inline: 18%;
  }
  .px-px {
    padding-inline: 1px;
  }
  .\!py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5) !important;
  }
  .py-0 {
    padding-block: 0px;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-px {
    padding-block: 1px;
  }
  .ps-1 {
    padding-inline-start: var(--spacing);
  }
  .pe-1 {
    padding-inline-end: var(--spacing);
  }
  .pe-2 {
    padding-inline-end: calc(var(--spacing) * 2);
  }
  .pe-9 {
    padding-inline-end: calc(var(--spacing) * 9);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: var(--spacing);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-7 {
    padding-top: calc(var(--spacing) * 7);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-9 {
    padding-top: calc(var(--spacing) * 9);
  }
  .pt-px {
    padding-top: 1px;
  }
  .\!pr-0 {
    padding-right: 0px !important;
  }
  .pr-0\.5 {
    padding-right: calc(var(--spacing) * 0.5);
  }
  .pr-1 {
    padding-right: var(--spacing);
  }
  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-3\.5 {
    padding-right: calc(var(--spacing) * 3.5);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-7 {
    padding-right: calc(var(--spacing) * 7);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }
  .pr-10 {
    padding-right: calc(var(--spacing) * 10);
  }
  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-16 {
    padding-bottom: calc(var(--spacing) * 16);
  }
  .pb-28 {
    padding-bottom: calc(var(--spacing) * 28);
  }
  .pb-88 {
    padding-bottom: calc(var(--spacing) * 88);
  }
  .pb-\[164px\] {
    padding-bottom: 164px;
  }
  .pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
  }
  .pb-\[max\(env\(safe-area-inset-bottom\)\,12px\)\] {
    padding-bottom: max(env(safe-area-inset-bottom), 12px);
  }
  .pl-0 {
    padding-left: 0px;
  }
  .pl-0\.5 {
    padding-left: calc(var(--spacing) * 0.5);
  }
  .pl-1 {
    padding-left: var(--spacing);
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-2\.5 {
    padding-left: calc(var(--spacing) * 2.5);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-3\.5 {
    padding-left: calc(var(--spacing) * 3.5);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-8\.5 {
    padding-left: calc(var(--spacing) * 8.5);
  }
  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }
  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }
  .pl-11 {
    padding-left: calc(var(--spacing) * 11);
  }
  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .pl-13 {
    padding-left: calc(var(--spacing) * 13);
  }
  .pl-14 {
    padding-left: calc(var(--spacing) * 14);
  }
  .pl-\[22px\] {
    padding-left: 22px;
  }
  .pl-\[34px\] {
    padding-left: 34px;
  }
  .pl-\[52px\] {
    padding-left: 52px;
  }
  .pl-\[60px\] {
    padding-left: 60px;
  }
  .pl-\[118px\] {
    padding-left: 118px;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-\[-1px\] {
    vertical-align: -1px;
  }
  .align-\[1px\] {
    vertical-align: 1px;
  }
  .align-baseline {
    vertical-align: baseline;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-top {
    vertical-align: top;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .\!text-compact {
    font-size: var(--text-compact) !important;
    letter-spacing: var(--tw-tracking, var(--text-compact--letter-spacing)) !important;
  }
  .text-compact {
    font-size: var(--text-compact);
    letter-spacing: var(--tw-tracking, var(--text-compact--letter-spacing));
  }
  .text-compact-plus {
    font-size: var(--text-compact-plus);
    letter-spacing: var(--tw-tracking, var(--text-compact-plus--letter-spacing));
  }
  .text-klein {
    font-size: var(--text-klein);
    letter-spacing: var(--tw-tracking, var(--text-klein--letter-spacing));
  }
  .text-klein-plus {
    font-size: var(--text-klein-plus);
    letter-spacing: var(--tw-tracking, var(--text-klein-plus--letter-spacing));
  }
  .\!text-fijn {
    font-size: var(--text-fijn) !important;
  }
  .\!text-mini {
    font-size: var(--text-mini) !important;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11\.5px\] {
    font-size: 11.5px;
  }
  .text-basis {
    font-size: var(--text-basis);
  }
  .text-basis-plus {
    font-size: var(--text-basis-plus);
  }
  .text-cijfer-l {
    font-size: var(--text-cijfer-l);
  }
  .text-cijfer-m {
    font-size: var(--text-cijfer-m);
  }
  .text-cijfer-s {
    font-size: var(--text-cijfer-s);
  }
  .text-cijfer-xl {
    font-size: var(--text-cijfer-xl);
  }
  .text-cijfer-xs {
    font-size: var(--text-cijfer-xs);
  }
  .text-fijn {
    font-size: var(--text-fijn);
  }
  .text-groot {
    font-size: var(--text-groot);
  }
  .text-kaartkop {
    font-size: var(--text-kaartkop);
  }
  .text-kaartkop-groot {
    font-size: var(--text-kaartkop-groot);
  }
  .text-kop {
    font-size: var(--text-kop);
  }
  .text-kop-klein {
    font-size: var(--text-kop-klein);
  }
  .text-lees {
    font-size: var(--text-lees);
  }
  .text-mini {
    font-size: var(--text-mini);
  }
  .text-sectiekop {
    font-size: var(--text-sectiekop);
  }
  .text-titel {
    font-size: var(--text-titel);
  }
  .text-werktitel {
    font-size: var(--text-werktitel);
  }
  .\!leading-snug {
    --tw-leading: var(--leading-snug) !important;
    line-height: var(--leading-snug) !important;
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-\[1\.9\] {
    --tw-leading: 1.9;
    line-height: 1.9;
  }
  .leading-\[1\.75\] {
    --tw-leading: 1.75;
    line-height: 1.75;
  }
  .leading-\[2\.1\] {
    --tw-leading: 2.1;
    line-height: 2.1;
  }
  .leading-\[2\] {
    --tw-leading: 2;
    line-height: 2;
  }
  .leading-\[18px\] {
    --tw-leading: 18px;
    line-height: 18px;
  }
  .leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tegellabel {
    --tw-leading: var(--leading-tegellabel);
    line-height: var(--leading-tegellabel);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .leading-titel {
    --tw-leading: var(--leading-titel);
    line-height: var(--leading-titel);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .font-titel {
    --tw-font-weight: var(--font-weight-titel);
    font-weight: var(--font-weight-titel);
  }
  .\!tracking-etiket {
    --tw-tracking: var(--tracking-etiket) !important;
    letter-spacing: var(--tracking-etiket) !important;
  }
  .tracking-\[0\.1em\] {
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
  }
  .tracking-code {
    --tw-tracking: var(--tracking-code);
    letter-spacing: var(--tracking-code);
  }
  .tracking-etiket {
    --tw-tracking: var(--tracking-etiket);
    letter-spacing: var(--tracking-etiket);
  }
  .tracking-getal {
    --tw-tracking: var(--tracking-getal);
    letter-spacing: var(--tracking-getal);
  }
  .tracking-kop {
    --tw-tracking: var(--tracking-kop);
    letter-spacing: var(--tracking-kop);
  }
  .tracking-kop-klein {
    --tw-tracking: var(--tracking-kop-klein);
    letter-spacing: var(--tracking-kop-klein);
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .tracking-titel {
    --tw-tracking: var(--tracking-titel);
    letter-spacing: var(--tracking-titel);
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .hyphens-auto {
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .\!whitespace-normal {
    white-space: normal !important;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .\!text-\[var\(--klant-accent-inkt\)\] {
    color: var(--klant-accent-inkt) !important;
  }
  .\!text-blauw-diep {
    color: var(--color-blauw-diep) !important;
  }
  .\!text-kritiek-tekst {
    color: var(--color-kritiek-tekst) !important;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .text-\[\#93e6c2\] {
    color: #93e6c2;
  }
  .text-\[\#a9d8ff\] {
    color: #a9d8ff;
  }
  .text-\[\#c9d0ff\] {
    color: #c9d0ff;
  }
  .text-\[\#d9ccff\] {
    color: #d9ccff;
  }
  .text-\[\#ffb3c0\] {
    color: #ffb3c0;
  }
  .text-\[\#ffd48a\] {
    color: #ffd48a;
  }
  .text-\[color\:var\(--color-kanaal-afspraak\)\] {
    color: var(--color-kanaal-afspraak);
  }
  .text-\[color\:var\(--color-kanaal-whatsapp\)\] {
    color: var(--color-kanaal-whatsapp);
  }
  .text-\[var\(--klant-accent-inkt\)\] {
    color: var(--klant-accent-inkt);
  }
  .text-aandacht {
    color: var(--color-aandacht);
  }
  .text-aandacht-tekst {
    color: var(--color-aandacht-tekst);
  }
  .text-aandacht-tekst\/75 {
    color: color-mix(in srgb, #875200 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-aandacht-tekst) 75%, transparent);
    }
  }
  .text-aandacht-tekst\/90 {
    color: color-mix(in srgb, #875200 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-aandacht-tekst) 90%, transparent);
    }
  }
  .text-ads-tekst {
    color: var(--color-ads-tekst);
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-blauw {
    color: var(--color-blauw);
  }
  .text-blauw-diep {
    color: var(--color-blauw-diep);
  }
  .text-blauw-diep\/70 {
    color: color-mix(in srgb, #1a2bc2 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-blauw-diep) 70%, transparent);
    }
  }
  .text-blauw-diep\/80 {
    color: color-mix(in srgb, #1a2bc2 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-blauw-diep) 80%, transparent);
    }
  }
  .text-blauw-nacht {
    color: var(--color-blauw-nacht);
  }
  .text-blauw\/15 {
    color: color-mix(in srgb, #2539e9 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-blauw) 15%, transparent);
    }
  }
  .text-blauw\/20 {
    color: color-mix(in srgb, #2539e9 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-blauw) 20%, transparent);
    }
  }
  .text-current {
    color: currentcolor;
  }
  .text-emerald-800 {
    color: var(--color-emerald-800);
  }
  .text-gesprek {
    color: var(--color-gesprek);
  }
  .text-groei {
    color: var(--color-groei);
  }
  .text-groei-tekst {
    color: var(--color-groei-tekst);
  }
  .text-inherit {
    color: inherit;
  }
  .text-inkt {
    color: var(--color-inkt);
  }
  .text-inkt-2 {
    color: var(--color-inkt-2);
  }
  .text-inkt-3 {
    color: var(--color-inkt-3);
  }
  .text-inkt-3\/45 {
    color: color-mix(in srgb, #5a6090 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-inkt-3) 45%, transparent);
    }
  }
  .text-inkt-3\/50 {
    color: color-mix(in srgb, #5a6090 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-inkt-3) 50%, transparent);
    }
  }
  .text-inkt-4 {
    color: var(--color-inkt-4);
  }
  .text-inkt-omgekeerd {
    color: var(--color-inkt-omgekeerd);
  }
  .text-inkt\/25 {
    color: color-mix(in srgb, #12163a 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-inkt) 25%, transparent);
    }
  }
  .text-inkt\/\[0\.07\] {
    color: color-mix(in srgb, #12163a 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-inkt) 7.000000000000001%, transparent);
    }
  }
  .text-kanaal-whatsapp {
    color: var(--color-kanaal-whatsapp);
  }
  .text-koers {
    color: var(--color-koers);
  }
  .text-koers-tekst {
    color: var(--color-koers-tekst);
  }
  .text-kritiek {
    color: var(--color-kritiek);
  }
  .text-kritiek-tekst {
    color: var(--color-kritiek-tekst);
  }
  .text-lucht {
    color: var(--color-lucht);
  }
  .text-onbekend {
    color: var(--color-onbekend);
  }
  .text-onbekend-tekst {
    color: var(--color-onbekend-tekst);
  }
  .text-onbekend\/40 {
    color: color-mix(in srgb, #7a7fa4 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-onbekend) 40%, transparent);
    }
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-relatie {
    color: var(--color-relatie);
  }
  .text-relatie-tekst {
    color: var(--color-relatie-tekst);
  }
  .text-site-tekst {
    color: var(--color-site-tekst);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-transparent {
    color: transparent;
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\/0 {
    color: color-mix(in srgb, #fff 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 0%, transparent);
    }
  }
  .text-white\/55 {
    color: color-mix(in srgb, #fff 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 55%, transparent);
    }
  }
  .text-white\/60 {
    color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  .text-white\/65 {
    color: color-mix(in srgb, #fff 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 65%, transparent);
    }
  }
  .text-white\/70 {
    color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .text-white\/75 {
    color: color-mix(in srgb, #fff 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  .text-white\/80 {
    color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .text-white\/85 {
    color: color-mix(in srgb, #fff 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }
  .text-white\/90 {
    color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .text-white\/\[0\.06\] {
    color: color-mix(in srgb, #fff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .text-white\/\[0\.07\] {
    color: color-mix(in srgb, #fff 7.000000000000001%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 7.000000000000001%, transparent);
    }
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .not-italic {
    font-style: normal;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .decoration-blauw\/40 {
    text-decoration-color: color-mix(in srgb, #2539e9 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-blauw) 40%, transparent);
    }
  }
  .decoration-inkt-3\/50 {
    text-decoration-color: color-mix(in srgb, #5a6090 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-inkt-3) 50%, transparent);
    }
  }
  .decoration-inkt-4 {
    text-decoration-color: var(--color-inkt-4);
  }
  .decoration-inkt-4\/60 {
    text-decoration-color: color-mix(in srgb, #a6aac6 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-inkt-4) 60%, transparent);
    }
  }
  .decoration-inkt\/25 {
    text-decoration-color: color-mix(in srgb, #12163a 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-inkt) 25%, transparent);
    }
  }
  .decoration-kritiek-tekst\/50 {
    text-decoration-color: color-mix(in srgb, #b02039 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-kritiek-tekst) 50%, transparent);
    }
  }
  .decoration-kritiek\/40 {
    text-decoration-color: color-mix(in srgb, #c92e46 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-kritiek) 40%, transparent);
    }
  }
  .decoration-kritiek\/50 {
    text-decoration-color: color-mix(in srgb, #c92e46 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-kritiek) 50%, transparent);
    }
  }
  .decoration-kritiek\/60 {
    text-decoration-color: color-mix(in srgb, #c92e46 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-kritiek) 60%, transparent);
    }
  }
  .decoration-onbekend\/40 {
    text-decoration-color: color-mix(in srgb, #7a7fa4 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-onbekend) 40%, transparent);
    }
  }
  .decoration-dotted {
    text-decoration-style: dotted;
  }
  .decoration-1 {
    text-decoration-thickness: 1px;
  }
  .underline-offset-2 {
    text-underline-offset: 2px;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .caret-inkt {
    caret-color: var(--color-inkt);
  }
  .accent-\[var\(--color-blauw\)\] {
    accent-color: var(--color-blauw);
  }
  .accent-\[var\(--color-groei\)\] {
    accent-color: var(--color-groei);
  }
  .accent-\[var\(--color-site\)\] {
    accent-color: var(--color-site);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-35 {
    opacity: 35%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-45 {
    opacity: 45%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-55 {
    opacity: 55%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-85 {
    opacity: 85%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .opacity-\[0\.97\] {
    opacity: 0.97;
  }
  .\!shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_-12px_30px_-18px_rgba\(0\,0\,0\,0\.6\)\] {
    --tw-shadow: 0 -12px 30px -18px var(--tw-shadow-color, rgba(0,0,0,0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1\.5px_color-mix\(in_srgb\,var\(--color-blauw\)_35\%\,transparent\)\,var\(--shadow-kaart\)\] {
    --tw-shadow: 0 0 0 1.5px var(--tw-shadow-color, color-mix(in srgb,#2539e9 35%,transparent)), var(--shadow-kaart);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 1.5px var(--tw-shadow-color, color-mix(in srgb,var(--color-blauw) 35%,transparent)), var(--shadow-kaart);
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_1px_var\(--color-site-zacht\)\,var\(--shadow-kaart\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--color-site-zacht)), var(--shadow-kaart);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_2px_var\(--color-blauw\)\,var\(--shadow-kaart\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-blauw)), var(--shadow-kaart);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_2px_var\(--color-blauw\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-blauw));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_2px_var\(--color-site\)\,var\(--shadow-zweef\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-site)), var(--shadow-zweef);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_2px_var\(--color-vel\)\,0_0_0_4px_color-mix\(in_srgb\,var\(--color-groei\)_60\%\,transparent\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-vel)), 0 0 0 4px var(--tw-shadow-color, color-mix(in srgb,#12938d 60%,transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-vel)), 0 0 0 4px var(--tw-shadow-color, color-mix(in srgb,var(--color-groei) 60%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_2px_var\(--color-vel\)\,0_0_0_4px_var\(--color-aandacht\)\] {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--color-vel)), 0 0 0 4px var(--tw-shadow-color, var(--color-aandacht));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--klant-accent\)_18\%\,transparent\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--klant-accent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 3px var(--tw-shadow-color, color-mix(in srgb,var(--klant-accent) 18%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_3px_rgba\(37\,57\,233\,0\.25\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(37,57,233,0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_3px_var\(--color-aandacht-zacht\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-aandacht-zacht));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_3px_var\(--color-blauw-100\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-blauw-100));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_3px_var\(--color-koers-zacht\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-koers-zacht));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_3px_var\(--color-kritiek-zacht\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-kritiek-zacht));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_3px_var\(--color-relatie-zacht\)\,0_10px_30px_-12px_var\(--color-relatie\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-relatie-zacht)), 0 10px 30px -12px var(--tw-shadow-color, var(--color-relatie));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px_color-mix\(in_srgb\,var\(--color-aandacht\)_16\%\,transparent\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, color-mix(in srgb,#a86a0c 16%,transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 4px var(--tw-shadow-color, color-mix(in srgb,var(--color-aandacht) 16%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px_color-mix\(in_srgb\,var\(--color-koers\)_18\%\,transparent\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, color-mix(in srgb,#10805a 18%,transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 4px var(--tw-shadow-color, color-mix(in srgb,var(--color-koers) 18%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px_color-mix\(in_srgb\,var\(--color-kritiek\)_16\%\,transparent\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, color-mix(in srgb,#c92e46 16%,transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 4px var(--tw-shadow-color, color-mix(in srgb,var(--color-kritiek) 16%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px_var\(--color-aandacht-zacht\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--color-aandacht-zacht));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px_var\(--color-blauw-50\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--color-blauw-50));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px_var\(--color-koers-zacht\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--color-koers-zacht));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px_var\(--color-kritiek-zacht\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--color-kritiek-zacht));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_4px_var\(--color-lucht\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--color-lucht));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_5px_color-mix\(in_srgb\,var\(--color-blauw\)_16\%\,transparent\)\] {
    --tw-shadow: 0 0 0 5px var(--tw-shadow-color, color-mix(in srgb,#2539e9 16%,transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: 0 0 0 5px var(--tw-shadow-color, color-mix(in srgb,var(--color-blauw) 16%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_0_6px_var\(--color-site-zacht\)\,var\(--shadow-zweef\)\] {
    --tw-shadow: 0 0 0 6px var(--tw-shadow-color, var(--color-site-zacht)), var(--shadow-zweef);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_0_6px_rgba\(37\,57\,233\,0\.45\)\] {
    --tw-shadow: 0 0 6px var(--tw-shadow-color, rgba(37,57,233,0.45));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.12\)\,0_14px_32px_-18px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.12)), 0 14px 32px -18px var(--tw-shadow-color, rgba(0,0,0,0.5));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_2px_6px_-2px_rgba\(20\,24\,60\,\.35\)\] {
    --tw-shadow: 0 2px 6px -2px var(--tw-shadow-color, rgba(20,24,60,.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_6px_16px_-8px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 6px 16px -8px var(--tw-shadow-color, rgba(0,0,0,0.5));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_18px_-10px_var\(--color-ads\)\] {
    --tw-shadow: 0 8px 18px -10px var(--tw-shadow-color, var(--color-ads));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_18px_-10px_var\(--color-groei\)\] {
    --tw-shadow: 0 8px 18px -10px var(--tw-shadow-color, var(--color-groei));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_18px_-10px_var\(--color-relatie\)\] {
    --tw-shadow: 0 8px 18px -10px var(--tw-shadow-color, var(--color-relatie));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_18px_-10px_var\(--color-site\)\] {
    --tw-shadow: 0 8px 18px -10px var(--tw-shadow-color, var(--color-site));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_20px_-14px_var\(--color-blauw\)\] {
    --tw-shadow: 0 8px 20px -14px var(--tw-shadow-color, var(--color-blauw));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_10px_22px_-14px_var\(--color-relatie\)\] {
    --tw-shadow: 0 10px 22px -14px var(--tw-shadow-color, var(--color-relatie));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_10px_28px_-18px_var\(--color-blauw\)\] {
    --tw-shadow: 0 10px 28px -18px var(--tw-shadow-color, var(--color-blauw));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_14px_36px_-20px_var\(--color-blauw\)\] {
    --tw-shadow: 0 14px 36px -20px var(--tw-shadow-color, var(--color-blauw));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_-6px_0_-3px_rgb\(37_57_233\/0\.08\)\] {
    --tw-shadow: inset 0 -6px 0 -3px var(--tw-shadow-color, rgb(37 57 233/0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_color-mix\(in_srgb\,var\(--color-blauw\)_45\%\,transparent\)\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, color-mix(in srgb,#2539e9 45%,transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, color-mix(in srgb,var(--color-blauw) 45%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_color-mix\(in_srgb\,var\(--color-groei\)_45\%\,transparent\)\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, color-mix(in srgb,#12938d 45%,transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, color-mix(in srgb,var(--color-groei) 45%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_color-mix\(in_srgb\,var\(--color-inkt\)_14\%\,transparent\)\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, color-mix(in srgb,#12163a 14%,transparent));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, color-mix(in srgb,var(--color-inkt) 14%,transparent));
    }
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_rgba\(18\,22\,58\,0\.18\)\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, rgba(18,22,58,0.18));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_rgba\(18\,147\,141\,0\.25\)\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, rgba(18,147,141,0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_rgba\(37\,57\,233\,0\.14\)\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, rgba(37,57,233,0.14));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_rgba\(var\(--lijn\)\,0\.14\)\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, rgba(var(--lijn),0.14));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_var\(--color-aandacht\)\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, var(--color-aandacht));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_var\(--color-blauw\)\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, var(--color-blauw));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_var\(--color-blauw-100\)\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, var(--color-blauw-100));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_var\(--color-groei\)\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, var(--color-groei));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_var\(--color-koers\)\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, var(--color-koers));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_var\(--color-kritiek\)\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, var(--color-kritiek));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_var\(--color-onbekend\)\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, var(--color-onbekend));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.5px_var\(--color-site\)\] {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, var(--color-site));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.6px_rgba\(37\,57\,233\,0\.35\)\] {
    --tw-shadow: inset 0 0 0 1.6px var(--tw-shadow-color, rgba(37,57,233,0.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.6px_var\(--color-blauw\)\,0_0_0_4px_rgb\(37_57_233\/0\.12\)\] {
    --tw-shadow: inset 0 0 0 1.6px var(--tw-shadow-color, var(--color-blauw)), 0 0 0 4px var(--tw-shadow-color, rgb(37 57 233/0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1\.6px_var\(--color-inkt-4\)\] {
    --tw-shadow: inset 0 0 0 1.6px var(--tw-shadow-color, var(--color-inkt-4));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_rgba\(var\(--lijn\)\,0\.08\)\,0_0_0_2px_var\(--color-blauw\)\,var\(--shadow-kaart\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgba(var(--lijn),0.08)), 0 0 0 2px var(--tw-shadow-color, var(--color-blauw)), var(--shadow-kaart);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_1px_rgba\(var\(--lijn\)\,0\.08\)\,var\(--shadow-kaart\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, rgba(var(--lijn),0.08)), var(--shadow-kaart);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_2\.5px_var\(--color-aandacht\)\] {
    --tw-shadow: inset 0 0 0 2.5px var(--tw-shadow-color, var(--color-aandacht));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_2px_var\(--color-aandacht\)\] {
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-aandacht));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_2px_var\(--color-blauw\)\] {
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-blauw));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_2px_var\(--color-blauw-100\)\,var\(--shadow-kaart\)\] {
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-blauw-100)), var(--shadow-kaart);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_2px_var\(--color-inkt-3\)\] {
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-inkt-3));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_2px_var\(--color-kritiek\)\] {
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-kritiek));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_2px_var\(--color-onbekend\)\] {
    --tw-shadow: inset 0 0 0 2px var(--tw-shadow-color, var(--color-onbekend));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.06\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.06));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.08\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255,255,255,0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_1px_3px_rgb\(18_22_58\/0\.06\)\] {
    --tw-shadow: inset 0 1px 3px var(--tw-shadow-color, rgb(18 22 58/0.06));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[var\(--glas-glans\)\] {
    --tw-shadow: var(--glas-glans);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[var\(--shadow-glas\)\] {
    --tw-shadow: var(--shadow-glas);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[var\(--shadow-kaart\)\] {
    --tw-shadow: var(--shadow-kaart);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[var\(--shadow-knop\)\] {
    --tw-shadow: var(--shadow-knop);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[var\(--shadow-zweef\)\] {
    --tw-shadow: var(--shadow-zweef);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-afvink {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, rgba(37, 57, 233, 0.6));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-afvink-actief {
    --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, var(--color-blauw));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-kaart {
    --tw-shadow: var(--glas-schaduw-kaart);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-knop {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255, 255, 255, 0.28)), var(--glas-schaduw-knop);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-lichtlijn {
    --tw-shadow: var(--glas-lichtlijn);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-zweef {
    --tw-shadow: var(--glas-schaduw-zweef);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-4 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-\[1\.5px\] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1.5px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-\[3px\] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-aandacht {
    --tw-ring-color: var(--color-aandacht);
  }
  .ring-blauw {
    --tw-ring-color: var(--color-blauw);
  }
  .ring-blauw\/15 {
    --tw-ring-color: color-mix(in srgb, #2539e9 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 15%, transparent);
    }
  }
  .ring-blauw\/20 {
    --tw-ring-color: color-mix(in srgb, #2539e9 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 20%, transparent);
    }
  }
  .ring-blauw\/25 {
    --tw-ring-color: color-mix(in srgb, #2539e9 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 25%, transparent);
    }
  }
  .ring-blauw\/30 {
    --tw-ring-color: color-mix(in srgb, #2539e9 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 30%, transparent);
    }
  }
  .ring-blauw\/35 {
    --tw-ring-color: color-mix(in srgb, #2539e9 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 35%, transparent);
    }
  }
  .ring-blauw\/40 {
    --tw-ring-color: color-mix(in srgb, #2539e9 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 40%, transparent);
    }
  }
  .ring-blauw\/50 {
    --tw-ring-color: color-mix(in srgb, #2539e9 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 50%, transparent);
    }
  }
  .ring-blauw\/60 {
    --tw-ring-color: color-mix(in srgb, #2539e9 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 60%, transparent);
    }
  }
  .ring-blauw\/70 {
    --tw-ring-color: color-mix(in srgb, #2539e9 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 70%, transparent);
    }
  }
  .ring-inkt-3\/60 {
    --tw-ring-color: color-mix(in srgb, #5a6090 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-inkt-3) 60%, transparent);
    }
  }
  .ring-inkt-3\/70 {
    --tw-ring-color: color-mix(in srgb, #5a6090 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-inkt-3) 70%, transparent);
    }
  }
  .ring-inkt\/10 {
    --tw-ring-color: color-mix(in srgb, #12163a 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-inkt) 10%, transparent);
    }
  }
  .ring-inkt\/12 {
    --tw-ring-color: color-mix(in srgb, #12163a 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-inkt) 12%, transparent);
    }
  }
  .ring-inkt\/15 {
    --tw-ring-color: color-mix(in srgb, #12163a 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-inkt) 15%, transparent);
    }
  }
  .ring-inkt\/25 {
    --tw-ring-color: color-mix(in srgb, #12163a 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-inkt) 25%, transparent);
    }
  }
  .ring-koers {
    --tw-ring-color: var(--color-koers);
  }
  .ring-koers\/25 {
    --tw-ring-color: color-mix(in srgb, #10805a 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-koers) 25%, transparent);
    }
  }
  .ring-koers\/30 {
    --tw-ring-color: color-mix(in srgb, #10805a 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-koers) 30%, transparent);
    }
  }
  .ring-kritiek {
    --tw-ring-color: var(--color-kritiek);
  }
  .ring-relatie\/35 {
    --tw-ring-color: color-mix(in srgb, #c2418a 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-relatie) 35%, transparent);
    }
  }
  .ring-relatie\/40 {
    --tw-ring-color: color-mix(in srgb, #c2418a 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-relatie) 40%, transparent);
    }
  }
  .ring-relatie\/45 {
    --tw-ring-color: color-mix(in srgb, #c2418a 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-relatie) 45%, transparent);
    }
  }
  .ring-vel {
    --tw-ring-color: var(--color-vel);
  }
  .ring-white {
    --tw-ring-color: var(--color-white);
  }
  .ring-white\/70 {
    --tw-ring-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .ring-white\/80 {
    --tw-ring-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .ring-offset-white\/0 {
    --tw-ring-offset-color: color-mix(in srgb, #fff 0%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-offset-color: color-mix(in oklab, var(--color-white) 0%, transparent);
    }
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .-outline-offset-1 {
    outline-offset: calc(1px * -1);
  }
  .outline-offset-4 {
    outline-offset: 4px;
  }
  .outline-aandacht {
    outline-color: var(--color-aandacht);
  }
  .outline-blauw\/60 {
    outline-color: color-mix(in srgb, #2539e9 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in oklab, var(--color-blauw) 60%, transparent);
    }
  }
  .outline-inkt-3 {
    outline-color: var(--color-inkt-3);
  }
  .outline-koers\/70 {
    outline-color: color-mix(in srgb, #10805a 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in oklab, var(--color-koers) 70%, transparent);
    }
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-3xl {
    --tw-blur: blur(var(--blur-3xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[6px\] {
    --tw-backdrop-blur: blur(6px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-md {
    --tw-backdrop-blur: blur(var(--blur-md));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,box-shadow\,color\] {
    transition-property: background-color,box-shadow,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,box-shadow\] {
    transition-property: background-color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,color\,transform\] {
    transition-property: background-color,color,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,color\] {
    transition-property: background-color,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\,filter\] {
    transition-property: background-color,filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[background-color\] {
    transition-property: background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[box-shadow\,background-color\] {
    transition-property: box-shadow,background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[box-shadow\] {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\,transform\] {
    transition-property: color,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[filter\,opacity\] {
    transition-property: filter,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[max-width\] {
    transition-property: max-width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,background-color\] {
    transition-property: opacity,background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[opacity\,transform\] {
    transition-property: opacity,transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform\,box-shadow\,opacity\] {
    transition-property: transform,box-shadow,opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform\,box-shadow\] {
    transition-property: transform,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[transform\,color\] {
    transition-property: transform,color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,background-color\] {
    transition-property: width,background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[width\,color\,box-shadow\] {
    transition-property: width,color,box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[…\] {
    transition-property: …;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-350 {
    --tw-duration: 350ms;
    transition-duration: 350ms;
  }
  .duration-400 {
    --tw-duration: 400ms;
    transition-duration: 400ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .ease-\[var\(--ease-uit\)\] {
    --tw-ease: var(--ease-uit);
    transition-timing-function: var(--ease-uit);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .will-change-transform {
    will-change: transform;
  }
  .outline-dashed {
    --tw-outline-style: dashed;
    outline-style: dashed;
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .\[--bordkolom-min\:196px\] {
    --bordkolom-min: 196px;
  }
  .\[--kraal\:10px\] {
    --kraal: 10px;
  }
  .\[-webkit-touch-callout\:none\] {
    -webkit-touch-callout: none;
  }
  .\[direction\:rtl\] {
    direction: rtl;
  }
  .\[font\:inherit\] {
    font: inherit;
  }
  .\[list-style\:decimal\] {
    list-style: decimal;
  }
  .ring-inset {
    --tw-ring-inset: inset;
  }
  .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }
  .group-focus-within\:pointer-events-auto:is(:where(.group):focus-within *) {
    pointer-events: auto;
  }
  .group-focus-within\:translate-x-0:is(:where(.group):focus-within *) {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-focus-within\:translate-y-0:is(:where(.group):focus-within *) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-focus-within\:opacity-0:is(:where(.group):focus-within *) {
    opacity: 0%;
  }
  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
    opacity: 100%;
  }
  @media (hover: hover) {
    .group-hover\:pointer-events-auto:is(:where(.group):hover *) {
      pointer-events: auto;
    }
    .group-hover\:-translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-x-0:is(:where(.group):hover *) {
      --tw-translate-x: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-x-px:is(:where(.group):hover *) {
      --tw-translate-x: 1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:-translate-y-0\.5:is(:where(.group):hover *) {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:-translate-y-px:is(:where(.group):hover *) {
      --tw-translate-y: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:translate-y-0:is(:where(.group):hover *) {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:scale-125:is(:where(.group):hover *) {
      --tw-scale-x: 125%;
      --tw-scale-y: 125%;
      --tw-scale-z: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:scale-x-105:is(:where(.group):hover *) {
      --tw-scale-x: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .group-hover\:bg-vel:is(:where(.group):hover *) {
      background-color: var(--color-vel);
    }
    .group-hover\:vel-90:is(:where(.group):hover *) {
      background-color: rgb(var(--glas-tint));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\:vel-90:is(:where(.group):hover *) {
        background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(90 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
      }
    }
    .group-hover\:text-blauw-diep:is(:where(.group):hover *) {
      color: var(--color-blauw-diep);
    }
    .group-hover\:text-inkt-2:is(:where(.group):hover *) {
      color: var(--color-inkt-2);
    }
    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }
    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0%;
    }
    .group-hover\:opacity-50:is(:where(.group):hover *) {
      opacity: 50%;
    }
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 100%;
    }
    .group-hover\/deal\:translate-x-0\.5:is(:where(.group\/deal):hover *) {
      --tw-translate-x: calc(var(--spacing) * 0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/factuur\:opacity-100:is(:where(.group\/factuur):hover *) {
      opacity: 100%;
    }
    .group-hover\/kies\:bg-inkt\/\[0\.14\]:is(:where(.group\/kies):hover *) {
      background-color: color-mix(in srgb, #12163a 14.000000000000002%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/kies\:bg-inkt\/\[0\.14\]:is(:where(.group\/kies):hover *) {
        background-color: color-mix(in oklab, var(--color-inkt) 14.000000000000002%, transparent);
      }
    }
    .group-hover\/naam\:opacity-100:is(:where(.group\/naam):hover *) {
      opacity: 100%;
    }
    .group-hover\/run\:text-white\/70:is(:where(.group\/run):hover *) {
      color: color-mix(in srgb, #fff 70%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .group-hover\/run\:text-white\/70:is(:where(.group\/run):hover *) {
        color: color-mix(in oklab, var(--color-white) 70%, transparent);
      }
    }
    .group-hover\/stuk\:-translate-y-px:is(:where(.group\/stuk):hover *) {
      --tw-translate-y: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .group-hover\/stuk\:opacity-100:is(:where(.group\/stuk):hover *) {
      opacity: 100%;
    }
  }
  .group-focus\:translate-y-0:is(:where(.group):focus *) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-focus\:opacity-100:is(:where(.group):focus *) {
    opacity: 100%;
  }
  .group-focus-visible\/naam\:opacity-100:is(:where(.group\/naam):focus-visible *) {
    opacity: 100%;
  }
  .group-has-\[\[aria-expanded\=true\]\]\:opacity-0:is(:where(.group):has(:is([aria-expanded=true])) *) {
    opacity: 0%;
  }
  .group-data-\[gekozen\]\:translate-y-0:is(:where(.group)[data-gekozen] *) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .group-data-\[gekozen\]\:scale-125:is(:where(.group)[data-gekozen] *) {
    --tw-scale-x: 125%;
    --tw-scale-y: 125%;
    --tw-scale-z: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .group-data-\[gekozen\]\:opacity-100:is(:where(.group)[data-gekozen] *) {
    opacity: 100%;
  }
  .group-data-\[gekozen\]\:ring-2:is(:where(.group)[data-gekozen] *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .group-data-\[gekozen\]\:ring-blauw\/30:is(:where(.group)[data-gekozen] *) {
    --tw-ring-color: color-mix(in srgb, #2539e9 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 30%, transparent);
    }
  }
  .first-letter\:uppercase::first-letter {
    text-transform: uppercase;
  }
  .marker\:hidden ::marker {
    display: none;
  }
  .marker\:hidden::marker {
    display: none;
  }
  .marker\:hidden ::-webkit-details-marker {
    display: none;
  }
  .marker\:hidden::-webkit-details-marker {
    display: none;
  }
  .marker\:font-semibold ::marker {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .marker\:font-semibold::marker {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .marker\:font-semibold ::-webkit-details-marker {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .marker\:font-semibold::-webkit-details-marker {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .marker\:text-blauw-diep ::marker {
    color: var(--color-blauw-diep);
  }
  .marker\:text-blauw-diep::marker {
    color: var(--color-blauw-diep);
  }
  .marker\:text-blauw-diep ::-webkit-details-marker {
    color: var(--color-blauw-diep);
  }
  .marker\:text-blauw-diep::-webkit-details-marker {
    color: var(--color-blauw-diep);
  }
  .selection\:bg-blauw\/20 ::selection {
    background-color: color-mix(in srgb, #2539e9 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 20%, transparent);
    }
  }
  .selection\:bg-blauw\/20::selection {
    background-color: color-mix(in srgb, #2539e9 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 20%, transparent);
    }
  }
  .selection\:text-inkt ::selection {
    color: var(--color-inkt);
  }
  .selection\:text-inkt::selection {
    color: var(--color-inkt);
  }
  .placeholder\:text-inkt-3::placeholder {
    color: var(--color-inkt-3);
  }
  .before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:-inset-x-2\.5::before {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * -2.5);
  }
  .before\:-inset-y-1::before {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * -1);
  }
  .before\:w-4::before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }
  .before\:shrink-0::before {
    content: var(--tw-content);
    flex-shrink: 0;
  }
  .before\:text-center::before {
    content: var(--tw-content);
    text-align: center;
  }
  .before\:text-inkt-4::before {
    content: var(--tw-content);
    color: var(--color-inkt-4);
  }
  .before\:content-\[\'\'\]::before {
    --tw-content: '';
    content: var(--tw-content);
  }
  .before\:content-\[\'·\'\]::before {
    --tw-content: '·';
    content: var(--tw-content);
  }
  .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:-inset-\[7px\]::after {
    content: var(--tw-content);
    inset: calc(7px * -1);
  }
  .after\:inset-0::after {
    content: var(--tw-content);
    inset: 0px;
  }
  .after\:rounded-\[inherit\]::after {
    content: var(--tw-content);
    border-radius: inherit;
  }
  .after\:rounded-\[var\(--radius-kaart\)\]::after {
    content: var(--tw-content);
    border-radius: var(--radius-kaart);
  }
  .after\:rounded-\[var\(--radius-paneel\)\]::after {
    content: var(--tw-content);
    border-radius: var(--radius-paneel);
  }
  .after\:rounded-full::after {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px);
  }
  .after\:content-\[\'\'\]::after {
    --tw-content: '';
    content: var(--tw-content);
  }
  .first\:mt-0:first-child {
    margin-top: 0px;
  }
  .first\:translate-x-0:first-child {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .first\:rounded-l-full:first-child {
    border-top-left-radius: calc(infinity * 1px);
    border-bottom-left-radius: calc(infinity * 1px);
  }
  .last\:-translate-x-full:last-child {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .last\:rounded-r-full:last-child {
    border-top-right-radius: calc(infinity * 1px);
    border-bottom-right-radius: calc(infinity * 1px);
  }
  .odd\:bg-blauw-50\/40:nth-child(odd) {
    background-color: color-mix(in srgb, #eef0ff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-50) 40%, transparent);
    }
  }
  .odd\:bg-inkt\/\[0\.025\]:nth-child(odd) {
    background-color: color-mix(in srgb, #12163a 2.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 2.5%, transparent);
    }
  }
  .focus-within\:z-10:focus-within {
    z-index: 10;
  }
  .focus-within\:w-\[420px\]:focus-within {
    width: 420px;
  }
  .focus-within\:max-w-\[980px\]:focus-within {
    max-width: 980px;
  }
  .focus-within\:bg-vel:focus-within {
    background-color: var(--color-vel);
  }
  .focus-within\:bg-vel\/70:focus-within {
    background-color: color-mix(in srgb, rgb(var(--glas-tint)) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-vel) 70%, transparent);
    }
  }
  .focus-within\:vel-55:focus-within {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(55 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .focus-within\:vel-70:focus-within {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(70 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .focus-within\:vel-80:focus-within {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(80 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .focus-within\:text-inkt:focus-within {
    color: var(--color-inkt);
  }
  .focus-within\:opacity-100:focus-within {
    opacity: 100%;
  }
  .focus-within\:shadow-\[var\(--shadow-zweef\)\]:focus-within {
    --tw-shadow: var(--shadow-zweef);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-within\:ring-2:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-within\:ring-blauw\/30:focus-within {
    --tw-ring-color: color-mix(in srgb, #2539e9 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 30%, transparent);
    }
  }
  @media (hover: hover) {
    .hover\:z-10:hover {
      z-index: 10;
    }
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:-translate-y-\[calc\(50\%\+1px\)\]:hover {
      --tw-translate-y: calc(calc(50% + 1px) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:-translate-y-px:hover {
      --tw-translate-y: -1px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .hover\:scale-105:hover {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-110:hover {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-y-110:hover {
      --tw-scale-y: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-y-125:hover {
      --tw-scale-y: 125%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .hover\:scale-\[1\.03\]:hover {
      scale: 1.03;
    }
    .hover\:scale-\[1\.04\]:hover {
      scale: 1.04;
    }
    .hover\:\!bg-kritiek-tekst:hover {
      background-color: var(--color-kritiek-tekst) !important;
    }
    .hover\:\!bg-white\/10:hover {
      background-color: color-mix(in srgb, #fff 10%, transparent) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
      }
    }
    .hover\:bg-aandacht-zacht:hover {
      background-color: var(--color-aandacht-zacht);
    }
    .hover\:bg-aandacht-zacht\/60:hover {
      background-color: color-mix(in srgb, #fbeed3 60%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-aandacht-zacht\/60:hover {
        background-color: color-mix(in oklab, var(--color-aandacht-zacht) 60%, transparent);
      }
    }
    .hover\:bg-aandacht-zacht\/80:hover {
      background-color: color-mix(in srgb, #fbeed3 80%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-aandacht-zacht\/80:hover {
        background-color: color-mix(in oklab, var(--color-aandacht-zacht) 80%, transparent);
      }
    }
    .hover\:bg-ads-tekst\/90:hover {
      background-color: color-mix(in srgb, #7a4f00 90%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-ads-tekst\/90:hover {
        background-color: color-mix(in oklab, var(--color-ads-tekst) 90%, transparent);
      }
    }
    .hover\:bg-blauw:hover {
      background-color: var(--color-blauw);
    }
    .hover\:bg-blauw-50:hover {
      background-color: var(--color-blauw-50);
    }
    .hover\:bg-blauw-50\/70:hover {
      background-color: color-mix(in srgb, #eef0ff 70%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blauw-50\/70:hover {
        background-color: color-mix(in oklab, var(--color-blauw-50) 70%, transparent);
      }
    }
    .hover\:bg-blauw-100:hover {
      background-color: var(--color-blauw-100);
    }
    .hover\:bg-blauw-100\/80:hover {
      background-color: color-mix(in srgb, #dfe3ff 80%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blauw-100\/80:hover {
        background-color: color-mix(in oklab, var(--color-blauw-100) 80%, transparent);
      }
    }
    .hover\:bg-blauw-diep:hover {
      background-color: var(--color-blauw-diep);
    }
    .hover\:bg-blauw\/10:hover {
      background-color: color-mix(in srgb, #2539e9 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blauw\/10:hover {
        background-color: color-mix(in oklab, var(--color-blauw) 10%, transparent);
      }
    }
    .hover\:bg-blauw\/\[0\.1\]:hover {
      background-color: color-mix(in srgb, #2539e9 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blauw\/\[0\.1\]:hover {
        background-color: color-mix(in oklab, var(--color-blauw) 10%, transparent);
      }
    }
    .hover\:bg-blauw\/\[0\.04\]:hover {
      background-color: color-mix(in srgb, #2539e9 4%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blauw\/\[0\.04\]:hover {
        background-color: color-mix(in oklab, var(--color-blauw) 4%, transparent);
      }
    }
    .hover\:bg-blauw\/\[0\.05\]:hover {
      background-color: color-mix(in srgb, #2539e9 5%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blauw\/\[0\.05\]:hover {
        background-color: color-mix(in oklab, var(--color-blauw) 5%, transparent);
      }
    }
    .hover\:bg-blauw\/\[0\.06\]:hover {
      background-color: color-mix(in srgb, #2539e9 6%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blauw\/\[0\.06\]:hover {
        background-color: color-mix(in oklab, var(--color-blauw) 6%, transparent);
      }
    }
    .hover\:bg-blauw\/\[0\.07\]:hover {
      background-color: color-mix(in srgb, #2539e9 7.000000000000001%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blauw\/\[0\.07\]:hover {
        background-color: color-mix(in oklab, var(--color-blauw) 7.000000000000001%, transparent);
      }
    }
    .hover\:bg-blauw\/\[0\.08\]:hover {
      background-color: color-mix(in srgb, #2539e9 8%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blauw\/\[0\.08\]:hover {
        background-color: color-mix(in oklab, var(--color-blauw) 8%, transparent);
      }
    }
    .hover\:bg-blauw\/\[0\.12\]:hover {
      background-color: color-mix(in srgb, #2539e9 12%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-blauw\/\[0\.12\]:hover {
        background-color: color-mix(in oklab, var(--color-blauw) 12%, transparent);
      }
    }
    .hover\:bg-gesprek\/15:hover {
      background-color: color-mix(in srgb, #6a4fd6 15%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-gesprek\/15:hover {
        background-color: color-mix(in oklab, var(--color-gesprek) 15%, transparent);
      }
    }
    .hover\:bg-groei-tekst\/90:hover {
      background-color: color-mix(in srgb, #0b6763 90%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-groei-tekst\/90:hover {
        background-color: color-mix(in oklab, var(--color-groei-tekst) 90%, transparent);
      }
    }
    .hover\:bg-groei-zacht\/70:hover {
      background-color: color-mix(in srgb, #daf2ef 70%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-groei-zacht\/70:hover {
        background-color: color-mix(in oklab, var(--color-groei-zacht) 70%, transparent);
      }
    }
    .hover\:bg-inkt\/\[0\.1\]:hover {
      background-color: color-mix(in srgb, #12163a 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-inkt\/\[0\.1\]:hover {
        background-color: color-mix(in oklab, var(--color-inkt) 10%, transparent);
      }
    }
    .hover\:bg-inkt\/\[0\.03\]:hover {
      background-color: color-mix(in srgb, #12163a 3%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-inkt\/\[0\.03\]:hover {
        background-color: color-mix(in oklab, var(--color-inkt) 3%, transparent);
      }
    }
    .hover\:bg-inkt\/\[0\.04\]:hover {
      background-color: color-mix(in srgb, #12163a 4%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-inkt\/\[0\.04\]:hover {
        background-color: color-mix(in oklab, var(--color-inkt) 4%, transparent);
      }
    }
    .hover\:bg-inkt\/\[0\.05\]:hover {
      background-color: color-mix(in srgb, #12163a 5%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-inkt\/\[0\.05\]:hover {
        background-color: color-mix(in oklab, var(--color-inkt) 5%, transparent);
      }
    }
    .hover\:bg-inkt\/\[0\.06\]:hover {
      background-color: color-mix(in srgb, #12163a 6%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-inkt\/\[0\.06\]:hover {
        background-color: color-mix(in oklab, var(--color-inkt) 6%, transparent);
      }
    }
    .hover\:bg-inkt\/\[0\.07\]:hover {
      background-color: color-mix(in srgb, #12163a 7.000000000000001%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-inkt\/\[0\.07\]:hover {
        background-color: color-mix(in oklab, var(--color-inkt) 7.000000000000001%, transparent);
      }
    }
    .hover\:bg-inkt\/\[0\.08\]:hover {
      background-color: color-mix(in srgb, #12163a 8%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-inkt\/\[0\.08\]:hover {
        background-color: color-mix(in oklab, var(--color-inkt) 8%, transparent);
      }
    }
    .hover\:bg-inkt\/\[0\.09\]:hover {
      background-color: color-mix(in srgb, #12163a 9%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-inkt\/\[0\.09\]:hover {
        background-color: color-mix(in oklab, var(--color-inkt) 9%, transparent);
      }
    }
    .hover\:bg-inkt\/\[0\.12\]:hover {
      background-color: color-mix(in srgb, #12163a 12%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-inkt\/\[0\.12\]:hover {
        background-color: color-mix(in oklab, var(--color-inkt) 12%, transparent);
      }
    }
    .hover\:bg-inkt\/\[0\.14\]:hover {
      background-color: color-mix(in srgb, #12163a 14.000000000000002%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-inkt\/\[0\.14\]:hover {
        background-color: color-mix(in oklab, var(--color-inkt) 14.000000000000002%, transparent);
      }
    }
    .hover\:bg-inkt\/\[0\.025\]:hover {
      background-color: color-mix(in srgb, #12163a 2.5%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-inkt\/\[0\.025\]:hover {
        background-color: color-mix(in oklab, var(--color-inkt) 2.5%, transparent);
      }
    }
    .hover\:bg-inkt\/\[0\.035\]:hover {
      background-color: color-mix(in srgb, #12163a 3.5000000000000004%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-inkt\/\[0\.035\]:hover {
        background-color: color-mix(in oklab, var(--color-inkt) 3.5000000000000004%, transparent);
      }
    }
    .hover\:bg-koers:hover {
      background-color: var(--color-koers);
    }
    .hover\:bg-koers-tekst:hover {
      background-color: var(--color-koers-tekst);
    }
    .hover\:bg-koers-zacht:hover {
      background-color: var(--color-koers-zacht);
    }
    .hover\:bg-koers-zacht\/70:hover {
      background-color: color-mix(in srgb, #d9f3e8 70%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-koers-zacht\/70:hover {
        background-color: color-mix(in oklab, var(--color-koers-zacht) 70%, transparent);
      }
    }
    .hover\:bg-koers\/10:hover {
      background-color: color-mix(in srgb, #10805a 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-koers\/10:hover {
        background-color: color-mix(in oklab, var(--color-koers) 10%, transparent);
      }
    }
    .hover\:bg-kritiek-zacht:hover {
      background-color: var(--color-kritiek-zacht);
    }
    .hover\:bg-kritiek-zacht-2:hover {
      background-color: var(--color-kritiek-zacht-2);
    }
    .hover\:bg-kritiek-zacht\/80:hover {
      background-color: color-mix(in srgb, #fde1e7 80%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-kritiek-zacht\/80:hover {
        background-color: color-mix(in oklab, var(--color-kritiek-zacht) 80%, transparent);
      }
    }
    .hover\:bg-relatie:hover {
      background-color: var(--color-relatie);
    }
    .hover\:bg-relatie-tekst\/90:hover {
      background-color: color-mix(in srgb, #8a2462 90%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-relatie-tekst\/90:hover {
        background-color: color-mix(in oklab, var(--color-relatie-tekst) 90%, transparent);
      }
    }
    .hover\:bg-relatie-zacht:hover {
      background-color: var(--color-relatie-zacht);
    }
    .hover\:bg-relatie-zacht\/60:hover {
      background-color: color-mix(in srgb, #fbe4f0 60%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-relatie-zacht\/60:hover {
        background-color: color-mix(in oklab, var(--color-relatie-zacht) 60%, transparent);
      }
    }
    .hover\:bg-site-tekst\/90:hover {
      background-color: color-mix(in srgb, #0a5f7d 90%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-site-tekst\/90:hover {
        background-color: color-mix(in oklab, var(--color-site-tekst) 90%, transparent);
      }
    }
    .hover\:bg-site-zacht\/70:hover {
      background-color: color-mix(in srgb, #dcf0f6 70%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-site-zacht\/70:hover {
        background-color: color-mix(in oklab, var(--color-site-zacht) 70%, transparent);
      }
    }
    .hover\:bg-slate-50:hover {
      background-color: var(--color-slate-50);
    }
    .hover\:bg-slate-100:hover {
      background-color: var(--color-slate-100);
    }
    .hover\:bg-transparent:hover {
      background-color: transparent;
    }
    .hover\:bg-vel:hover {
      background-color: var(--color-vel);
    }
    .hover\:bg-vel\/60:hover {
      background-color: color-mix(in srgb, rgb(var(--glas-tint)) 60%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-vel\/60:hover {
        background-color: color-mix(in oklab, var(--color-vel) 60%, transparent);
      }
    }
    .hover\:bg-vel\/70:hover {
      background-color: color-mix(in srgb, rgb(var(--glas-tint)) 70%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-vel\/70:hover {
        background-color: color-mix(in oklab, var(--color-vel) 70%, transparent);
      }
    }
    .hover\:bg-vel\/75:hover {
      background-color: color-mix(in srgb, rgb(var(--glas-tint)) 75%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-vel\/75:hover {
        background-color: color-mix(in oklab, var(--color-vel) 75%, transparent);
      }
    }
    .hover\:bg-vel\/80:hover {
      background-color: color-mix(in srgb, rgb(var(--glas-tint)) 80%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-vel\/80:hover {
        background-color: color-mix(in oklab, var(--color-vel) 80%, transparent);
      }
    }
    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }
    .hover\:bg-white\/10:hover {
      background-color: color-mix(in srgb, #fff 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/10:hover {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
    .hover\:bg-white\/15:hover {
      background-color: color-mix(in srgb, #fff 15%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/15:hover {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
    .hover\:bg-white\/25:hover {
      background-color: color-mix(in srgb, #fff 25%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/25:hover {
        background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
      }
    }
    .hover\:bg-white\/\[0\.08\]:hover {
      background-color: color-mix(in srgb, #fff 8%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.08\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
      }
    }
    .hover\:bg-white\/\[0\.12\]:hover {
      background-color: color-mix(in srgb, #fff 12%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.12\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 12%, transparent);
      }
    }
    .hover\:bg-white\/\[0\.14\]:hover {
      background-color: color-mix(in srgb, #fff 14.000000000000002%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.14\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 14.000000000000002%, transparent);
      }
    }
    .hover\:bg-white\/\[0\.16\]:hover {
      background-color: color-mix(in srgb, #fff 16%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/\[0\.16\]:hover {
        background-color: color-mix(in oklab, var(--color-white) 16%, transparent);
      }
    }
    .hover\:vel-45:hover {
      background-color: rgb(var(--glas-tint));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:vel-45:hover {
        background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(45 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
      }
    }
    .hover\:vel-50:hover {
      background-color: rgb(var(--glas-tint));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:vel-50:hover {
        background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(50 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
      }
    }
    .hover\:vel-55:hover {
      background-color: rgb(var(--glas-tint));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:vel-55:hover {
        background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(55 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
      }
    }
    .hover\:vel-60:hover {
      background-color: rgb(var(--glas-tint));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:vel-60:hover {
        background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(60 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
      }
    }
    .hover\:vel-65:hover {
      background-color: rgb(var(--glas-tint));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:vel-65:hover {
        background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(65 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
      }
    }
    .hover\:vel-70:hover {
      background-color: rgb(var(--glas-tint));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:vel-70:hover {
        background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(70 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
      }
    }
    .hover\:vel-75:hover {
      background-color: rgb(var(--glas-tint));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:vel-75:hover {
        background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(75 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
      }
    }
    .hover\:vel-80:hover {
      background-color: rgb(var(--glas-tint));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:vel-80:hover {
        background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(80 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
      }
    }
    .hover\:vel-85:hover {
      background-color: rgb(var(--glas-tint));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:vel-85:hover {
        background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(85 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
      }
    }
    .hover\:vel-90:hover {
      background-color: rgb(var(--glas-tint));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:vel-90:hover {
        background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(90 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
      }
    }
    .hover\:vel-95:hover {
      background-color: rgb(var(--glas-tint));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:vel-95:hover {
        background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(95 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
      }
    }
    .hover\:text-blauw:hover {
      color: var(--color-blauw);
    }
    .hover\:text-blauw-diep:hover {
      color: var(--color-blauw-diep);
    }
    .hover\:text-groei-tekst:hover {
      color: var(--color-groei-tekst);
    }
    .hover\:text-inkt:hover {
      color: var(--color-inkt);
    }
    .hover\:text-inkt-2:hover {
      color: var(--color-inkt-2);
    }
    .hover\:text-koers-tekst:hover {
      color: var(--color-koers-tekst);
    }
    .hover\:text-kritiek:hover {
      color: var(--color-kritiek);
    }
    .hover\:text-kritiek-tekst:hover {
      color: var(--color-kritiek-tekst);
    }
    .hover\:text-relatie-tekst:hover {
      color: var(--color-relatie-tekst);
    }
    .hover\:text-white:hover {
      color: var(--color-white);
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
    .hover\:decoration-blauw\/70:hover {
      text-decoration-color: color-mix(in srgb, #2539e9 70%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:decoration-blauw\/70:hover {
        text-decoration-color: color-mix(in oklab, var(--color-blauw) 70%, transparent);
      }
    }
    .hover\:decoration-onbekend:hover {
      text-decoration-color: var(--color-onbekend);
    }
    .hover\:opacity-100:hover {
      opacity: 100%;
    }
    .hover\:shadow-\[var\(--shadow-kaart\)\]:hover {
      --tw-shadow: var(--shadow-kaart);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-\[var\(--shadow-knop\)\]:hover {
      --tw-shadow: var(--shadow-knop);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-\[var\(--shadow-zweef\)\]:hover {
      --tw-shadow: var(--shadow-zweef);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-afvink-actief:hover {
      --tw-shadow: inset 0 0 0 1.5px var(--tw-shadow-color, var(--color-blauw));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-kaart:hover {
      --tw-shadow: var(--glas-schaduw-kaart);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:shadow-zweef:hover {
      --tw-shadow: var(--glas-schaduw-zweef);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:ring-2:hover {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:ring-blauw\/50:hover {
      --tw-ring-color: color-mix(in srgb, #2539e9 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:ring-blauw\/50:hover {
        --tw-ring-color: color-mix(in oklab, var(--color-blauw) 50%, transparent);
      }
    }
    .hover\:brightness-\[0\.97\]:hover {
      --tw-brightness: brightness(0.97);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    .hover\:brightness-\[0\.98\]:hover {
      --tw-brightness: brightness(0.98);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
  .focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
  .focus\:absolute:focus {
    position: absolute;
  }
  .focus\:fixed:focus {
    position: fixed;
  }
  .focus\:top-4:focus {
    top: calc(var(--spacing) * 4);
  }
  .focus\:left-4:focus {
    left: calc(var(--spacing) * 4);
  }
  .focus\:z-50:focus {
    z-index: 50;
  }
  .focus\:z-\[5\]:focus {
    z-index: 5;
  }
  .focus\:inline-flex:focus {
    display: inline-flex;
  }
  .focus\:items-center:focus {
    align-items: center;
  }
  .focus\:gap-1:focus {
    gap: var(--spacing);
  }
  .focus\:rounded-full:focus {
    border-radius: calc(infinity * 1px);
  }
  .focus\:bg-aandacht-zacht:focus {
    background-color: var(--color-aandacht-zacht);
  }
  .focus\:bg-vel:focus {
    background-color: var(--color-vel);
  }
  .focus\:vel-70:focus {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(70 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .focus\:px-2:focus {
    padding-inline: calc(var(--spacing) * 2);
  }
  .focus\:px-4:focus {
    padding-inline: calc(var(--spacing) * 4);
  }
  .focus\:py-0\.5:focus {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .focus\:py-2:focus {
    padding-block: calc(var(--spacing) * 2);
  }
  .focus\:text-basis:focus {
    font-size: var(--text-basis);
  }
  .focus\:text-mini:focus {
    font-size: var(--text-mini);
  }
  .focus\:font-medium:focus {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .focus\:font-semibold:focus {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .focus\:text-aandacht-tekst:focus {
    color: var(--color-aandacht-tekst);
  }
  .focus\:text-blauw-diep:focus {
    color: var(--color-blauw-diep);
  }
  .focus\:text-inkt-2:focus {
    color: var(--color-inkt-2);
  }
  .focus\:shadow-\[var\(--shadow-kaart\)\]:focus {
    --tw-shadow: var(--shadow-kaart);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:shadow-\[var\(--shadow-zweef\)\]:focus {
    --tw-shadow: var(--shadow-zweef);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus\:ring-blauw\/30:focus {
    --tw-ring-color: color-mix(in srgb, #2539e9 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 30%, transparent);
    }
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:-translate-y-0\.5:focus-visible {
    --tw-translate-y: calc(var(--spacing) * -0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .focus-visible\:scale-y-125:focus-visible {
    --tw-scale-y: 125%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .focus-visible\:bg-blauw-50:focus-visible {
    background-color: var(--color-blauw-50);
  }
  .focus-visible\:bg-blauw-50\/70:focus-visible {
    background-color: color-mix(in srgb, #eef0ff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw-50) 70%, transparent);
    }
  }
  .focus-visible\:bg-inkt\/\[0\.03\]:focus-visible {
    background-color: color-mix(in srgb, #12163a 3%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 3%, transparent);
    }
  }
  .focus-visible\:bg-inkt\/\[0\.05\]:focus-visible {
    background-color: color-mix(in srgb, #12163a 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 5%, transparent);
    }
  }
  .focus-visible\:bg-inkt\/\[0\.035\]:focus-visible {
    background-color: color-mix(in srgb, #12163a 3.5000000000000004%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 3.5000000000000004%, transparent);
    }
  }
  .focus-visible\:bg-white\/\[0\.08\]:focus-visible {
    background-color: color-mix(in srgb, #fff 8%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
    }
  }
  .focus-visible\:vel-70:focus-visible {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(70 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .focus-visible\:underline:focus-visible {
    text-decoration-line: underline;
  }
  .focus-visible\:opacity-100:focus-visible {
    opacity: 100%;
  }
  .focus-visible\:shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.2\)\]:focus-visible {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(255,255,255,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:shadow-\[0_0_0_3px_var\(--color-blauw-100\)\]:focus-visible {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-blauw-100));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:shadow-\[inset_0_0_0_1\.75px_var\(--color-blauw\)\]:focus-visible {
    --tw-shadow: inset 0 0 0 1.75px var(--tw-shadow-color, var(--color-blauw));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:shadow-\[var\(--shadow-zweef\)\]:focus-visible {
    --tw-shadow: var(--shadow-zweef);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .focus-visible\:ring-aandacht\/40:focus-visible {
    --tw-ring-color: color-mix(in srgb, #a86a0c 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-aandacht) 40%, transparent);
    }
  }
  .focus-visible\:ring-blauw:focus-visible {
    --tw-ring-color: var(--color-blauw);
  }
  .focus-visible\:ring-blauw\/25:focus-visible {
    --tw-ring-color: color-mix(in srgb, #2539e9 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 25%, transparent);
    }
  }
  .focus-visible\:ring-blauw\/30:focus-visible {
    --tw-ring-color: color-mix(in srgb, #2539e9 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 30%, transparent);
    }
  }
  .focus-visible\:ring-blauw\/35:focus-visible {
    --tw-ring-color: color-mix(in srgb, #2539e9 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 35%, transparent);
    }
  }
  .focus-visible\:ring-blauw\/40:focus-visible {
    --tw-ring-color: color-mix(in srgb, #2539e9 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 40%, transparent);
    }
  }
  .focus-visible\:ring-blauw\/50:focus-visible {
    --tw-ring-color: color-mix(in srgb, #2539e9 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 50%, transparent);
    }
  }
  .focus-visible\:ring-blauw\/60:focus-visible {
    --tw-ring-color: color-mix(in srgb, #2539e9 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 60%, transparent);
    }
  }
  .focus-visible\:ring-site\/50:focus-visible {
    --tw-ring-color: color-mix(in srgb, #0e7fa6 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-site) 50%, transparent);
    }
  }
  .focus-visible\:ring-offset-4:focus-visible {
    --tw-ring-offset-width: 4px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus-visible\:ring-offset-transparent:focus-visible {
    --tw-ring-offset-color: transparent;
  }
  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-visible\:\[outline-offset\:-2px\]:focus-visible {
    outline-offset: -2px;
  }
  .focus-visible\:outline-offset-\[-2px\]:focus-visible {
    outline-offset: -2px;
  }
  .focus-visible\:outline-blauw:focus-visible {
    outline-color: var(--color-blauw);
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset;
  }
  .focus-visible\:after\:shadow-\[inset_0_0_0_1\.75px_var\(--color-blauw\)\]:focus-visible::after {
    content: var(--tw-content);
    --tw-shadow: inset 0 0 0 1.75px var(--tw-shadow-color, var(--color-blauw));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .active\:translate-y-0:active {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .active\:scale-\[0\.97\]:active {
    scale: 0.97;
  }
  .active\:scale-\[0\.98\]:active {
    scale: 0.98;
  }
  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }
  .active\:bg-ads-tekst:active {
    background-color: var(--color-ads-tekst);
  }
  .active\:bg-blauw-100:active {
    background-color: var(--color-blauw-100);
  }
  .active\:bg-blauw\/\[0\.14\]:active {
    background-color: color-mix(in srgb, #2539e9 14.000000000000002%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 14.000000000000002%, transparent);
    }
  }
  .active\:bg-groei-tekst:active {
    background-color: var(--color-groei-tekst);
  }
  .active\:bg-relatie-tekst:active {
    background-color: var(--color-relatie-tekst);
  }
  .active\:bg-site-tekst:active {
    background-color: var(--color-site-tekst);
  }
  .active\:text-inkt:active {
    color: var(--color-inkt);
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:bg-inkt\/\[0\.05\]:disabled {
    background-color: color-mix(in srgb, #12163a 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-inkt) 5%, transparent);
    }
  }
  .disabled\:text-inkt-2:disabled {
    color: var(--color-inkt-2);
  }
  .disabled\:text-inkt-3:disabled {
    color: var(--color-inkt-3);
  }
  .disabled\:text-inkt-4:disabled {
    color: var(--color-inkt-4);
  }
  .disabled\:no-underline:disabled {
    text-decoration-line: none;
  }
  .disabled\:opacity-35:disabled {
    opacity: 35%;
  }
  .disabled\:opacity-40:disabled {
    opacity: 40%;
  }
  .disabled\:opacity-45:disabled {
    opacity: 45%;
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  .disabled\:opacity-60:disabled {
    opacity: 60%;
  }
  .disabled\:opacity-80:disabled {
    opacity: 80%;
  }
  .disabled\:opacity-100:disabled {
    opacity: 100%;
  }
  @media (hover: hover) {
    .disabled\:hover\:scale-100:disabled:hover {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    .disabled\:hover\:bg-transparent:disabled:hover {
      background-color: transparent;
    }
    .disabled\:hover\:vel-40:disabled:hover {
      background-color: rgb(var(--glas-tint));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .disabled\:hover\:vel-40:disabled:hover {
        background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(40 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
      }
    }
    .disabled\:hover\:shadow-none:disabled:hover {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .has-\[\[aria-expanded\=true\]\]\:pointer-events-auto:has(:is([aria-expanded=true])) {
    pointer-events: auto;
  }
  .has-\[\[aria-expanded\=true\]\]\:opacity-100:has(:is([aria-expanded=true])) {
    opacity: 100%;
  }
  .has-\[\>button\:focus-visible\]\:vel-70:has( > button:focus-visible) {
    background-color: rgb(var(--glas-tint));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(70 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
    }
  }
  .aria-pressed\:bg-white\/15[aria-pressed="true"] {
    background-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .aria-pressed\:text-white[aria-pressed="true"] {
    color: var(--color-white);
  }
  .data-\[aangewezen\=ja\]\:bg-blauw\/\[0\.06\][data-aangewezen="ja"] {
    background-color: color-mix(in srgb, #2539e9 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blauw) 6%, transparent);
    }
  }
  .data-\[aangewezen\=ja\]\:ring-2[data-aangewezen="ja"] {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .data-\[aangewezen\=ja\]\:ring-blauw\/30[data-aangewezen="ja"] {
    --tw-ring-color: color-mix(in srgb, #2539e9 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blauw) 30%, transparent);
    }
  }
  .data-\[geen-doel\]\:opacity-45[data-geen-doel] {
    opacity: 45%;
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none {
      animation: none;
    }
    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }
  @media (width < 64rem) {
    .max-lg\:hidden {
      display: none;
    }
  }
  @media (width < 48rem) {
    .max-md\:hidden {
      display: none;
    }
    .max-md\:rounded-full {
      border-radius: calc(infinity * 1px);
    }
    .max-md\:bg-blauw-50 {
      background-color: var(--color-blauw-50);
    }
    .max-md\:vel-60 {
      background-color: rgb(var(--glas-tint));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .max-md\:vel-60 {
        background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(60 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
      }
    }
    .max-md\:text-blauw-diep {
      color: var(--color-blauw-diep);
    }
    .max-md\:opacity-100 {
      opacity: 100%;
    }
  }
  @media (width < 40rem) {
    .max-sm\:sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
    .max-sm\:top-auto {
      top: auto;
    }
    .max-sm\:right-3 {
      right: calc(var(--spacing) * 3);
    }
    .max-sm\:bottom-3 {
      bottom: calc(var(--spacing) * 3);
    }
    .max-sm\:left-\[18px\] {
      left: 18px;
    }
    .max-sm\:left-\[60px\] {
      left: 60px;
    }
    .max-sm\:order-last {
      order: 9999;
    }
    .max-sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .max-sm\:ml-10 {
      margin-left: calc(var(--spacing) * 10);
    }
    .max-sm\:ml-11 {
      margin-left: calc(var(--spacing) * 11);
    }
    .max-sm\:hidden {
      display: none;
    }
    .max-sm\:size-\[30px\] {
      width: 30px;
      height: 30px;
    }
    .max-sm\:\!h-\[100svh\] {
      height: 100svh !important;
    }
    .max-sm\:\!max-h-\[100svh\] {
      max-height: 100svh !important;
    }
    .max-sm\:min-h-10 {
      min-height: calc(var(--spacing) * 10);
    }
    .max-sm\:min-h-svh {
      min-height: 100svh;
    }
    .max-sm\:w-full {
      width: 100%;
    }
    .max-sm\:max-w-64 {
      max-width: calc(var(--spacing) * 64);
    }
    .max-sm\:basis-\[calc\(100\%-2\.75rem\)\] {
      flex-basis: calc(100% - 2.75rem);
    }
    .max-sm\:basis-full {
      flex-basis: 100%;
    }
    .max-sm\:translate-y-0 {
      --tw-translate-y: 0px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    .max-sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .max-sm\:grid-cols-\[30px_minmax\(0\,1fr\)\] {
      grid-template-columns: 30px minmax(0,1fr);
    }
    .max-sm\:flex-wrap {
      flex-wrap: wrap;
    }
    .max-sm\:\!rounded-none {
      border-radius: 0 !important;
    }
    .max-sm\:px-0 {
      padding-inline: 0px;
    }
    .max-sm\:px-1\.5 {
      padding-inline: calc(var(--spacing) * 1.5);
    }
    .max-sm\:py-1 {
      padding-block: var(--spacing);
    }
    .max-sm\:pl-0 {
      padding-left: 0px;
    }
    .max-sm\:pl-7 {
      padding-left: calc(var(--spacing) * 7);
    }
    .max-sm\:pl-10 {
      padding-left: calc(var(--spacing) * 10);
    }
    .max-sm\:text-left {
      text-align: left;
    }
    .max-sm\:text-klein {
      font-size: var(--text-klein);
      letter-spacing: var(--tw-tracking, var(--text-klein--letter-spacing));
    }
  }
  @media (width >= 360px) {
    .min-\[360px\]\:block {
      display: block;
    }
  }
  @media (width >= 1600px) {
    .min-\[1600px\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,24rem\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,24rem);
    }
  }
  @media (width >= 1700px) {
    .min-\[1700px\]\:flex-nowrap {
      flex-wrap: nowrap;
    }
  }
  @media (width >= 1800px) {
    .min-\[1800px\]\:flex {
      display: flex;
    }
    .min-\[1800px\]\:inline-flex {
      display: inline-flex;
    }
  }
  @media (width >= 2200px) {
    .min-\[2200px\]\:block {
      display: block;
    }
    .min-\[2200px\]\:grid-cols-\[minmax\(0\,1fr\)_32\.5rem\] {
      grid-template-columns: minmax(0,1fr) 32.5rem;
    }
  }
  @media (width >= 40rem) {
    .sm\:visible {
      visibility: visible;
    }
    .sm\:sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
    .sm\:not-sr-only {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip-path: none;
      white-space: normal;
    }
    .sm\:top-5 {
      top: calc(var(--spacing) * 5);
    }
    .sm\:right-5 {
      right: calc(var(--spacing) * 5);
    }
    .sm\:right-\[46px\] {
      right: 46px;
    }
    .sm\:left-\[calc\(0\.75rem\+1rem-1px\)\] {
      left: calc(0.75rem + 1rem - 1px);
    }
    .sm\:order-2 {
      order: 2;
    }
    .sm\:order-3 {
      order: 3;
    }
    .sm\:order-none {
      order: 0;
    }
    .sm\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }
    .sm\:col-span-4 {
      grid-column: span 4 / span 4;
    }
    .sm\:col-start-2 {
      grid-column-start: 2;
    }
    .sm\:col-start-3 {
      grid-column-start: 3;
    }
    .sm\:col-start-4 {
      grid-column-start: 4;
    }
    .sm\:col-start-auto {
      grid-column-start: auto;
    }
    .sm\:row-start-1 {
      grid-row-start: 1;
    }
    .sm\:row-start-auto {
      grid-row-start: auto;
    }
    .sm\:-mx-6 {
      margin-inline: calc(var(--spacing) * -6);
    }
    .sm\:mx-0 {
      margin-inline: 0px;
    }
    .sm\:my-3 {
      margin-block: calc(var(--spacing) * 3);
    }
    .sm\:mt-0 {
      margin-top: 0px;
    }
    .sm\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .sm\:-ml-9 {
      margin-left: calc(var(--spacing) * -9);
    }
    .sm\:ml-0 {
      margin-left: 0px;
    }
    .sm\:ml-\[50px\] {
      margin-left: 50px;
    }
    .sm\:ml-auto {
      margin-left: auto;
    }
    .sm\:line-clamp-1 {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
    .sm\:block {
      display: block;
    }
    .sm\:contents {
      display: contents;
    }
    .sm\:flex {
      display: flex;
    }
    .sm\:grid {
      display: grid;
    }
    .sm\:hidden {
      display: none;
    }
    .sm\:inline {
      display: inline;
    }
    .sm\:inline-flex {
      display: inline-flex;
    }
    .sm\:size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
    .sm\:h-96 {
      height: calc(var(--spacing) * 96);
    }
    .sm\:h-\[76px\] {
      height: 76px;
    }
    .sm\:h-\[110px\] {
      height: 110px;
    }
    .sm\:h-\[170px\] {
      height: 170px;
    }
    .sm\:\!max-h-none {
      max-height: none !important;
    }
    .sm\:max-h-\[calc\(100svh-8\.5rem\)\] {
      max-height: calc(100svh - 8.5rem);
    }
    .sm\:min-h-\[var\(--kerncijfer-h\)\] {
      min-height: var(--kerncijfer-h);
    }
    .sm\:w-28 {
      width: calc(var(--spacing) * 28);
    }
    .sm\:w-40 {
      width: calc(var(--spacing) * 40);
    }
    .sm\:w-48 {
      width: calc(var(--spacing) * 48);
    }
    .sm\:w-56 {
      width: calc(var(--spacing) * 56);
    }
    .sm\:w-60 {
      width: calc(var(--spacing) * 60);
    }
    .sm\:w-64 {
      width: calc(var(--spacing) * 64);
    }
    .sm\:w-72 {
      width: calc(var(--spacing) * 72);
    }
    .sm\:w-80 {
      width: calc(var(--spacing) * 80);
    }
    .sm\:w-\[13rem\] {
      width: 13rem;
    }
    .sm\:w-\[15\.5rem\] {
      width: 15.5rem;
    }
    .sm\:w-\[22px\] {
      width: 22px;
    }
    .sm\:w-\[54px\] {
      width: 54px;
    }
    .sm\:w-auto {
      width: auto;
    }
    .sm\:w-full {
      width: 100%;
    }
    .sm\:max-w-2xl {
      max-width: var(--container-2xl);
    }
    .sm\:max-w-80 {
      max-width: calc(var(--spacing) * 80);
    }
    .sm\:max-w-\[45\%\] {
      max-width: 45%;
    }
    .sm\:max-w-\[70\%\] {
      max-width: 70%;
    }
    .sm\:max-w-\[80\%\] {
      max-width: 80%;
    }
    .sm\:max-w-\[320px\] {
      max-width: 320px;
    }
    .sm\:max-w-\[calc\(50\%-0\.625rem\)\] {
      max-width: calc(50% - 0.625rem);
    }
    .sm\:max-w-\[min\(44rem\,calc\(100vw-1\.5rem\)\)\] {
      max-width: min(44rem, calc(100vw - 1.5rem));
    }
    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }
    .sm\:min-w-\(--bordkolom-min\) {
      min-width: var(--bordkolom-min);
    }
    .sm\:min-w-20 {
      min-width: calc(var(--spacing) * 20);
    }
    .sm\:min-w-28 {
      min-width: calc(var(--spacing) * 28);
    }
    .sm\:min-w-36 {
      min-width: calc(var(--spacing) * 36);
    }
    .sm\:min-w-72 {
      min-width: calc(var(--spacing) * 72);
    }
    .sm\:min-w-\[6\.5rem\] {
      min-width: 6.5rem;
    }
    .sm\:flex-1 {
      flex: 1;
    }
    .sm\:shrink {
      flex-shrink: 1;
    }
    .sm\:shrink-0 {
      flex-shrink: 0;
    }
    .sm\:basis-0 {
      flex-basis: 0px;
    }
    .sm\:basis-auto {
      flex-basis: auto;
    }
    .sm\:basis-full {
      flex-basis: 100%;
    }
    .sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .sm\:grid-cols-\[0\.875rem_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: 0.875rem minmax(0,1fr) auto;
    }
    .sm\:grid-cols-\[1fr_6\.5rem\] {
      grid-template-columns: 1fr 6.5rem;
    }
    .sm\:grid-cols-\[1fr_8rem\] {
      grid-template-columns: 1fr 8rem;
    }
    .sm\:grid-cols-\[7rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 7rem minmax(0,1fr);
    }
    .sm\:grid-cols-\[9rem_5\.5rem_1fr_6rem\] {
      grid-template-columns: 9rem 5.5rem 1fr 6rem;
    }
    .sm\:grid-cols-\[9rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 9rem minmax(0,1fr);
    }
    .sm\:grid-cols-\[10rem_1fr\] {
      grid-template-columns: 10rem 1fr;
    }
    .sm\:grid-cols-\[36px_minmax\(0\,1fr\)_120px\] {
      grid-template-columns: 36px minmax(0,1fr) 120px;
    }
    .sm\:grid-cols-\[64px_minmax\(0\,1fr\)_92px\] {
      grid-template-columns: 64px minmax(0,1fr) 92px;
    }
    .sm\:grid-cols-\[72px_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: 72px minmax(0,1fr) auto;
    }
    .sm\:grid-cols-\[auto_1fr\] {
      grid-template-columns: auto 1fr;
    }
    .sm\:grid-cols-\[auto_minmax\(0\,0\.8fr\)_minmax\(0\,1fr\)_4\.5rem_auto\] {
      grid-template-columns: auto minmax(0,0.8fr) minmax(0,1fr) 4.5rem auto;
    }
    .sm\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: auto minmax(0,1fr) auto;
    }
    .sm\:grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\] {
      grid-template-columns: auto minmax(0,1fr) auto auto;
    }
    .sm\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)_8rem_auto\] {
      grid-template-columns: minmax(0,1.3fr) minmax(0,1fr) 8rem auto;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_5rem_5\.25rem_6\.75rem_auto_2\.25rem\] {
      grid-template-columns: minmax(0,1fr) 5rem 5.25rem 6.75rem auto 2.25rem;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_8rem\] {
      grid-template-columns: minmax(0,1fr) 8rem;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_9rem\] {
      grid-template-columns: minmax(0,1fr) 9rem;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_11rem_auto\] {
      grid-template-columns: minmax(0,1fr) 11rem auto;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_12rem\] {
      grid-template-columns: minmax(0,1fr) 12rem;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_14rem\] {
      grid-template-columns: minmax(0,1fr) 14rem;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_60px_80px_50px_auto\] {
      grid-template-columns: minmax(0,1fr) 60px 80px 50px auto;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_120px\] {
      grid-template-columns: minmax(0,1fr) 120px;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_170px\] {
      grid-template-columns: minmax(0,1fr) 170px;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0,1fr) auto;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,14rem\)_7rem\] {
      grid-template-columns: minmax(0,1fr) auto minmax(0,14rem) 7rem;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,1.2fr);
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto;
    }
    .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(60px\,140px\)_3\.5rem\] {
      grid-template-columns: minmax(0,1fr) minmax(60px,140px) 3.5rem;
    }
    .sm\:grid-cols-\[minmax\(0\,9\.5rem\)_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0,9.5rem) minmax(0,1fr) auto;
    }
    .sm\:grid-cols-\[minmax\(0\,12rem\)_minmax\(0\,1fr\)_4\.5rem_4rem\] {
      grid-template-columns: minmax(0,12rem) minmax(0,1fr) 4.5rem 4rem;
    }
    .sm\:grid-cols-\[minmax\(0\,13\.5rem\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,13.5rem) minmax(0,1fr);
    }
    .sm\:grid-cols-\[minmax\(0\,13rem\)_minmax\(0\,1fr\)_3rem\] {
      grid-template-columns: minmax(0,13rem) minmax(0,1fr) 3rem;
    }
    .sm\:grid-cols-\[minmax\(0\,13rem\)_minmax\(0\,1fr\)_4\.5rem\] {
      grid-template-columns: minmax(0,13rem) minmax(0,1fr) 4.5rem;
    }
    .sm\:grid-cols-\[minmax\(7rem\,0\.9fr\)_minmax\(0\,1\.4fr\)_auto\] {
      grid-template-columns: minmax(7rem,0.9fr) minmax(0,1.4fr) auto;
    }
    .sm\:grid-cols-\[minmax\(150px\,200px\)_minmax\(0\,1fr\)_118px\] {
      grid-template-columns: minmax(150px,200px) minmax(0,1fr) 118px;
    }
    .sm\:grid-cols-\[repeat\(auto-fill\,minmax\(9\.5rem\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fill,minmax(9.5rem,1fr));
    }
    .sm\:grid-cols-\[repeat\(auto-fill\,minmax\(15rem\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fill,minmax(15rem,1fr));
    }
    .sm\:flex-col {
      flex-direction: column;
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .sm\:flex-wrap {
      flex-wrap: wrap;
    }
    .sm\:items-baseline {
      align-items: baseline;
    }
    .sm\:items-center {
      align-items: center;
    }
    .sm\:items-end {
      align-items: flex-end;
    }
    .sm\:items-start {
      align-items: flex-start;
    }
    .sm\:items-stretch {
      align-items: stretch;
    }
    .sm\:justify-between {
      justify-content: space-between;
    }
    .sm\:justify-end {
      justify-content: flex-end;
    }
    .sm\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }
    .sm\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }
    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .sm\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }
    .sm\:gap-x-9 {
      column-gap: calc(var(--spacing) * 9);
    }
    .sm\:gap-y-4 {
      row-gap: calc(var(--spacing) * 4);
    }
    .sm\:truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .sm\:overflow-visible {
      overflow: visible;
    }
    .sm\:\!rounded-\[var\(--radius-paneel\)\] {
      border-radius: var(--radius-paneel) !important;
    }
    .sm\:\!rounded-full {
      border-radius: calc(infinity * 1px) !important;
    }
    .sm\:rounded-\[22px\] {
      border-radius: 22px;
    }
    .sm\:rounded-full {
      border-radius: calc(infinity * 1px);
    }
    .sm\:\!rounded-b-\[var\(--radius-paneel\)\] {
      border-bottom-right-radius: var(--radius-paneel) !important;
      border-bottom-left-radius: var(--radius-paneel) !important;
    }
    .sm\:rounded-b-\[22px\] {
      border-bottom-right-radius: 22px;
      border-bottom-left-radius: 22px;
    }
    .sm\:p-3 {
      padding: calc(var(--spacing) * 3);
    }
    .sm\:p-3\.5 {
      padding: calc(var(--spacing) * 3.5);
    }
    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
    .sm\:p-7 {
      padding: calc(var(--spacing) * 7);
    }
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
    .sm\:px-0 {
      padding-inline: 0px;
    }
    .sm\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }
    .sm\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
    .sm\:px-3\.5 {
      padding-inline: calc(var(--spacing) * 3.5);
    }
    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .sm\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .sm\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
    .sm\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
    .sm\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }
    .sm\:py-7 {
      padding-block: calc(var(--spacing) * 7);
    }
    .sm\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }
    .sm\:pt-0 {
      padding-top: 0px;
    }
    .sm\:pt-2 {
      padding-top: calc(var(--spacing) * 2);
    }
    .sm\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }
    .sm\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }
    .sm\:pb-0 {
      padding-bottom: 0px;
    }
    .sm\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }
    .sm\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
    .sm\:pb-28 {
      padding-bottom: calc(var(--spacing) * 28);
    }
    .sm\:pb-40 {
      padding-bottom: calc(var(--spacing) * 40);
    }
    .sm\:pl-0 {
      padding-left: 0px;
    }
    .sm\:pl-5 {
      padding-left: calc(var(--spacing) * 5);
    }
    .sm\:pl-9 {
      padding-left: calc(var(--spacing) * 9);
    }
    .sm\:pl-11 {
      padding-left: calc(var(--spacing) * 11);
    }
    .sm\:pl-27 {
      padding-left: calc(var(--spacing) * 27);
    }
    .sm\:pl-\[6\.5rem\] {
      padding-left: 6.5rem;
    }
    .sm\:pl-\[50px\] {
      padding-left: 50px;
    }
    .sm\:pl-\[52px\] {
      padding-left: 52px;
    }
    .sm\:pl-\[62px\] {
      padding-left: 62px;
    }
    .sm\:text-right {
      text-align: right;
    }
    .sm\:text-\[1\.15rem\] {
      font-size: 1.15rem;
    }
    .sm\:text-titel {
      font-size: var(--text-titel);
    }
    .sm\:text-titel-groot {
      font-size: var(--text-titel-groot);
    }
    .sm\:text-werktitel-groot {
      font-size: var(--text-werktitel-groot);
    }
    .sm\:break-normal {
      overflow-wrap: normal;
      word-break: normal;
    }
    .sm\:opacity-0 {
      opacity: 0%;
    }
    .sm\:transition-opacity {
      transition-property: opacity;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
    .sm\:group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
      opacity: 100%;
    }
    @media (hover: hover) {
      .sm\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 100%;
      }
    }
    .sm\:before\:hidden::before {
      content: var(--tw-content);
      display: none;
    }
    .sm\:has-\[\[aria-expanded\=true\]\]\:opacity-100:has(:is([aria-expanded=true])) {
      opacity: 100%;
    }
    .sm\:aria-expanded\:opacity-100[aria-expanded="true"] {
      opacity: 100%;
    }
  }
  @media (width >= 48rem) {
    .md\:pointer-events-none {
      pointer-events: none;
    }
    .md\:absolute {
      position: absolute;
    }
    .md\:inset-y-1 {
      inset-block: var(--spacing);
    }
    .md\:right-2 {
      right: calc(var(--spacing) * 2);
    }
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .md\:col-start-3 {
      grid-column-start: 3;
    }
    .md\:col-start-auto {
      grid-column-start: auto;
    }
    .md\:row-start-1 {
      grid-row-start: 1;
    }
    .md\:row-start-auto {
      grid-row-start: auto;
    }
    .md\:mx-0 {
      margin-inline: 0px;
    }
    .md\:mt-0 {
      margin-top: 0px;
    }
    .md\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:grid {
      display: grid;
    }
    .md\:hidden {
      display: none;
    }
    .md\:inline {
      display: inline;
    }
    .md\:inline-flex {
      display: inline-flex;
    }
    .md\:h-0\.5 {
      height: calc(var(--spacing) * 0.5);
    }
    .md\:h-7 {
      height: calc(var(--spacing) * 7);
    }
    .md\:w-7 {
      width: calc(var(--spacing) * 7);
    }
    .md\:w-28 {
      width: calc(var(--spacing) * 28);
    }
    .md\:w-\[4\.5rem\] {
      width: 4.5rem;
    }
    .md\:w-auto {
      width: auto;
    }
    .md\:min-w-0 {
      min-width: 0px;
    }
    .md\:min-w-6 {
      min-width: calc(var(--spacing) * 6);
    }
    .md\:flex-1 {
      flex: 1;
    }
    .md\:shrink {
      flex-shrink: 1;
    }
    .md\:basis-auto {
      flex-basis: auto;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:grid-cols-\[1\.5rem_minmax\(0\,1fr\)_9\.5rem_8\.5rem\] {
      grid-template-columns: 1.5rem minmax(0,1fr) 9.5rem 8.5rem;
    }
    .md\:grid-cols-\[1\.25rem_1\.5rem_minmax\(0\,1fr\)_minmax\(7rem\,10rem\)_4\.5rem_minmax\(7rem\,9\.5rem\)_7\.5rem\] {
      grid-template-columns: 1.25rem 1.5rem minmax(0,1fr) minmax(7rem,10rem) 4.5rem minmax(7rem,9.5rem) 7.5rem;
    }
    .md\:grid-cols-\[1\.75rem_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: 1.75rem minmax(0,1fr) auto;
    }
    .md\:grid-cols-\[2\.5rem_minmax\(0\,1fr\)_minmax\(0\,18rem\)\] {
      grid-template-columns: 2.5rem minmax(0,1fr) minmax(0,18rem);
    }
    .md\:grid-cols-\[2\.25rem_minmax\(0\,1\.1fr\)_minmax\(0\,1\.4fr\)_5rem_9rem_auto\] {
      grid-template-columns: 2.25rem minmax(0,1.1fr) minmax(0,1.4fr) 5rem 9rem auto;
    }
    .md\:grid-cols-\[minmax\(0\,1\.3fr\)_8\.5rem_4rem_minmax\(0\,1\.2fr\)_auto\] {
      grid-template-columns: minmax(0,1.3fr) 8.5rem 4rem minmax(0,1.2fr) auto;
    }
    .md\:grid-cols-\[minmax\(0\,1\.4fr\)_3\.5rem_4\.5rem_4rem_minmax\(0\,1\.3fr\)_4rem\] {
      grid-template-columns: minmax(0,1.4fr) 3.5rem 4.5rem 4rem minmax(0,1.3fr) 4rem;
    }
    .md\:grid-cols-\[minmax\(0\,1\.6fr\)_auto_minmax\(6rem\,1fr\)_7\.5rem\] {
      grid-template-columns: minmax(0,1.6fr) auto minmax(6rem,1fr) 7.5rem;
    }
    .md\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.35fr) minmax(0,1fr);
    }
    .md\:grid-cols-\[minmax\(0\,1fr\)_6\.5rem_4\.5rem_6\.5rem_7\.5rem\] {
      grid-template-columns: minmax(0,1fr) 6.5rem 4.5rem 6.5rem 7.5rem;
    }
    .md\:grid-cols-\[minmax\(0\,1fr\)_220px\] {
      grid-template-columns: minmax(0,1fr) 220px;
    }
    .md\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
    }
    .md\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
    }
    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.1fr\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,1.1fr);
    }
    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,1.2fr);
    }
    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto;
    }
    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,14rem\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,14rem);
    }
    .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(11rem\,15rem\)\] {
      grid-template-columns: minmax(0,1fr) minmax(11rem,15rem);
    }
    .md\:grid-cols-\[minmax\(0\,15rem\)_minmax\(0\,1fr\)_9\.5rem\] {
      grid-template-columns: minmax(0,15rem) minmax(0,1fr) 9.5rem;
    }
    .md\:flex-col {
      flex-direction: column;
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:flex-wrap {
      flex-wrap: wrap;
    }
    .md\:items-center {
      align-items: center;
    }
    .md\:items-end {
      align-items: flex-end;
    }
    .md\:items-start {
      align-items: flex-start;
    }
    .md\:items-stretch {
      align-items: stretch;
    }
    .md\:justify-end {
      justify-content: flex-end;
    }
    .md\:gap-0 {
      gap: 0px;
    }
    .md\:gap-0\.5 {
      gap: calc(var(--spacing) * 0.5);
    }
    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .md\:gap-y-0 {
      row-gap: 0px;
    }
    .md\:overflow-visible {
      overflow: visible;
    }
    .md\:vel-50 {
      background-color: rgb(var(--glas-tint));
    }
    @supports (color: color-mix(in lab, red, red)) {
      .md\:vel-50 {
        background-color: color-mix( in oklab, rgb(var(--glas-tint)) calc(50 * 1% * var(--glas-k-kaart) + var(--glas-o-kaart) * 100%), transparent );
      }
    }
    .md\:p-3 {
      padding: calc(var(--spacing) * 3);
    }
    .md\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
    .md\:py-0 {
      padding-block: 0px;
    }
    .md\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }
    .md\:text-center {
      text-align: center;
    }
    .md\:text-right {
      text-align: right;
    }
    .md\:whitespace-normal {
      white-space: normal;
    }
    .md\:opacity-0 {
      opacity: 0%;
    }
    .md\:opacity-100 {
      opacity: 100%;
    }
  }
  @media (width >= 64rem) {
    .lg\:sticky {
      position: sticky;
    }
    .lg\:top-4 {
      top: calc(var(--spacing) * 4);
    }
    .lg\:top-24 {
      top: calc(var(--spacing) * 24);
    }
    .lg\:bottom-24 {
      bottom: calc(var(--spacing) * 24);
    }
    .lg\:bottom-28 {
      bottom: calc(var(--spacing) * 28);
    }
    .lg\:left-\[256px\] {
      left: 256px;
    }
    .lg\:order-1 {
      order: 1;
    }
    .lg\:order-2 {
      order: 2;
    }
    .lg\:order-none {
      order: 0;
    }
    .lg\:col-auto {
      grid-column: auto;
    }
    .lg\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .lg\:col-start-1 {
      grid-column-start: 1;
    }
    .lg\:col-start-2 {
      grid-column-start: 2;
    }
    .lg\:row-auto {
      grid-row: auto;
    }
    .lg\:row-start-2 {
      grid-row-start: 2;
    }
    .lg\:mb-4 {
      margin-bottom: calc(var(--spacing) * 4);
    }
    .lg\:line-clamp-1 {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
    .lg\:block {
      display: block;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:grid {
      display: grid;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:inline {
      display: inline;
    }
    .lg\:inline-flex {
      display: inline-flex;
    }
    .lg\:table-cell {
      display: table-cell;
    }
    .lg\:h-40 {
      height: calc(var(--spacing) * 40);
    }
    .lg\:w-\[540px\] {
      width: 540px;
    }
    .lg\:w-auto {
      width: auto;
    }
    .lg\:w-full {
      width: 100%;
    }
    .lg\:max-w-\(--bordkolom-max\) {
      max-width: var(--bordkolom-max);
    }
    .lg\:max-w-0 {
      max-width: 0px;
    }
    .lg\:max-w-\[min\(980px\,calc\(100vw-3rem\)\)\] {
      max-width: min(980px, calc(100vw - 3rem));
    }
    .lg\:max-w-md {
      max-width: var(--container-md);
    }
    .lg\:min-w-\[7\.5rem\] {
      min-width: 7.5rem;
    }
    .lg\:flex-1 {
      flex: 1;
    }
    .lg\:shrink-0 {
      flex-shrink: 0;
    }
    .lg\:basis-0 {
      flex-basis: 0px;
    }
    .lg\:snap-none {
      scroll-snap-type: none;
    }
    .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-\[2fr_1fr\] {
      grid-template-columns: 2fr 1fr;
    }
    .lg\:grid-cols-\[15\.5rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 15.5rem minmax(0,1fr);
    }
    .lg\:grid-cols-\[15rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 15rem minmax(0,1fr);
    }
    .lg\:grid-cols-\[40px_minmax\(0\,1\.25fr\)_minmax\(0\,1\.1fr\)_minmax\(0\,0\.9fr\)_auto\] {
      grid-template-columns: 40px minmax(0,1.25fr) minmax(0,1.1fr) minmax(0,0.9fr) auto;
    }
    .lg\:grid-cols-\[300px_minmax\(0\,1fr\)\] {
      grid-template-columns: 300px minmax(0,1fr);
    }
    .lg\:grid-cols-\[320px_minmax\(0\,1\.7fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: 320px minmax(0,1.7fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.2fr\)\] {
      grid-template-columns: minmax(0,0.9fr) minmax(0,1.2fr);
    }
    .lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.3fr\)\] {
      grid-template-columns: minmax(0,0.9fr) minmax(0,1.3fr);
    }
    .lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.35fr\)\] {
      grid-template-columns: minmax(0,0.9fr) minmax(0,1.35fr);
    }
    .lg\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.4fr\)\] {
      grid-template-columns: minmax(0,0.85fr) minmax(0,1.4fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.95fr\)\] {
      grid-template-columns: minmax(0,1.3fr) minmax(0,1fr) minmax(0,0.95fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.4fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,0\.9fr\)_minmax\(0\,0\.8fr\)\] {
      grid-template-columns: minmax(0,1.05fr) minmax(0,0.9fr) minmax(0,0.8fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.5fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,0\.9fr\)_minmax\(0\,0\.7fr\)\] {
      grid-template-columns: minmax(0,1.6fr) minmax(0,0.9fr) minmax(0,0.7fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.6fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.8fr\)\] {
      grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(0,0.8fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.7fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.7fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.7fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.85fr\)\] {
      grid-template-columns: minmax(0,1.7fr) minmax(0,1fr) minmax(0,0.85fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.8fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.8fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(0\,0\.85fr\)_minmax\(0\,0\.55fr\)\] {
      grid-template-columns: minmax(0,1.25fr) minmax(0,0.85fr) minmax(0,0.55fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.35fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.45fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.45fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.55fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.55fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.55fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.85fr\)\] {
      grid-template-columns: minmax(0,1.55fr) minmax(0,1fr) minmax(0,0.85fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.65fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.65fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.75fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.75fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1\.75fr\)_minmax\(320px\,1fr\)\] {
      grid-template-columns: minmax(0,1.75fr) minmax(320px,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_13rem\] {
      grid-template-columns: minmax(0,1fr) 13rem;
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_280px\] {
      grid-template-columns: minmax(0,1fr) 280px;
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.4fr\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,1.4fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.35fr\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,1.35fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,18rem\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,18rem);
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,22rem\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,22rem);
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,24rem\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,24rem);
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,25rem\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,25rem);
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,26rem\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,26rem);
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(8rem\,10rem\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1fr) minmax(8rem,10rem) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(15rem\,19rem\)\] {
      grid-template-columns: minmax(0,1fr) minmax(15rem,19rem);
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(300px\,360px\)\] {
      grid-template-columns: minmax(0,1fr) minmax(300px,360px);
    }
    .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(300px\,380px\)\] {
      grid-template-columns: minmax(0,1fr) minmax(300px,380px);
    }
    .lg\:grid-cols-\[minmax\(0\,2\.1fr\)_minmax\(340px\,1fr\)\] {
      grid-template-columns: minmax(0,2.1fr) minmax(340px,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,2\.5fr\)_minmax\(0\,0\.9fr\)\] {
      grid-template-columns: minmax(0,2.5fr) minmax(0,0.9fr);
    }
    .lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,2fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(340px\,1fr\)\] {
      grid-template-columns: minmax(0,2fr) minmax(340px,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,3fr) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\] {
      grid-template-columns: minmax(0,3fr) minmax(0,2fr);
    }
    .lg\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,3fr\)\] {
      grid-template-columns: minmax(0,5fr) minmax(0,3fr);
    }
    .lg\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,3fr\)_minmax\(0\,3fr\)\] {
      grid-template-columns: minmax(0,5fr) minmax(0,3fr) minmax(0,3fr);
    }
    .lg\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,6fr\)_minmax\(0\,5fr\)\] {
      grid-template-columns: minmax(0,5fr) minmax(0,6fr) minmax(0,5fr);
    }
    .lg\:grid-cols-\[minmax\(0\,6fr\)_minmax\(0\,4fr\)_minmax\(0\,3fr\)\] {
      grid-template-columns: minmax(0,6fr) minmax(0,4fr) minmax(0,3fr);
    }
    .lg\:grid-cols-\[minmax\(0\,6fr\)_minmax\(0\,5fr\)\] {
      grid-template-columns: minmax(0,6fr) minmax(0,5fr);
    }
    .lg\:grid-cols-\[minmax\(0\,6fr\)_minmax\(0\,5fr\)_minmax\(0\,3fr\)\] {
      grid-template-columns: minmax(0,6fr) minmax(0,5fr) minmax(0,3fr);
    }
    .lg\:grid-cols-\[minmax\(0\,6fr\)_minmax\(0\,5fr\)_minmax\(0\,4fr\)\] {
      grid-template-columns: minmax(0,6fr) minmax(0,5fr) minmax(0,4fr);
    }
    .lg\:grid-cols-\[minmax\(0\,7fr\)_minmax\(0\,4fr\)\] {
      grid-template-columns: minmax(0,7fr) minmax(0,4fr);
    }
    .lg\:grid-cols-\[minmax\(0\,7fr\)_minmax\(0\,4fr\)_minmax\(0\,4fr\)\] {
      grid-template-columns: minmax(0,7fr) minmax(0,4fr) minmax(0,4fr);
    }
    .lg\:grid-cols-\[minmax\(0\,7fr\)_minmax\(0\,5fr\)\] {
      grid-template-columns: minmax(0,7fr) minmax(0,5fr);
    }
    .lg\:grid-cols-\[minmax\(0\,7fr\)_minmax\(0\,5fr\)_minmax\(0\,4fr\)\] {
      grid-template-columns: minmax(0,7fr) minmax(0,5fr) minmax(0,4fr);
    }
    .lg\:grid-cols-\[minmax\(0\,7fr\)_minmax\(0\,6fr\)\] {
      grid-template-columns: minmax(0,7fr) minmax(0,6fr);
    }
    .lg\:grid-cols-\[minmax\(0\,8fr\)_minmax\(0\,5fr\)_minmax\(0\,4fr\)\] {
      grid-template-columns: minmax(0,8fr) minmax(0,5fr) minmax(0,4fr);
    }
    .lg\:grid-cols-\[minmax\(0\,8fr\)_minmax\(0\,6fr\)_minmax\(0\,4fr\)\] {
      grid-template-columns: minmax(0,8fr) minmax(0,6fr) minmax(0,4fr);
    }
    .lg\:grid-cols-\[minmax\(0\,9fr\)_minmax\(0\,5fr\)_minmax\(0\,4fr\)\] {
      grid-template-columns: minmax(0,9fr) minmax(0,5fr) minmax(0,4fr);
    }
    .lg\:grid-cols-\[minmax\(0\,520px\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,520px) minmax(0,1fr);
    }
    .lg\:grid-cols-\[minmax\(300px\,420px\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(300px,420px) minmax(0,1fr);
    }
    .lg\:grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)_minmax\(0\,1\.35fr\)\] {
      grid-template-columns: repeat(2,minmax(0,1fr)) minmax(0,1.35fr);
    }
    .lg\:grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)_minmax\(0\,1\.35fr\)\] {
      grid-template-columns: repeat(3,minmax(0,1fr)) minmax(0,1.35fr);
    }
    .lg\:grid-cols-\[repeat\(4\,minmax\(0\,1fr\)\)_minmax\(0\,1\.35fr\)\] {
      grid-template-columns: repeat(4,minmax(0,1fr)) minmax(0,1.35fr);
    }
    .lg\:grid-cols-\[repeat\(5\,minmax\(0\,1fr\)\)_minmax\(0\,1\.35fr\)\] {
      grid-template-columns: repeat(5,minmax(0,1fr)) minmax(0,1.35fr);
    }
    .lg\:grid-rows-\[auto_1fr\] {
      grid-template-rows: auto 1fr;
    }
    .lg\:grid-rows-\[auto_auto_1fr\] {
      grid-template-rows: auto auto 1fr;
    }
    .lg\:flex-col {
      flex-direction: column;
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .lg\:flex-wrap {
      flex-wrap: wrap;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:items-end {
      align-items: flex-end;
    }
    .lg\:items-start {
      align-items: flex-start;
    }
    .lg\:justify-between {
      justify-content: space-between;
    }
    .lg\:justify-center {
      justify-content: center;
    }
    .lg\:justify-end {
      justify-content: flex-end;
    }
    .lg\:gap-0 {
      gap: 0px;
    }
    .lg\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }
    .lg\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
    .lg\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
    :where(.lg\:space-y-3 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
    .lg\:self-end {
      align-self: flex-end;
    }
    .lg\:self-start {
      align-self: flex-start;
    }
    .lg\:overflow-hidden {
      overflow: hidden;
    }
    .lg\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
    .lg\:px-0 {
      padding-inline: 0px;
    }
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
    .lg\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }
    .lg\:pr-\[calc\(400px\+2rem\)\] {
      padding-right: calc(400px + 2rem);
    }
    .lg\:pb-7 {
      padding-bottom: calc(var(--spacing) * 7);
    }
    .lg\:pb-28 {
      padding-bottom: calc(var(--spacing) * 28);
    }
    .lg\:pl-\[256px\] {
      padding-left: 256px;
    }
    .lg\:opacity-0 {
      opacity: 0%;
    }
    .lg\:\[grid-area\:eerst\] {
      grid-area: eerst;
    }
    .lg\:\[grid-area\:kern\] {
      grid-area: kern;
    }
    .lg\:\[grid-area\:tijdlijn\] {
      grid-area: tijdlijn;
    }
    .lg\:\[grid-area\:werk\] {
      grid-area: werk;
    }
    .lg\:\[grid-template-areas\:\"eerst_kern\"_\"werk_kern\"_\"werk_tijdlijn\"\] {
      grid-template-areas: "eerst kern" "werk kern" "werk tijdlijn";
    }
    .lg\:\[grid-template-areas\:\"werk_kern\"_\"werk_tijdlijn\"\] {
      grid-template-areas: "werk kern" "werk tijdlijn";
    }
    .lg\:group-focus-within\:flex:is(:where(.group):focus-within *) {
      display: flex;
    }
    .lg\:group-focus-within\:hidden:is(:where(.group):focus-within *) {
      display: none;
    }
    .lg\:group-focus-within\/rij\:max-w-24:is(:where(.group\/rij):focus-within *) {
      max-width: calc(var(--spacing) * 24);
    }
    .lg\:group-focus-within\/rij\:opacity-100:is(:where(.group\/rij):focus-within *) {
      opacity: 100%;
    }
    @media (hover: hover) {
      .lg\:group-hover\:flex:is(:where(.group):hover *) {
        display: flex;
      }
      .lg\:group-hover\:hidden:is(:where(.group):hover *) {
        display: none;
      }
      .lg\:group-hover\/cl\:opacity-100:is(:where(.group\/cl):hover *) {
        opacity: 100%;
      }
      .lg\:group-hover\/rij\:max-w-24:is(:where(.group\/rij):hover *) {
        max-width: calc(var(--spacing) * 24);
      }
      .lg\:group-hover\/rij\:opacity-100:is(:where(.group\/rij):hover *) {
        opacity: 100%;
      }
    }
    .lg\:focus-visible\:opacity-100:focus-visible {
      opacity: 100%;
    }
    .lg\:aria-expanded\:opacity-100[aria-expanded="true"] {
      opacity: 100%;
    }
    @media (width < 1599px) {
      .lg\:max-\[1599px\]\:grid {
        display: grid;
      }
      .lg\:max-\[1599px\]\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .lg\:max-\[1599px\]\:items-start {
        align-items: flex-start;
      }
    }
  }
  @media (width >= 80rem) {
    .xl\:sticky {
      position: sticky;
    }
    .xl\:top-4 {
      top: calc(var(--spacing) * 4);
    }
    .xl\:top-6 {
      top: calc(var(--spacing) * 6);
    }
    .xl\:block {
      display: block;
    }
    .xl\:flex {
      display: flex;
    }
    .xl\:grid {
      display: grid;
    }
    .xl\:inline {
      display: inline;
    }
    .xl\:inline-flex {
      display: inline-flex;
    }
    .xl\:table-cell {
      display: table-cell;
    }
    .xl\:min-h-\(--bord-hoogte\) {
      min-height: var(--bord-hoogte);
    }
    .xl\:w-12 {
      width: calc(var(--spacing) * 12);
    }
    .xl\:max-w-\[22rem\] {
      max-width: 22rem;
    }
    .xl\:max-w-\[56\%\] {
      max-width: 56%;
    }
    .xl\:max-w-\[60\%\] {
      max-width: 60%;
    }
    .xl\:min-w-0 {
      min-width: 0px;
    }
    .xl\:flex-1 {
      flex: 1;
    }
    .xl\:shrink-0 {
      flex-shrink: 0;
    }
    .xl\:basis-0 {
      flex-basis: 0px;
    }
    .xl\:basis-auto {
      flex-basis: auto;
    }
    .xl\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .xl\:grid-cols-\[18rem_minmax\(0\,1fr\)\] {
      grid-template-columns: 18rem minmax(0,1fr);
    }
    .xl\:grid-cols-\[minmax\(0\,1fr\)_4\.5rem_4\.5rem_6\.25rem_5rem_4rem\] {
      grid-template-columns: minmax(0,1fr) 4.5rem 4.5rem 6.25rem 5rem 4rem;
    }
    .xl\:grid-cols-\[minmax\(0\,1fr\)_300px\] {
      grid-template-columns: minmax(0,1fr) 300px;
    }
    .xl\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\] {
      grid-template-columns: minmax(0,5fr) minmax(0,7fr);
    }
    .xl\:grid-cols-\[minmax\(0\,520px\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,520px) minmax(0,1fr);
    }
    .xl\:grid-cols-\[repeat\(2\,max-content\)\] {
      grid-template-columns: repeat(2,max-content);
    }
    .xl\:flex-col {
      flex-direction: column;
    }
    .xl\:flex-row {
      flex-direction: row;
    }
    .xl\:items-end {
      align-items: flex-end;
    }
    .xl\:items-start {
      align-items: flex-start;
    }
    .xl\:items-stretch {
      align-items: stretch;
    }
    .xl\:justify-between {
      justify-content: space-between;
    }
    .xl\:justify-end {
      justify-content: flex-end;
    }
    .xl\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
    .xl\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    .xl\:gap-x-10 {
      column-gap: calc(var(--spacing) * 10);
    }
    .xl\:gap-x-12 {
      column-gap: calc(var(--spacing) * 12);
    }
    .xl\:self-start {
      align-self: flex-start;
    }
    .xl\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }
    .xl\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
    .xl\:pt-0 {
      padding-top: 0px;
    }
    .xl\:text-center {
      text-align: center;
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:flex {
      display: flex;
    }
    .\32 xl\:hidden {
      display: none;
    }
    .\32 xl\:inline {
      display: inline;
    }
    .\32 xl\:table-cell {
      display: table-cell;
    }
    .\32 xl\:min-h-\[7\.5rem\] {
      min-height: 7.5rem;
    }
    .\32 xl\:w-72 {
      width: calc(var(--spacing) * 72);
    }
    .\32 xl\:max-w-\[28rem\] {
      max-width: 28rem;
    }
    .\32 xl\:max-w-\[60rem\] {
      max-width: 60rem;
    }
    .\32 xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .\32 xl\:grid-cols-\[2\.5rem_minmax\(0\,1fr\)_minmax\(0\,22rem\)\] {
      grid-template-columns: 2.5rem minmax(0,1fr) minmax(0,22rem);
    }
    .\32 xl\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 112.5rem) {
    .breed\:sticky {
      position: sticky;
    }
    .breed\:top-4 {
      top: calc(var(--spacing) * 4);
    }
    .breed\:col-span-1 {
      grid-column: span 1 / span 1;
    }
    .breed\:block {
      display: block;
    }
    .breed\:flex {
      display: flex;
    }
    .breed\:grid {
      display: grid;
    }
    .breed\:hidden {
      display: none;
    }
    .breed\:inline {
      display: inline;
    }
    .breed\:inline-flex {
      display: inline-flex;
    }
    .breed\:w-72 {
      width: calc(var(--spacing) * 72);
    }
    .breed\:max-w-xl {
      max-width: var(--container-xl);
    }
    .breed\:flex-1 {
      flex: 1;
    }
    .breed\:shrink-0 {
      flex-shrink: 0;
    }
    .breed\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .breed\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .breed\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .breed\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .breed\:grid-cols-\[20rem_minmax\(0\,1fr\)_23\.75rem\] {
      grid-template-columns: 20rem minmax(0,1fr) 23.75rem;
    }
    .breed\:grid-cols-\[360px_minmax\(0\,1160px\)_minmax\(360px\,1fr\)\] {
      grid-template-columns: 360px minmax(0,1160px) minmax(360px,1fr);
    }
    .breed\:grid-cols-\[380px_minmax\(0\,1400px\)\] {
      grid-template-columns: 380px minmax(0,1400px);
    }
    .breed\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.5fr\)_minmax\(0\,0\.55fr\)\] {
      grid-template-columns: minmax(0,0.8fr) minmax(0,1.5fr) minmax(0,0.55fr);
    }
    .breed\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.5fr\)_minmax\(0\,0\.6fr\)\] {
      grid-template-columns: minmax(0,0.9fr) minmax(0,1.5fr) minmax(0,0.6fr);
    }
    .breed\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.25fr\)_minmax\(0\,0\.75fr\)\] {
      grid-template-columns: minmax(0,0.85fr) minmax(0,1.25fr) minmax(0,0.75fr);
    }
    .breed\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.35fr\)_minmax\(0\,0\.6fr\)\] {
      grid-template-columns: minmax(0,0.85fr) minmax(0,1.35fr) minmax(0,0.6fr);
    }
    .breed\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.45fr\)_minmax\(0\,0\.62fr\)\] {
      grid-template-columns: minmax(0,0.85fr) minmax(0,1.45fr) minmax(0,0.62fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(10rem\,1\.2fr\)_4rem_4rem_7rem_9rem\] {
      grid-template-columns: minmax(0,1.1fr) minmax(10rem,1.2fr) 4rem 4rem 7rem 9rem;
    }
    .breed\:grid-cols-\[minmax\(0\,1\.3fr\)_8\.5rem_4rem_3\.5rem_minmax\(0\,1\.2fr\)_auto\] {
      grid-template-columns: minmax(0,1.3fr) 8.5rem 4rem 3.5rem minmax(0,1.2fr) auto;
    }
    .breed\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.6fr\)\] {
      grid-template-columns: minmax(0,1.3fr) minmax(0,1fr) minmax(0,0.6fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.75fr\)\] {
      grid-template-columns: minmax(0,1.3fr) minmax(0,1fr) minmax(0,0.75fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.5fr\)_9rem_5\.5rem_9rem_6rem_auto_auto\] {
      grid-template-columns: minmax(0,1.5fr) 9rem 5.5rem 9rem 6rem auto auto;
    }
    .breed\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.6fr\)\] {
      grid-template-columns: minmax(0,1.5fr) minmax(0,1fr) minmax(0,0.6fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.7fr\)\] {
      grid-template-columns: minmax(0,1.5fr) minmax(0,1fr) minmax(0,0.7fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.8fr\)\] {
      grid-template-columns: minmax(0,1.5fr) minmax(0,1fr) minmax(0,0.8fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.5fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.75fr\)\] {
      grid-template-columns: minmax(0,1.5fr) minmax(0,1fr) minmax(0,0.75fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.6fr\)\] {
      grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(0,0.6fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.7fr\)\] {
      grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(0,0.7fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.8fr\)\] {
      grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(0,0.8fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.75fr\)\] {
      grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(0,0.75fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.6fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.85fr\)\] {
      grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(0,0.85fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.7fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.8fr\)\] {
      grid-template-columns: minmax(0,1.7fr) minmax(0,1fr) minmax(0,0.8fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.7fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.85fr\)\] {
      grid-template-columns: minmax(0,1.7fr) minmax(0,1fr) minmax(0,0.85fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.8fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.8fr\)\] {
      grid-template-columns: minmax(0,1.8fr) minmax(0,1fr) minmax(0,0.8fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.8fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.85fr\)\] {
      grid-template-columns: minmax(0,1.8fr) minmax(0,1fr) minmax(0,0.85fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.6fr\)\] {
      grid-template-columns: minmax(0,1.15fr) minmax(0,1fr) minmax(0,0.6fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.75fr\)\] {
      grid-template-columns: minmax(0,1.15fr) minmax(0,1fr) minmax(0,0.75fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.75fr\)\] {
      grid-template-columns: minmax(0,1.25fr) minmax(0,1fr) minmax(0,0.75fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.7fr\)\] {
      grid-template-columns: minmax(0,1.35fr) minmax(0,1fr) minmax(0,0.7fr);
    }
    .breed\:grid-cols-\[minmax\(0\,1fr\)_5rem_5\.25rem_6\.75rem_auto_6\.75rem_2\.25rem\] {
      grid-template-columns: minmax(0,1fr) 5rem 5.25rem 6.75rem auto 6.75rem 2.25rem;
    }
    .breed\:grid-cols-\[minmax\(0\,1fr\)_5rem_5\.25rem_6\.75rem_auto_6\.75rem_11rem_2\.25rem\] {
      grid-template-columns: minmax(0,1fr) 5rem 5.25rem 6.75rem auto 6.75rem 11rem 2.25rem;
    }
    .breed\:grid-cols-\[minmax\(0\,1fr\)_5rem_5\.25rem_6\.75rem_auto_11rem_2\.25rem\] {
      grid-template-columns: minmax(0,1fr) 5rem 5.25rem 6.75rem auto 11rem 2.25rem;
    }
    .breed\:grid-cols-\[minmax\(0\,1fr\)_520px\] {
      grid-template-columns: minmax(0,1fr) 520px;
    }
    .breed\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_minmax\(320px\,420px\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(320px,420px);
    }
    .breed\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,24rem\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,24rem);
    }
    .breed\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,26rem\)_minmax\(0\,23rem\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,26rem) minmax(0,23rem);
    }
    .breed\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,27rem\)_minmax\(0\,23rem\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,27rem) minmax(0,23rem);
    }
    .breed\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,32rem\)\] {
      grid-template-columns: minmax(0,1fr) minmax(0,32rem);
    }
    .breed\:grid-cols-\[minmax\(0\,1fr\)_minmax\(320px\,400px\)_minmax\(280px\,340px\)\] {
      grid-template-columns: minmax(0,1fr) minmax(320px,400px) minmax(280px,340px);
    }
    .breed\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,0\.9fr\)_minmax\(0\,0\.75fr\)\] {
      grid-template-columns: minmax(0,2fr) minmax(0,0.9fr) minmax(0,0.75fr);
    }
    .breed\:grid-cols-\[minmax\(0\,6fr\)_minmax\(0\,4fr\)_minmax\(0\,3fr\)\] {
      grid-template-columns: minmax(0,6fr) minmax(0,4fr) minmax(0,3fr);
    }
    .breed\:grid-cols-\[minmax\(0\,45fr\)_minmax\(0\,32fr\)_minmax\(0\,23fr\)\] {
      grid-template-columns: minmax(0,45fr) minmax(0,32fr) minmax(0,23fr);
    }
    .breed\:grid-cols-\[minmax\(340px\,440px\)_minmax\(0\,1fr\)_minmax\(320px\,400px\)\] {
      grid-template-columns: minmax(340px,440px) minmax(0,1fr) minmax(320px,400px);
    }
    .breed\:grid-cols-\[repeat\(auto-fill\,minmax\(19rem\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fill,minmax(19rem,1fr));
    }
    .breed\:grid-rows-1 {
      grid-template-rows: repeat(1, minmax(0, 1fr));
    }
    .breed\:grid-rows-\[auto_1fr\] {
      grid-template-rows: auto 1fr;
    }
    .breed\:flex-row {
      flex-direction: row;
    }
    .breed\:items-center {
      align-items: center;
    }
    .breed\:items-end {
      align-items: flex-end;
    }
    .breed\:items-start {
      align-items: flex-start;
    }
    .breed\:justify-between {
      justify-content: space-between;
    }
    .breed\:justify-end {
      justify-content: flex-end;
    }
    .breed\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
    .breed\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }
    :where(.breed\:space-y-0 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: 0;
      margin-block-end: 0;
    }
    .breed\:gap-x-9 {
      column-gap: calc(var(--spacing) * 9);
    }
    .breed\:self-start {
      align-self: flex-start;
    }
    .breed\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
    .breed\:pb-1 {
      padding-bottom: var(--spacing);
    }
    .breed\:pb-7 {
      padding-bottom: calc(var(--spacing) * 7);
    }
    .breed\:\[--bordkolom-max\:560px\] {
      --bordkolom-max: 560px;
    }
    .breed\:\[grid-template-areas\:\"kern_eerst\"_\"kern_werk\"\] {
      grid-template-areas: "kern eerst" "kern werk";
    }
    .breed\:\[grid-template-areas\:\"kern_eerst_tijdlijn\"_\"kern_werk_tijdlijn\"\] {
      grid-template-areas: "kern eerst tijdlijn" "kern werk tijdlijn";
    }
    .breed\:\[grid-template-areas\:\"kern_werk\"\] {
      grid-template-areas: "kern werk";
    }
    .breed\:\[grid-template-areas\:\"kern_werk_tijdlijn\"\] {
      grid-template-areas: "kern werk tijdlijn";
    }
  }
  @container (width >= 200px) {
    .\@min-\[200px\]\:inline {
      display: inline;
    }
  }
  @container (width >= 6.5rem) {
    .\@\[6\.5rem\]\:hidden {
      display: none;
    }
    .\@\[6\.5rem\]\:inline {
      display: inline;
    }
  }
  @container (width >= 24rem) {
    .\@sm\:flex {
      display: flex;
    }
    .\@sm\:hidden {
      display: none;
    }
  }
  @container (width >= 32rem) {
    .\@lg\:block {
      display: block;
    }
    .\@lg\:flex {
      display: flex;
    }
    .\@lg\:hidden {
      display: none;
    }
    .\@lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .\@lg\:grid-cols-\[1\.5rem_minmax\(0\,1fr\)_minmax\(6rem\,9rem\)_auto\] {
      grid-template-columns: 1.5rem minmax(0,1fr) minmax(6rem,9rem) auto;
    }
  }
  @container (width >= 36rem) {
    .\@\[36rem\]\:visible {
      visibility: visible;
    }
    .\@xl\:inline {
      display: inline;
    }
    .\@xl\:w-12 {
      width: calc(var(--spacing) * 12);
    }
    .\@xl\:w-\[12\.5rem\] {
      width: 12.5rem;
    }
    .\@xl\:w-\[24\%\] {
      width: 24%;
    }
    .\@xl\:min-w-\[7\.5rem\] {
      min-width: 7.5rem;
    }
    .\@xl\:p-2\.5 {
      padding: calc(var(--spacing) * 2.5);
    }
    .\@xl\:p-3 {
      padding: calc(var(--spacing) * 3);
    }
  }
  @container (width >= 42rem) {
    .\@2xl\:flex {
      display: flex;
    }
    .\@2xl\:inline-flex {
      display: inline-flex;
    }
  }
  @container (width >= 48rem) {
    .\@3xl\:block {
      display: block;
    }
    .\@3xl\:flex {
      display: flex;
    }
    .\@3xl\:hidden {
      display: none;
    }
    .\@3xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .\@3xl\:grid-cols-\[1\.5rem_minmax\(0\,1fr\)_minmax\(7rem\,10rem\)_4\.5rem_minmax\(7rem\,9\.5rem\)_7\.5rem\] {
      grid-template-columns: 1.5rem minmax(0,1fr) minmax(7rem,10rem) 4.5rem minmax(7rem,9.5rem) 7.5rem;
    }
    .\@3xl\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,1\.35fr\)_minmax\(9rem\,0\.75fr\)_8\.5rem\] {
      grid-template-columns: minmax(0,1.05fr) minmax(0,1.35fr) minmax(9rem,0.75fr) 8.5rem;
    }
    .\@3xl\:items-center {
      align-items: center;
    }
  }
  @container (width >= 56rem) {
    .\@4xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(260px\,300px\)\] {
      grid-template-columns: minmax(0,1fr) minmax(260px,300px);
    }
    .\@4xl\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
    .\@4xl\:pt-11 {
      padding-top: calc(var(--spacing) * 11);
    }
  }
  @media (pointer: coarse) {
    .pointer-coarse\:before\:-inset-2\.5::before {
      content: var(--tw-content);
      inset: calc(var(--spacing) * -2.5);
    }
  }
  .\[\&_\:is\(p\,h3\,h4\,li\)\]\:text-kritiek-tekst :is(p, h3, h4, li) {
    color: var(--color-kritiek-tekst);
  }
  .\[\&_\:is\(p\,h3\,h4\,li\)\]\:line-through :is(p, h3, h4, li) {
    text-decoration-line: line-through;
  }
  .\[\&_\:is\(p\,h3\,h4\,li\)\]\:decoration-kritiek\/40 :is(p, h3, h4, li) {
    text-decoration-color: color-mix(in srgb, #c92e46 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      text-decoration-color: color-mix(in oklab, var(--color-kritiek) 40%, transparent);
    }
  }
  @media (width >= 64rem) {
    .lg\:\[\&\+\&\]\:before\:absolute + .lg\:\[\&\+\&\]\:before\:absolute::before {
      content: var(--tw-content);
      position: absolute;
    }
    .lg\:\[\&\+\&\]\:before\:inset-y-3 + .lg\:\[\&\+\&\]\:before\:inset-y-3::before {
      content: var(--tw-content);
      inset-block: calc(var(--spacing) * 3);
    }
    .lg\:\[\&\+\&\]\:before\:left-0 + .lg\:\[\&\+\&\]\:before\:left-0::before {
      content: var(--tw-content);
      left: 0px;
    }
    .lg\:\[\&\+\&\]\:before\:w-px + .lg\:\[\&\+\&\]\:before\:w-px::before {
      content: var(--tw-content);
      width: 1px;
    }
    .lg\:\[\&\+\&\]\:before\:bg-gradient-to-b + .lg\:\[\&\+\&\]\:before\:bg-gradient-to-b::before {
      content: var(--tw-content);
      --tw-gradient-position: to bottom in oklab;
      background-image: linear-gradient(var(--tw-gradient-stops));
    }
    .lg\:\[\&\+\&\]\:before\:from-transparent + .lg\:\[\&\+\&\]\:before\:from-transparent::before {
      content: var(--tw-content);
      --tw-gradient-from: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
    .lg\:\[\&\+\&\]\:before\:via-vel + .lg\:\[\&\+\&\]\:before\:via-vel::before {
      content: var(--tw-content);
      --tw-gradient-via: var(--color-vel);
      --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
      --tw-gradient-stops: var(--tw-gradient-via-stops);
    }
    .lg\:\[\&\+\&\]\:before\:to-transparent + .lg\:\[\&\+\&\]\:before\:to-transparent::before {
      content: var(--tw-content);
      --tw-gradient-to: transparent;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
    display: none;
  }
  .\[\&\:focus-visible_\.vlak-dag\]\:opacity-100:focus-visible .vlak-dag {
    opacity: 100%;
  }
  .\[\&\:hover_\.vlak-dag\]\:opacity-100:hover .vlak-dag {
    opacity: 100%;
  }
  .\[\&\>\*\]\:w-full > * {
    width: 100%;
  }
  .\[\&\>\*\]\:justify-center > * {
    justify-content: center;
  }
  .\[\&\>\*\:last-child\]\:order-first > :last-child {
    order: -9999;
  }
  @media (width >= 40rem) {
    .sm\:\[\&\>\*\:last-child\]\:order-none > :last-child {
      order: 0;
    }
  }
  .\[\&\>\*\:not\(\:last-child\)\]\:hidden > :not(:last-child) {
    display: none;
  }
  @media (width < 64rem) {
    .max-lg\:\[\&\>\*\:nth-last-child\(2\)\:nth-child\(odd\)\]\:col-span-2 > :nth-last-child(2):nth-child(odd) {
      grid-column: span 2 / span 2;
    }
  }
  .\[\&\>\[data-ja\]\]\:col-span-2 > [data-ja] {
    grid-column: span 2 / span 2;
  }
  .\[\&\>\[data-ja\]\]\:min-h-11 > [data-ja] {
    min-height: calc(var(--spacing) * 11);
  }
  .\[\&\>a\]\:ml-0 > a {
    margin-left: 0px;
  }
  .\[\&\>h3\]\:mt-1 > h3 {
    margin-top: var(--spacing);
  }
  .\[\&\>h4\]\:mt-5 > h4 {
    margin-top: calc(var(--spacing) * 5);
  }
  .\[\&\>p\]\:col-span-2 > p {
    grid-column: span 2 / span 2;
  }
  @media (hover: hover) {
    .hover\:\[\&\>span\:first-child\]\:text-blauw-diep:hover > span:first-child {
      color: var(--color-blauw-diep);
    }
  }
  @media (hover:hover) {
    .\[\@media\(hover\:hover\)\]\:opacity-0 {
      opacity: 0%;
    }
    .\[\@media\(hover\:hover\)\]\:group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
      opacity: 100%;
    }
    @media (hover: hover) {
      .\[\@media\(hover\:hover\)\]\:group-hover\:opacity-100:is(:where(.group):hover *) {
        opacity: 100%;
      }
    }
  }
  @media (hover:none) {
    .\[\@media\(hover\:none\)\]\:opacity-100 {
      opacity: 100%;
    }
  }
  [data-grafiek-kaart]:hover .\[\[data-grafiek-kaart\]\:hover_\&\]\:opacity-100 {
    opacity: 100%;
  }
  tr:hover .\[tr\:hover_\&\]\:opacity-100 {
    opacity: 100%;
  }
}
@font-face {
  font-family: 'Wix Madefor Text Variable';
  font-style: normal;
  font-weight: 400 800;
  font-display: block;
  src: url(/fonts/madefor-text-latin.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Wix Madefor Text Variable';
  font-style: normal;
  font-weight: 400 800;
  font-display: block;
  src: url(/fonts/madefor-text-latin-ext.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Wix Madefor Display Variable';
  font-style: normal;
  font-weight: 400 800;
  font-display: block;
  src: url(/fonts/madefor-display-latin.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Wix Madefor Display Variable';
  font-style: normal;
  font-weight: 400 800;
  font-display: block;
  src: url(/fonts/madefor-display-latin-ext.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
:root {
  --letter-kenmerken: 'calt' 1;
  --achtergrond-boven: #f4f5fd;
  --achtergrond-midden: #eef0fb;
  --achtergrond-onder: #e9ecfa;
  --achtergrond-vervaging: 236, 239, 251;
  --achtergrond-vlek-1: 37, 57, 233;
  --achtergrond-vlek-1-waas: 37, 57, 233;
  --achtergrond-vlek-2: 140, 150, 255;
  --achtergrond-vlek-2-waas: 150, 165, 255;
  --achtergrond-vlek-3: 165, 215, 255;
  --achtergrond-vlek-3-waas: 170, 215, 255;
  --achtergrond-verloop-sterkte: 1;
  --achtergrond-vlek-ochtend: 255, 190, 140;
  --achtergrond-vlek-ochtend-2: 255, 222, 170;
  --achtergrond-vlek-avond: 28, 40, 170;
  --achtergrond-vlek-avond-2: 70, 60, 200;
  --glas-tint: 255, 255, 255;
  --lijn: 18, 22, 58;
  --link-hover: var(--color-blauw);
  --blauw-diep-vlak: #1a2bc2;
  --glas-k-paneel: 1;
  --glas-o-paneel: 0;
  --glas-k-kaart: 1;
  --glas-o-kaart: 0;
  --glas-k-zwevend: 1;
  --glas-o-zwevend: 0;
  --glas-k-balk: 0.75;
  --glas-o-balk: 0.25;
  --actief-licht: rgb(var(--glas-tint));
  --actief-licht-rand: 0 0 #0000;
  --actief-blauw: var(--color-blauw-50);
  --actief-menu: rgb(var(--glas-tint));
  --actief-menu-rand: 0 0 #0000;
  --glas-k-sterk: var(--glas-k-paneel);
  --glas-o-sterk: var(--glas-o-paneel);
  --glas-sterk-mix: 0;
  --glas-vervaging-zwevend: 24px;
  --glas-vervaging-menu: 28px;
  --glas-vlak: 0;
  --glas-glans: inset 0 1px 0 rgba(255, 255, 255, 0.85);
  --glas-lichtlijn: inset 0 1px 0 rgba(255, 255, 255, 0.8);
  --glas-rand: 0 0 #0000;
  --glas-schaduw: 0 1px 1px rgba(18, 22, 58, 0.03), 0 24px 60px -28px rgba(37, 57, 233, 0.22);
  --glas-schaduw-kaart: 0 1px 1px rgba(18, 22, 58, 0.03), 0 10px 30px -18px rgba(37, 57, 233, 0.18);
  --glas-schaduw-knop: 0 8px 20px -8px rgba(37, 57, 233, 0.55);
  --glas-schaduw-knop-wit: 0 1px 1.5px rgba(18, 22, 58, 0.06), 0 6px 14px -10px rgba(37, 57, 233, 0.22);
  --glas-schaduw-knop-wit-hover: 0 1px 2px rgba(18, 22, 58, 0.06), 0 9px 18px -10px rgba(37, 57, 233, 0.28);
  --glas-schaduw-veld: inset 0 1px 2px rgba(18, 22, 58, 0.06);
  --glas-schaduw-donker: 0 18px 40px -20px rgba(12, 21, 96, 0.55);
  --glas-schaduw-donker-open: 0 2px 4px -1px rgba(12, 21, 96, 0.18), 0 26px 48px -26px rgba(12, 21, 96, 0.6);
  --glas-schaduw-zweef: 0 2px 2px rgba(18, 22, 58, 0.03), 0 22px 44px -18px rgba(37, 57, 233, 0.32);
}
html[data-donker] {
  --color-module-mijn-dag: #6289fe;
  --color-module-mijn-dag-zacht: #1b2451;
  --color-module-taken: #bd78b7;
  --color-module-taken-zacht: #292146;
  --color-module-agenda: #5797c2;
  --color-module-agenda-zacht: #192647;
  --color-module-bellen: #9688c8;
  --color-module-bellen-zacht: #232448;
  --color-module-klanten: #6289fe;
  --color-module-klanten-zacht: #1b2451;
  --color-module-verkoop: #d764b7;
  --color-module-verkoop-zacht: #2d1e46;
  --color-module-marketing: #6f8fd2;
  --color-module-marketing-zacht: #1d254a;
  --color-module-groei: #b075e3;
  --color-module-groei-zacht: #27214d;
  --color-module-administratie: #888fad;
  --color-module-administratie-zacht: #212544;
  --color-module-agents: #bd72db;
  --color-module-agents-zacht: #29214b;
  --color-module-academie: #4d9ab1;
  --color-module-academie-zacht: #172745;
  --color-module-automatiseringen: #9982d5;
  --color-module-automatiseringen-zacht: #23234a;
  --color-module-instellingen: #a08997;
  --color-module-instellingen-zacht: #252440;
  --color-module-systeem: #7a93a3;
  --color-module-systeem-zacht: #1e2642;
  color-scheme: dark;
  --color-lucht: #0d1130;
  --color-lucht-2: #0a0d26;
  --color-inkt: #eef0ff;
  --color-inkt-2: #c9cdea;
  --color-inkt-3: #a9aed2;
  --color-inkt-4: #575b7b;
  --color-blauw-diep: #8faefe;
  --color-blauw-50: #222a51;
  --color-blauw-100: #2f3a66;
  --color-koers: #6ac099;
  --color-koers-tekst: #6ac099;
  --color-koers-zacht: #1c2d41;
  --color-aandacht: #e1a45e;
  --color-aandacht-tekst: #e1a45e;
  --color-aandacht-zacht: #2f2937;
  --color-kritiek: #fe9095;
  --color-kritiek-tekst: #fe9095;
  --color-kritiek-zacht: #342540;
  --color-onbekend: #a9afd3;
  --color-onbekend-tekst: #a9afd3;
  --color-onbekend-zacht: #262a4a;
  --color-kritiek-zacht-2: #4c324a;
  --color-groei: #5ebfb9;
  --color-groei-tekst: #5ebfb9;
  --color-groei-zacht: #1a2d46;
  --color-relatie: #ff8bc6;
  --color-relatie-tekst: #ff8bc6;
  --color-relatie-zacht: #342548;
  --color-ads: #e0a549;
  --color-ads-tekst: #e0a549;
  --color-ads-zacht: #2f2934;
  --color-site: #66bbe1;
  --color-site-tekst: #66bbe1;
  --color-site-zacht: #1b2c4c;
  --color-gesprek: #aea7fe;
  --color-inkt-omgekeerd: #0d1130;
  --glas-tint: 24, 29, 69;
  --lijn: 238, 240, 255;
  --glas-glans: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --glas-lichtlijn: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --achtergrond-boven: #141a45;
  --achtergrond-midden: #0d1130;
  --achtergrond-onder: #0a0d26;
  --achtergrond-vervaging: 13, 17, 48;
  --achtergrond-vlek-1: 40, 50, 140;
  --achtergrond-vlek-1-waas: 40, 50, 140;
  --achtergrond-vlek-2: 60, 50, 150;
  --achtergrond-vlek-2-waas: 60, 50, 150;
  --achtergrond-vlek-3: 20, 60, 120;
  --achtergrond-vlek-3-waas: 20, 60, 120;
  --glas-schaduw: 0 1px 1px rgba(0, 0, 0, 0.2), 0 24px 60px -28px rgba(0, 0, 0, 0.6);
  --glas-schaduw-kaart: 0 1px 1px rgba(0, 0, 0, 0.18), 0 10px 30px -18px rgba(0, 0, 0, 0.5);
  --glas-schaduw-zweef: 0 2px 2px rgba(0, 0, 0, 0.2), 0 22px 44px -18px rgba(0, 0, 0, 0.6);
  --glas-schaduw-knop-wit: 0 1px 1.5px rgba(0, 0, 0, 0.25), 0 6px 14px -10px rgba(0, 0, 0, 0.5);
  --glas-schaduw-knop-wit-hover: 0 1px 2px rgba(0, 0, 0, 0.25), 0 9px 18px -10px rgba(0, 0, 0, 0.6);
  --glas-schaduw-veld: inset 0 1px 2px rgba(0, 0, 0, 0.25);
  --actief-licht: #12163a;
  @supports (color: color-mix(in lab, red, red)) {
    --actief-licht: color-mix(in srgb, var(--color-inkt) 10%, rgb(var(--glas-tint)));
  }
  --actief-menu: #12163a;
  @supports (color: color-mix(in lab, red, red)) {
    --actief-menu: color-mix(in srgb, var(--color-inkt) 12%, rgb(var(--glas-tint)));
  }
  --skelet-vlak: color-mix(in srgb, #12163a 8%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --skelet-vlak: color-mix(in srgb, var(--color-inkt) 8%, transparent);
  }
  --skelet-glans: rgba(var(--lijn), 0.07);
  --link-hover: var(--color-inkt);
}
html[data-donker] .text-blauw, html[data-donker] .max-md\:text-blauw, html[data-donker] .marker\:text-blauw::marker {
  color: var(--color-blauw-diep);
}
html[data-donker] .hover\:text-blauw:hover, html[data-donker] .focus\:text-blauw:focus, html[data-donker] .group:hover .group-hover\:text-blauw, html[data-donker] a.text-blauw-diep:hover, html[data-donker] a.text-blauw:hover {
  color: var(--link-hover);
}
html[data-donker] .bg-blauw-diep, html[data-donker] .hover\:bg-blauw-diep:hover {
  background-color: var(--blauw-diep-vlak);
}
html[data-donker] .bg-blauw-50, html[data-donker] .bg-blauw-100 {
  --color-blauw-nacht: var(--color-blauw-diep);
}
html[data-donker] .text-white, html[data-donker] .\!text-white, html[data-donker] .hover\:text-white:hover {
  --color-koers: #10805a;
  --color-koers-tekst: #0a6b4a;
  --color-koers-zacht: #d9f3e8;
  --color-aandacht: #a56704;
  --color-aandacht-tekst: #875200;
  --color-aandacht-zacht: #fbeed3;
  --color-kritiek: #c92e46;
  --color-kritiek-tekst: #b02039;
  --color-kritiek-zacht: #fde1e7;
  --color-onbekend: #6d7296;
  --color-onbekend-tekst: #5a6090;
  --color-onbekend-zacht: #ebecf5;
  --color-groei: #02837d;
  --color-groei-tekst: #0b6763;
  --color-groei-zacht: #daf2ef;
  --color-relatie: #c2418a;
  --color-relatie-tekst: #8a2462;
  --color-relatie-zacht: #fbe4f0;
  --color-ads: #9d6a06;
  --color-ads-tekst: #7a4f00;
  --color-ads-zacht: #fbf1da;
  --color-site: #0e7fa6;
  --color-site-tekst: #0a5f7d;
  --color-site-zacht: #dcf0f6;
  --color-kritiek-zacht-2: #fbd3dc;
  --color-gesprek: #6a4fd6;
}
html[data-donker] .bg-papier, html[data-donker] .licht-vel {
  color-scheme: light;
  --color-inkt: #12163a;
  --color-inkt-2: #454a70;
  --color-inkt-3: #5a6090;
  --color-inkt-4: #a6aac6;
  --color-blauw-diep: #1a2bc2;
  --color-blauw-50: #eef0ff;
  --color-blauw-100: #dfe3ff;
  --color-koers: #10805a;
  --color-koers-tekst: #0a6b4a;
  --color-koers-zacht: #d9f3e8;
  --color-aandacht: #a86a0c;
  --color-aandacht-tekst: #875200;
  --color-aandacht-zacht: #fbeed3;
  --color-kritiek: #c92e46;
  --color-kritiek-tekst: #b02039;
  --color-kritiek-zacht: #fde1e7;
  --color-kritiek-zacht-2: #fbd3dc;
  --color-onbekend: #7a7fa4;
  --color-onbekend-tekst: #5a6090;
  --color-onbekend-zacht: #ebecf5;
  --color-groei: #12938d;
  --color-groei-tekst: #0b6763;
  --color-groei-zacht: #daf2ef;
  --color-relatie: #c2418a;
  --color-relatie-tekst: #8a2462;
  --color-relatie-zacht: #fbe4f0;
  --color-ads: #c98a12;
  --color-ads-tekst: #7a4f00;
  --color-ads-zacht: #fbf1da;
  --color-site: #0e7fa6;
  --color-site-tekst: #0a5f7d;
  --color-site-zacht: #dcf0f6;
  --color-gesprek: #6a4fd6;
  --color-inkt-omgekeerd: #ffffff;
  --glas-tint: 255, 255, 255;
  --color-vel: rgb(var(--glas-tint));
  --lijn: 18, 22, 58;
  --link-hover: var(--color-blauw);
  --klant-accent-inkt: var(--klant-accent-inkt-licht, #1a2bc2);
  --klant-accent-zacht: var(--klant-accent-zacht-licht, #eef0ff);
}
[style*='--klant-accent-inkt-licht'], html[data-donker] :is(.bg-papier, .licht-vel)[style*='--klant-accent-inkt-licht'], html[data-donker] :is(.bg-papier, .licht-vel) [style*='--klant-accent-inkt-licht'] {
  --klant-accent-inkt: var(--klant-accent-inkt-licht);
  --klant-accent-zacht: var(--klant-accent-zacht-licht);
}
html[data-donker] .werkruimte-stip {
  box-shadow: 0 0 0 1.5px color-mix(in srgb, #12163a 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 1.5px color-mix(in srgb, var(--color-inkt) 55%, transparent);
  }
}
html[data-donker] [style*='--klant-accent-inkt-licht'] {
  --klant-accent-inkt: var(--klant-accent-inkt-donker);
  --klant-accent-zacht: var(--klant-accent-zacht-donker);
}
:root {
  --module-accent: var(--color-module-mijn-dag);
  --module-accent-zacht: var(--color-module-mijn-dag-zacht);
}
html[data-module='mijn-dag'] {
  --module-accent: var(--color-module-mijn-dag);
  --module-accent-zacht: var(--color-module-mijn-dag-zacht);
}
html[data-module='taken'] {
  --module-accent: var(--color-module-taken);
  --module-accent-zacht: var(--color-module-taken-zacht);
}
html[data-module='agenda'] {
  --module-accent: var(--color-module-agenda);
  --module-accent-zacht: var(--color-module-agenda-zacht);
}
html[data-module='bellen'] {
  --module-accent: var(--color-module-bellen);
  --module-accent-zacht: var(--color-module-bellen-zacht);
}
html[data-module='klanten'] {
  --module-accent: var(--color-module-klanten);
  --module-accent-zacht: var(--color-module-klanten-zacht);
}
html[data-module='verkoop'] {
  --module-accent: var(--color-module-verkoop);
  --module-accent-zacht: var(--color-module-verkoop-zacht);
}
html[data-module='marketing'] {
  --module-accent: var(--color-module-marketing);
  --module-accent-zacht: var(--color-module-marketing-zacht);
}
html[data-module='groei'] {
  --module-accent: var(--color-module-groei);
  --module-accent-zacht: var(--color-module-groei-zacht);
}
html[data-module='administratie'] {
  --module-accent: var(--color-module-administratie);
  --module-accent-zacht: var(--color-module-administratie-zacht);
}
html[data-module='agents'] {
  --module-accent: var(--color-module-agents);
  --module-accent-zacht: var(--color-module-agents-zacht);
}
html[data-module='academie'] {
  --module-accent: var(--color-module-academie);
  --module-accent-zacht: var(--color-module-academie-zacht);
}
html[data-module='automatiseringen'] {
  --module-accent: var(--color-module-automatiseringen);
  --module-accent-zacht: var(--color-module-automatiseringen-zacht);
}
html[data-module='instellingen'] {
  --module-accent: var(--color-module-instellingen);
  --module-accent-zacht: var(--color-module-instellingen-zacht);
}
html[data-module='systeem'] {
  --module-accent: var(--color-module-systeem);
  --module-accent-zacht: var(--color-module-systeem-zacht);
}
:root {
  --klant-accent: #2539e9;
  --klant-accent-inkt: #1a2bc2;
  --klant-accent-zacht: #eef0ff;
  --klant-gloed: rgba(37, 57, 233, 0.22);
  --klant-gloed-2: rgba(120, 140, 255, 0.16);
}
@layer base {
  html {
    color-scheme: light;
    scrollbar-width: none;
    background-color: var(--color-lucht);
  }
  * {
    scrollbar-width: none;
  }
  *::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
  input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-results-button {
    -webkit-appearance: none;
    appearance: none;
    display: none;
  }
  textarea {
    resize: none;
  }
  body {
    margin: 0px;
    background-color: var(--color-lucht);
    font-family: var(--font-sans);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-inkt);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: var(--letter-kenmerken);
    text-rendering: optimizeLegibility;
  }
  html[data-mini-balk], html[data-mini-balk] body {
    background: transparent;
  }
  button, input, select, textarea {
    font: inherit;
    color: inherit;
  }
  :focus-visible {
    outline: 2px solid var(--color-blauw);
    outline-offset: 3px;
    border-radius: 10px;
  }
  ::selection {
    background: rgba(37, 57, 233, 0.18);
  }
  h1, h2, h3 {
    font-family: var(--font-kop);
    text-wrap: balance;
  }
}
@layer components {
  .lucht {
    position: fixed;
    inset: -40px;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    --s: var(--achtergrond-verloop-sterkte);
    --vlek-1-waas: rgba(var(--achtergrond-vlek-1-waas), calc(0.16 * var(--s)));
    --vlek-2-waas: rgba(var(--achtergrond-vlek-2-waas), calc(0.28 * var(--s)));
    --vlek-3-waas: rgba(var(--achtergrond-vlek-3-waas), calc(0.4 * var(--s)));
    background: radial-gradient(70% 50% at 12% 0%, var(--vlek-1-waas), transparent 65%), radial-gradient(50% 40% at 95% 12%, var(--vlek-2-waas), transparent 70%), radial-gradient(60% 40% at 55% 100%, var(--vlek-3-waas), transparent 70%), linear-gradient( 180deg, var(--achtergrond-boven) 0%, var(--achtergrond-midden) 55%, var(--achtergrond-onder) 100% );
  }
  .lucht.lucht-vak {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  html[data-achtergrond-verloop='uit'] .lucht {
    background: var(--achtergrond-midden);
  }
  html[data-achtergrond-verloop='uit'] .lucht::before, html[data-achtergrond-verloop='uit'] .lucht::after, html[data-achtergrond-verloop='uit'] .lucht > i {
    display: none;
  }
  html[data-achtergrond-beweging='uit'] .lucht::before, html[data-achtergrond-beweging='uit'] .lucht::after, html[data-achtergrond-beweging='uit'] .lucht > i {
    animation: none;
  }
  .lucht::before, .lucht::after, .lucht > i {
    content: '';
    position: absolute;
    border-radius: 9999px;
    will-change: transform;
    transform: translateZ(0);
  }
  .lucht::before {
    width: 52vw;
    height: 52vw;
    left: -14vw;
    top: -18vw;
    background: radial-gradient( circle, rgba(var(--achtergrond-vlek-1), calc(0.3 * var(--s))) 0%, rgba(var(--achtergrond-vlek-1), calc(0.12 * var(--s))) 30%, rgba(var(--achtergrond-vlek-1), 0) 66% );
    animation: drijf-a 46s var(--ease-uit) infinite alternate;
  }
  .lucht::after {
    width: 48vw;
    height: 48vw;
    right: -16vw;
    top: 8vh;
    background: radial-gradient( circle, rgba(var(--achtergrond-vlek-2), calc(0.42 * var(--s))) 0%, rgba(var(--achtergrond-vlek-2), calc(0.16 * var(--s))) 32%, rgba(var(--achtergrond-vlek-2), 0) 66% );
    animation: drijf-b 58s var(--ease-uit) infinite alternate;
  }
  .lucht > i {
    width: 60vw;
    height: 40vw;
    left: 22vw;
    bottom: -24vw;
    background: radial-gradient( circle, rgba(var(--achtergrond-vlek-3), calc(0.6 * var(--s))) 0%, rgba(var(--achtergrond-vlek-3), calc(0.24 * var(--s))) 32%, rgba(var(--achtergrond-vlek-3), 0) 66% );
    animation: drijf-c 52s var(--ease-uit) infinite alternate;
  }
  .lucht > b {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1.4s var(--ease-uit);
  }
  .lucht > .lucht-ochtend {
    background: radial-gradient( 48% 42% at 92% 4%, rgba(var(--achtergrond-vlek-ochtend), calc(0.34 * var(--s))), transparent 70% ), radial-gradient( 40% 36% at 30% 0%, rgba(var(--achtergrond-vlek-ochtend-2), calc(0.22 * var(--s))), transparent 70% );
  }
  .lucht > .lucht-avond {
    background: radial-gradient( 60% 50% at 10% 0%, rgba(var(--achtergrond-vlek-avond), calc(0.2 * var(--s))), transparent 70% ), radial-gradient( 70% 45% at 60% 100%, rgba(var(--achtergrond-vlek-avond-2), calc(0.24 * var(--s))), transparent 70% );
  }
  html[data-moment='ochtend'] .lucht > .lucht-ochtend, html[data-moment='avond'] .lucht > .lucht-avond {
    opacity: 1;
  }
  html[data-achtergrond-verloop='uit'] .lucht > b {
    display: none;
  }
  @media (prefers-reduced-motion: reduce) {
    .lucht > b {
      transition: none;
    }
  }
  .glas {
    background: linear-gradient( 165deg, rgba( var(--glas-tint), calc((0.7 - 0.11 * var(--glas-vlak)) * var(--glas-k-paneel) + var(--glas-o-paneel)) ), rgba( var(--glas-tint), calc((0.48 + 0.11 * var(--glas-vlak)) * var(--glas-k-paneel) + var(--glas-o-paneel)) ) );
    box-shadow: var(--shadow-glas);
    border-radius: var(--radius-paneel);
  }
  .glas-sterk, [data-nadruk] :is(.glas, .kaart-zacht):not(:is(.glas, .glas-sterk, .kaart-zacht) *) {
    background: linear-gradient( 165deg, rgba( var(--glas-tint), calc( ( 0.84 - 0.1 * var(--glas-vlak) - var(--glas-sterk-mix) * (0.14 + 0.01 * var(--glas-vlak)) ) * var(--glas-k-sterk) + var(--glas-o-sterk) ) ), rgba( var(--glas-tint), calc( ( 0.64 + 0.1 * var(--glas-vlak) - var(--glas-sterk-mix) * (0.16 - 0.01 * var(--glas-vlak)) ) * var(--glas-k-sterk) + var(--glas-o-sterk) ) ) );
    box-shadow: var(--shadow-glas);
  }
  .glas-sterk {
    border-radius: var(--radius-paneel);
  }
  .glas-zwevend {
    --glas-blur: blur(var(--glas-vervaging-zwevend)) saturate(1.5);
    background: linear-gradient( 165deg, rgba( var(--glas-tint), calc((0.78 - 0.1 * var(--glas-vlak)) * var(--glas-k-zwevend) + var(--glas-o-zwevend)) ), rgba( var(--glas-tint), calc((0.58 + 0.1 * var(--glas-vlak)) * var(--glas-k-zwevend) + var(--glas-o-zwevend)) ) );
    backdrop-filter: var(--glas-blur);
    -webkit-backdrop-filter: var(--glas-blur);
    box-shadow: var(--glas-rand), var(--shadow-zweef);
    border-radius: var(--radius-paneel);
    transform: translateZ(0);
  }
  .soort-balk {
    --glas-k-zwevend: var(--glas-k-balk);
    --glas-o-zwevend: var(--glas-o-balk);
  }
  .soort-balk .glas-zwevend:focus-within {
    background: rgba(var(--glas-tint), calc(0.9 * var(--glas-k-zwevend) + var(--glas-o-zwevend)));
  }
  .actief-zwevend {
    background: var(--actief-licht);
    box-shadow: var(--actief-licht-rand), var(--shadow-kaart);
  }
  .pil-actief {
    background: var(--color-vel);
    box-shadow: var(--shadow-kaart);
  }
  .actief-zwevend-blauw {
    background: var(--actief-blauw);
  }
  .glas-menu {
    --glas-blur: blur(var(--glas-vervaging-menu)) saturate(1.4);
    background: linear-gradient( 165deg, rgba( var(--glas-tint), calc((0.95 - 0.025 * var(--glas-vlak)) * var(--glas-k-zwevend) + var(--glas-o-zwevend)) ), rgba( var(--glas-tint), calc((0.9 + 0.025 * var(--glas-vlak)) * var(--glas-k-zwevend) + var(--glas-o-zwevend)) ) );
    backdrop-filter: var(--glas-blur);
    -webkit-backdrop-filter: var(--glas-blur);
    box-shadow: var(--glas-rand), var(--shadow-zweef);
    border-radius: var(--radius-paneel);
  }
  .glas-signaal {
    background: linear-gradient(100deg, rgba(253, 225, 231, 0.55), rgba(253, 225, 231, 0) 55%), linear-gradient( 165deg, rgba( var(--glas-tint), calc((0.7 - 0.1 * var(--glas-vlak)) * var(--glas-k-paneel) + var(--glas-o-paneel)) ), rgba( var(--glas-tint), calc((0.5 + 0.1 * var(--glas-vlak)) * var(--glas-k-paneel) + var(--glas-o-paneel)) ) );
  }
  .glas-donker {
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 40%), linear-gradient(165deg, rgba(24, 33, 110, 0.94), rgba(12, 21, 96, 0.9));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), var(--glas-schaduw-donker);
    border-radius: var(--radius-kaart);
    color: #fff;
  }
  .glas-donker :focus-visible, .glas-donker-open :focus-visible {
    outline-color: #fff;
    outline-offset: 2px;
  }
  .glas-donker .licht-vel :focus-visible, .glas-donker-open .licht-vel :focus-visible {
    outline-color: var(--color-blauw);
  }
  .glas-donker-open {
    background: radial-gradient(120% 90% at 0% 0%, rgba(92, 112, 255, 0.34), transparent 55%), radial-gradient(80% 70% at 100% 100%, rgba(37, 57, 233, 0.22), transparent 60%), linear-gradient(165deg, rgba(24, 33, 110, 0.97), rgba(12, 21, 96, 0.95));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), var(--glas-schaduw-donker-open);
    border-radius: 24px;
    color: #fff;
  }
  .glas-donker-open.blad-dicht {
    background: radial-gradient(120% 90% at 0% 0%, rgba(92, 112, 255, 0.34), transparent 55%), linear-gradient(165deg, rgb(24, 33, 110), rgb(12, 21, 96));
  }
  .donker-vlak {
    --color-inkt: #fff;
    --color-inkt-2: rgba(255, 255, 255, 0.82);
    --color-inkt-3: rgba(255, 255, 255, 0.66);
    --color-inkt-4: rgba(255, 255, 255, 0.4);
  }
  .licht-vel {
    --color-inkt: #12163a;
    --color-inkt-2: #454a70;
    --color-inkt-3: #5a6090;
    --color-inkt-4: #a6aac6;
    color: var(--color-inkt);
  }
  html[data-donker] .bg-papier {
    color: var(--color-inkt);
  }
  @supports not (backdrop-filter: blur(1px)) {
    .glas-zwevend, .glas-menu {
      background: rgba(var(--glas-tint), 0.94);
    }
  }
  .knop-wit {
    background: linear-gradient(180deg, rgba(var(--glas-tint), 0.97), rgba(var(--glas-tint), 0.9));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 -1px 0 rgba(18, 22, 58, 0.03), var(--glas-schaduw-knop-wit);
    transition: box-shadow 0.2s var(--ease-uit);
  }
  .knop-wit:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 -1px 0 rgba(18, 22, 58, 0.03), var(--glas-schaduw-knop-wit-hover);
  }
  .knop-wit:active, .knop-wit[aria-pressed='true'] {
    background: linear-gradient(180deg, rgba(244, 245, 252, 1), rgba(238, 240, 251, 1));
    box-shadow: inset 0 1px 2px rgba(18, 22, 58, 0.1), 0 1px 1px rgba(18, 22, 58, 0.04);
  }
  html[data-donker] .knop-wit:active, html[data-donker] .knop-wit[aria-pressed='true'] {
    background: var(--actief-licht);
  }
  html[data-minder-glas] .glas-zwevend, html[data-minder-glas] .glas-menu {
    --glas-blur: none;
    background: rgba(var(--glas-tint), 0.94);
  }
  .kaart {
    background: rgba(var(--glas-tint), calc(0.78 * var(--glas-k-kaart) + var(--glas-o-kaart)));
    box-shadow: var(--glas-rand), var(--shadow-kaart);
    border-radius: var(--radius-kaart);
  }
  .kaart-zacht {
    background: rgba(var(--glas-tint), calc(0.5 * var(--glas-k-kaart) + var(--glas-o-kaart)));
    border-radius: var(--radius-kaart);
  }
  .vlak-blauw {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 45%), linear-gradient(160deg, #3d50ff 0%, #2539e9 55%, #1f2fc7 100%);
    color: #fff;
    box-shadow: var(--shadow-knop);
  }
  .vlak-klant {
    background: radial-gradient(110% 130% at 0% 0%, var(--klant-gloed), transparent 58%), radial-gradient(90% 100% at 100% 100%, var(--klant-gloed-2), transparent 60%), linear-gradient( 165deg, rgba( var(--glas-tint), calc((0.8 - 0.1 * var(--glas-vlak)) * var(--glas-k-paneel) + var(--glas-o-paneel)) ), rgba( var(--glas-tint), calc((0.6 + 0.1 * var(--glas-vlak)) * var(--glas-k-paneel) + var(--glas-o-paneel)) ) );
  }
  .hero-tegel {
    background: var(--klant-accent, #2539e9);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix( in srgb, var(--klant-accent, #2539e9) 4%, rgba(var(--glas-tint), calc(0.46 * var(--glas-k-kaart) + var(--glas-o-kaart))) );
    }
    box-shadow: var(--glas-glans), inset 0 0 0 1px rgba(255, 255, 255, 0.35), inset 0 2px 6px -4px rgba(18, 22, 58, 0.12);
    border-radius: var(--radius-kaart);
  }
  .etiket {
    font-size: var(--text-klein);
    letter-spacing: var(--tw-tracking, var(--text-klein--letter-spacing));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-etiket);
    letter-spacing: var(--tracking-etiket);
    color: var(--color-inkt-3);
    text-transform: uppercase;
  }
  .getal {
    font-family: var(--font-kop);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--tracking-getal);
  }
  .cijfer, .cijfer .getal {
    font-family: var(--font-kop);
    font-weight: var(--font-weight-cijfer);
    font-variant-numeric: tabular-nums;
    letter-spacing: var(--tracking-cijfer);
  }
  .cijfer-eenheid {
    font-weight: var(--font-weight-medium);
  }
  .scheiding {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--lijn), 0.08), transparent);
  }
  .marker-punt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    border-radius: 9999px;
    background: rgb(var(--glas-tint));
    box-shadow: 0 0 0 3px var(--klant-accent, #2539e9), var(--shadow-knop);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in srgb, var(--klant-accent, #2539e9) 22%, transparent), var(--shadow-knop);
    }
    font-size: var(--text-mini);
    font-weight: var(--font-weight-semibold);
    color: var(--klant-accent-inkt, #1b2bb8);
    transition: transform 0.25s var(--ease-uit);
  }
  .marker-punt:empty::after, .marker-punt > span:empty::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 9999px;
    background: var(--klant-accent, #2539e9);
  }
  .marker-punt[data-vorm='ruit'] > span:empty::after {
    width: 6px;
    height: 6px;
    border-radius: 1.5px;
    transform: rotate(45deg);
    background: var(--color-aandacht);
  }
  .marker-punt:hover, .marker-punt:focus-visible {
    transform: scale(1.18);
  }
  .marker-punt:focus-visible {
    border-radius: 9999px;
  }
  .bordkolom {
    background: rgba(var(--glas-tint), calc(0.36 * var(--glas-k-kaart) + var(--glas-o-kaart)));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.25);
    border-radius: var(--radius-kaart);
    transition: background-color 0.3s var(--ease-uit), box-shadow 0.3s var(--ease-uit);
  }
  .bordkolom-gewonnen {
    background: #d9f3e8;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix( in srgb, var(--color-koers-zacht) 55%, rgba(var(--glas-tint), calc(0.36 * var(--glas-k-kaart) + var(--glas-o-kaart))) );
    }
  }
  .bordkolom[data-doel] {
    background: rgba(223, 227, 255, 0.85);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), var(--shadow-zweef);
  }
  .rooster-lijnen {
    background-image: repeating-linear-gradient( to bottom, rgba(var(--lijn), 0.075) 0 1px, transparent 1px var(--uur, 52px) ), repeating-linear-gradient( to bottom, transparent 0 calc(var(--uur, 52px) / 2), rgba(var(--lijn), 0.035) calc(var(--uur, 52px) / 2) calc(var(--uur, 52px) / 2 + 1px), transparent calc(var(--uur, 52px) / 2 + 1px) var(--uur, 52px) );
  }
  .rooster-kolom {
    box-shadow: inset 1px 0 0 rgba(var(--lijn), 0.07);
  }
  [data-dicht] .rooster-lijnen {
    background-image: repeating-linear-gradient( to bottom, rgba(var(--lijn), 0.075) 0 1px, transparent 1px var(--uur, 52px) );
  }
  [data-dicht] .bloktitel {
    font-size: var(--text-fijn);
    line-height: 13px;
  }
  [data-dicht] [data-item] {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .rooster-blok {
    background: var(--klant-accent-zacht);
    color: var(--klant-accent-inkt);
  }
  .rooster-blok::before, .rooster-tijdblok::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 4px;
    bottom: 4px;
    width: 3px;
    border-radius: 9999px;
    background: var(--klant-accent);
  }
  .rooster-tijdblok {
    background: rgba(var(--glas-tint), calc(0.92 * var(--glas-k-kaart) + var(--glas-o-kaart)));
    color: var(--color-inkt);
    box-shadow: inset 0 0 0 1px var(--klant-accent), var(--shadow-kaart);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--klant-accent) 12%, transparent), var(--shadow-kaart);
    }
    transition: opacity 0.25s var(--ease-uit), background-color 0.25s var(--ease-uit), transform 0.15s, box-shadow 0.15s;
  }
  .rooster-bezet {
    background: var(--color-onbekend-zacht);
    color: var(--color-onbekend-tekst);
  }
  .rooster-vink {
    width: 14px;
    height: 14px;
  }
  [data-dicht] .rooster-vink {
    width: 12px;
    height: 12px;
  }
  .rooster-blok[data-stand='nu'], .rooster-tijdblok[data-stand='nu'] {
    box-shadow: var(--shadow-kaart);
  }
  .rooster-blok[data-stand='nu']::before, .rooster-tijdblok[data-stand='nu']::before {
    width: 4px;
  }
  .rooster-blok[data-stand='voorbij'] {
    background: var(--klant-accent-zacht);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix( in srgb, var(--klant-accent-zacht) 60%, rgba(var(--glas-tint), calc(0.35 * var(--glas-k-kaart) + var(--glas-o-kaart))) );
    }
    color: var(--color-inkt-3);
  }
  .rooster-tijdblok[data-stand='voorbij'] {
    background: rgba(var(--glas-tint), calc(0.62 * var(--glas-k-kaart) + var(--glas-o-kaart)));
    color: var(--color-inkt-3);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, #12163a 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-inkt) 5%, transparent);
    }
  }
  .rooster-blok[data-stand='voorbij']::before, .rooster-tijdblok[data-stand='voorbij']::before {
    opacity: 0.5;
  }
  .rooster-bezet[data-stand='voorbij'] {
    background: color-mix(in srgb, #ebecf5 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-onbekend-zacht) 50%, transparent);
    }
  }
  .rooster-tijdblok[data-klaar] {
    opacity: 0.6;
  }
  .rooster-nacht {
    background: color-mix(in srgb, #0c1560 4.5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-blauw-nacht) 4.5%, transparent);
    }
  }
  .rooster-agent {
    --omtrek: 0 0 transparent;
    box-shadow: inset var(--omtrek);
    color: var(--color-blauw-diep);
    background: linear-gradient( 180deg, color-mix(in srgb, #2539e9 20%, transparent), color-mix(in srgb, #1a2bc2 16%, transparent) );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 180deg, color-mix(in srgb, var(--color-blauw) 20%, transparent), color-mix(in srgb, var(--color-blauw-diep) 16%, transparent) );
    }
  }
  .rooster-agent[data-stand='running'] {
    background: linear-gradient( 180deg, color-mix(in srgb, #2539e9 24%, transparent), color-mix(in srgb, #1a2bc2 22%, transparent) );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 180deg, color-mix(in srgb, var(--color-blauw) 24%, transparent), color-mix(in srgb, var(--color-blauw-diep) 22%, transparent) );
    }
  }
  .rooster-agent[data-stand='waiting'] {
    background: var(--color-aandacht-zacht);
    color: var(--color-aandacht-tekst);
    --omtrek: 0 0 0 1px color-mix(in srgb, #a86a0c 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --omtrek: 0 0 0 1px color-mix(in srgb, var(--color-aandacht) 45%, transparent);
    }
  }
  .rooster-agent[data-stand='attention'] {
    background: var(--color-kritiek-zacht);
    color: var(--color-kritiek-tekst);
  }
  .rooster-agent[data-stand='capacity'], .rooster-agent[data-stand='paused'] {
    background: color-mix(in srgb, #12163a 7%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-inkt) 7%, transparent);
    }
    color: var(--color-inkt-2);
  }
  .rooster-agent[data-stand='planned'] {
    background: rgba(var(--glas-tint), calc(0.7 * var(--glas-k-kaart) + var(--glas-o-kaart)));
    --omtrek: 0 0 0 1px color-mix(in srgb, #2539e9 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --omtrek: 0 0 0 1px color-mix(in srgb, var(--color-blauw) 30%, transparent);
    }
  }
  .rooster-stuk:hover .rooster-agent, .rooster-stuk:focus-visible .rooster-agent {
    box-shadow: var(--shadow-kaart), inset var(--omtrek);
  }
  .vervaag-rand {
    mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent);
  }
  .gestreept {
    background-color: rgba(238, 241, 255, 0.75);
    background-image: repeating-linear-gradient( 135deg, rgba(37, 57, 233, 0.1) 0 6px, transparent 6px 12px );
  }
  .gestreept-koers {
    background-color: color-mix(in srgb, #10805a 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-koers) 14%, transparent);
    }
    background-image: repeating-linear-gradient( 90deg, color-mix(in srgb, #10805a 38%, transparent) 0 4px, transparent 4px 7px );
    @supports (color: color-mix(in lab, red, red)) {
      background-image: repeating-linear-gradient( 90deg, color-mix(in oklab, var(--color-koers) 38%, transparent) 0 4px, transparent 4px 7px );
    }
  }
  .staaf-onbekend {
    background-color: color-mix(in srgb, #12163a 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-inkt) 6%, transparent);
    }
    background-image: repeating-linear-gradient( 135deg, color-mix(in srgb, #12163a 16%, transparent) 0 2px, transparent 2px 5px );
    @supports (color: color-mix(in lab, red, red)) {
      background-image: repeating-linear-gradient( 135deg, color-mix(in srgb, var(--color-inkt) 16%, transparent) 0 2px, transparent 2px 5px );
    }
  }
  .staaf-routine {
    background-image: repeating-linear-gradient( 90deg, rgba(var(--glas-tint), 0.72) 0 2px, transparent 2px 5px );
  }
  .rij-routine {
    background-image: repeating-linear-gradient( 135deg, rgba(238, 240, 255, 0.6) 0 8px, rgba(var(--glas-tint), 0.35) 8px 16px );
  }
  .baan-spoor {
    background-color: color-mix(in srgb, #0c1560 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-blauw-nacht) 5%, transparent);
    }
  }
  .baan-gelopen {
    background: linear-gradient( 90deg, color-mix(in srgb, #2539e9 30%, transparent), color-mix(in srgb, #2539e9 55%, transparent) );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 90deg, color-mix(in srgb, var(--color-blauw) 30%, transparent), color-mix(in srgb, var(--color-blauw) 55%, transparent) );
    }
  }
  .baan-vooruit {
    background-color: color-mix(in srgb, #2539e9 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-blauw) 6%, transparent);
    }
    background-image: repeating-linear-gradient( 135deg, color-mix(in srgb, #2539e9 22%, transparent) 0 3px, transparent 3px 7px );
    @supports (color: color-mix(in lab, red, red)) {
      background-image: repeating-linear-gradient( 135deg, color-mix(in srgb, var(--color-blauw) 22%, transparent) 0 3px, transparent 3px 7px );
    }
  }
  .baan-pauze {
    background-color: color-mix(in srgb, #a86a0c 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-aandacht) 70%, transparent);
    }
  }
  .geldlijn-staaf {
    background: linear-gradient( 180deg, color-mix(in srgb, #2539e9 22%, transparent), color-mix(in srgb, #2539e9 9%, transparent) );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 180deg, color-mix(in srgb, var(--color-blauw) 22%, transparent), color-mix(in srgb, var(--color-blauw) 9%, transparent) );
    }
    border-radius: 8px 8px 3px 3px;
  }
  .geldlijn-staaf-vooruit {
    background-color: color-mix(in srgb, #2539e9 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-blauw) 5%, transparent);
    }
    background-image: repeating-linear-gradient( 135deg, color-mix(in srgb, #2539e9 16%, transparent) 0 4px, transparent 4px 9px );
    @supports (color: color-mix(in lab, red, red)) {
      background-image: repeating-linear-gradient( 135deg, color-mix(in srgb, var(--color-blauw) 16%, transparent) 0 4px, transparent 4px 9px );
    }
    border-radius: 8px 8px 3px 3px;
  }
  .geldlijn-lijn {
    background: linear-gradient( 90deg, color-mix(in srgb, #0c1560 6%, transparent), color-mix(in srgb, #0c1560 14%, transparent) 12%, color-mix(in srgb, #0c1560 14%, transparent) 88%, color-mix(in srgb, #0c1560 6%, transparent) );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 90deg, color-mix(in srgb, var(--color-blauw-nacht) 6%, transparent), color-mix(in srgb, var(--color-blauw-nacht) 14%, transparent) 12%, color-mix(in srgb, var(--color-blauw-nacht) 14%, transparent) 88%, color-mix(in srgb, var(--color-blauw-nacht) 6%, transparent) );
    }
  }
  .geldlijn-kraal {
    --kraal: 14px;
    width: var(--kraal);
    height: var(--kraal);
    border-radius: 999px;
  }
  .geldlijn-kraal[data-stand='betaald'] {
    background: var(--color-blauw);
  }
  .geldlijn-kraal[data-stand='laat-betaald'] {
    background: var(--color-blauw);
    box-shadow: 0 0 0 2.5px var(--color-aandacht-zacht), 0 0 0 4px var(--color-aandacht);
  }
  .geldlijn-kraal[data-stand='te-laat'] {
    background: var(--color-kritiek);
    box-shadow: 0 0 0 4px color-mix(in srgb, #c92e46 22%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-kritiek) 22%, transparent);
    }
  }
  .geldlijn-kraal[data-stand='open'], .geldlijn-kraal[data-stand='concept'] {
    background: var(--color-papier);
    box-shadow: inset 0 0 0 2.5px var(--color-blauw);
  }
  .geldlijn-kraal[data-stand='concept'] {
    box-shadow: inset 0 0 0 2.5px var(--color-blauw), 0 0 0 4px color-mix(in srgb, #2539e9 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 2.5px var(--color-blauw), 0 0 0 4px color-mix(in srgb, var(--color-blauw) 14%, transparent);
    }
  }
  .geldlijn-kraal[data-stand='verwacht'] {
    background: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-papier) 70%, transparent);
    }
    outline: 1.75px dashed color-mix(in srgb, #2539e9 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 1.75px dashed color-mix(in srgb, var(--color-blauw) 55%, transparent);
    }
    outline-offset: -1.75px;
  }
  .geldlijn-stip {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--color-koers);
  }
  .geldlijn-stip[data-gekoppeld='nee'] {
    background: var(--color-koers);
    box-shadow: 0 0 0 2px var(--color-aandacht);
  }
  .tabel {
    border-collapse: separate;
    border-spacing: 0;
  }
  .tabel td:first-child, .tabel th:first-child {
    border-start-start-radius: var(--radius-rij);
    border-end-start-radius: var(--radius-rij);
  }
  .tabel td:last-child, .tabel th:last-child {
    border-start-end-radius: var(--radius-rij);
    border-end-end-radius: var(--radius-rij);
  }
  .tabel tbody tr[data-klik] {
    cursor: pointer;
    transition: background-color 0.18s var(--ease-uit);
  }
  .tabel tbody tr[data-klik]:hover td, .tabel tbody tr[data-klik]:focus-within td {
    background: rgba(var(--glas-tint), calc(0.72 * var(--glas-k-kaart) + var(--glas-o-kaart)));
  }
  .tabel tbody tr[data-aangewezen] td {
    background: color-mix(in srgb, #eef0ff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-blauw-50) 80%, transparent);
    }
  }
  .tabel tbody tr[data-klik]:hover .tabel-pijl {
    transform: translateX(2px);
    color: var(--color-inkt);
  }
  .verticaal {
    writing-mode: vertical-rl;
    text-orientation: mixed;
  }
  .dok-vervaging {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    pointer-events: none;
    background: linear-gradient( 180deg, rgba(var(--achtergrond-vervaging), 0) 0%, rgba(var(--achtergrond-vervaging), 0.037) 10%, rgba(var(--achtergrond-vervaging), 0.136) 20%, rgba(var(--achtergrond-vervaging), 0.277) 30%, rgba(var(--achtergrond-vervaging), 0.442) 40%, rgba(var(--achtergrond-vervaging), 0.612) 50%, rgba(var(--achtergrond-vervaging), 0.768) 60%, rgba(var(--achtergrond-vervaging), 0.89) 70%, rgba(var(--achtergrond-vervaging), 0.96) 80%, rgba(var(--achtergrond-vervaging), 0.97) 85%, rgba(var(--achtergrond-vervaging), 0.97) 100% );
  }
  .balk {
    --balk-rust: 0 0 #0000;
    --balk-radius: 9999px;
    transition: background-color 0.2s var(--ease-uit);
  }
  .balk-zweef {
    --balk-rust: var(--shadow-zweef);
  }
  .balk-veld {
    --balk-rust: var(--glas-schaduw-veld);
  }
  [data-sleept] {
    cursor: grabbing;
    user-select: none;
  }
  [data-sleept] * {
    cursor: grabbing;
  }
}
.balk {
  box-shadow: var(--balk-rust);
}
.balk textarea {
  field-sizing: content;
  max-height: 14rem;
  overflow-y: auto;
}
.balk textarea.schrijfvel-tekst {
  max-height: none;
  min-height: 18rem;
  overflow-y: auto;
}
@supports (field-sizing: content) {
  .balk textarea.schrijfvel-tekst {
    overflow-y: hidden;
  }
}
.balk :focus-visible, .balk :focus {
  outline: none !important;
  box-shadow: none !important;
}
.balk:not(.balk-slang)::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: 0 0 0 1.5px rgba(37, 57, 233, 0.34), 0 0 0 5px rgba(37, 57, 233, 0.09);
  opacity: 0;
  transition: opacity 0.3s var(--ease-uit);
}
.balk:not(.balk-slang):has(:focus-visible)::after {
  opacity: 1;
}
.glas-donker .balk:not(.balk-slang):has(:focus-visible)::after, .glas-donker-open .balk:not(.balk-slang):has(:focus-visible)::after {
  box-shadow: 0 0 0 2px #fff;
}
.slang {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.2s var(--ease-uit);
}
.balk:not(:has(:focus-visible)) .slang {
  opacity: 0;
}
.slang-lijn {
  x: 0.875px;
  y: 0.875px;
  width: calc(100% - 1.75px);
  height: calc(100% - 1.75px);
  fill: none;
  stroke: #2539e9;
  stroke-opacity: 0.95;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  vector-effect: non-scaling-stroke;
  animation: slang-groei 0.93s cubic-bezier(0.35, 0.05, 0.25, 1) forwards;
}
@keyframes slang-groei {
  from {
    stroke-dashoffset: 1;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .slang-lijn {
    animation: none;
    stroke-dashoffset: 0;
  }
  .balk:not(.balk-slang)::after {
    transition: none;
  }
}
@keyframes drijf-a {
  from {
    transform: translate3d(0, 0, 0) scale(1);
  }
  to {
    transform: translate3d(9vw, 7vh, 0) scale(1.12);
  }
}
@keyframes drijf-b {
  from {
    transform: translate3d(0, 0, 0) scale(1);
  }
  to {
    transform: translate3d(-8vw, 10vh, 0) scale(0.92);
  }
}
@keyframes drijf-c {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-10vw, -6vh, 0);
  }
}
@keyframes pols {
  0% {
    transform: scale(0.75);
    opacity: 0.55;
  }
  100% {
    transform: scale(2.1);
    opacity: 0;
  }
}
.pols-ring {
  position: absolute;
  inset: 0;
  border-radius: 9999px;
  background: radial-gradient(circle, rgba(37, 57, 233, 0) 55%, rgba(37, 57, 233, 0.35) 100%);
  animation: pols 2.6s var(--ease-uit) infinite;
}
.pols-ring:nth-child(2) {
  animation-delay: 0.85s;
}
.pols-ring:nth-child(3) {
  animation-delay: 1.7s;
}
@keyframes glans {
  from {
    transform: translateX(-120%) skewX(-18deg);
  }
  to {
    transform: translateX(220%) skewX(-18deg);
  }
}
.glans {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}
.glans::after {
  content: '';
  position: absolute;
  top: -20%;
  bottom: -20%;
  width: 34%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.55), transparent);
  animation: glans 1.6s var(--ease-uit) 0.25s 1 both;
}
html[data-donker] .glans::after {
  background: linear-gradient( 90deg, transparent, color-mix(in srgb, #12163a 9%, transparent), transparent );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 90deg, transparent, color-mix(in srgb, var(--color-inkt) 9%, transparent), transparent );
  }
}
@keyframes adem {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.55;
    transform: scale(0.82);
  }
}
.adem {
  animation: adem 1.8s ease-in-out infinite;
}
.adem-rustig {
  animation: adem 3.2s ease-in-out infinite;
}
.stippellijn {
  background-image: radial-gradient( circle, color-mix(in srgb, #7a7fa4 55%, transparent) 1px, transparent 1.4px );
  @supports (color: color-mix(in lab, red, red)) {
    background-image: radial-gradient( circle, color-mix(in srgb, var(--color-onbekend) 55%, transparent) 1px, transparent 1.4px );
  }
  background-size: 6px 100%;
  background-position: 0 50%;
}
.baan-arcering {
  background-image: repeating-linear-gradient( 135deg, currentColor 0 3px, transparent 3px 6px );
  @supports (color: color-mix(in lab, red, red)) {
    background-image: repeating-linear-gradient( 135deg, color-mix(in srgb, currentColor 55%, transparent) 0 3px, transparent 3px 6px );
  }
}
[data-agentrij][data-aangewezen='ja'] {
  border-radius: var(--radius-rij);
  background-color: color-mix(in srgb, #2539e9 7%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--color-blauw) 7%, transparent);
  }
}
.baan-gloed {
  box-shadow: 0 0 0 3px color-mix(in srgb, #2539e9 22%, transparent), 0 0 14px color-mix(in srgb, #2539e9 45%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-blauw) 22%, transparent), 0 0 14px color-mix(in srgb, var(--color-blauw) 45%, transparent);
  }
}
.gearceerd {
  background-image: repeating-linear-gradient( 135deg, color-mix(in srgb, #7a7fa4 26%, transparent) 0 4px, transparent 4px 8px );
  @supports (color: color-mix(in lab, red, red)) {
    background-image: repeating-linear-gradient( 135deg, color-mix(in srgb, var(--color-onbekend) 26%, transparent) 0 4px, transparent 4px 8px );
  }
}
@keyframes draai {
  to {
    transform: rotate(360deg);
  }
}
.laadring {
  display: inline-block;
  border-radius: 9999px;
  background: conic-gradient(from 0deg, transparent 0 22%, currentColor 100%);
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px));
  -webkit-mask: radial-gradient( farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px) );
  animation: draai 0.9s linear infinite;
}
@keyframes schemer {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes skelet-op {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.skelet {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: var(--skelet-vlak, color-mix(in srgb, #12163a 6%, transparent));
  @supports (color: color-mix(in lab, red, red)) {
    background: var(--skelet-vlak, color-mix(in srgb, var(--color-inkt) 6%, transparent));
  }
  animation: skelet-op 0.35s ease-out 0.18s both;
}
.skelet::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient( 90deg, transparent, var(--skelet-glans, rgba(var(--glas-tint), 0.6)), transparent );
  animation: schemer 1.6s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .lucht::before, .lucht::after, .lucht > i, .pols-ring, .glans::after, .adem, .adem-rustig, .skelet::after, .laadring {
    animation: none !important;
  }
  .laadring {
    opacity: 0.7;
  }
  .pols-ring {
    opacity: 0.25;
    transform: scale(1.35);
  }
  .balk {
    transition: none;
  }
}
@keyframes doel-oplicht {
  0% {
    box-shadow: 0 0 0 0 rgb(37 57 233 / 0);
  }
  18% {
    box-shadow: 0 0 0 4px rgb(37 57 233 / 0.28);
  }
  100% {
    box-shadow: 0 0 0 10px rgb(37 57 233 / 0);
  }
}
.doel-oplicht {
  animation: doel-oplicht 1.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@media (prefers-reduced-motion: reduce) {
  .doel-oplicht {
    animation: none !important;
    box-shadow: 0 0 0 3px rgb(37 57 233 / 0.3);
  }
}
[data-item][data-gekozen] {
  box-shadow: 0 0 0 2px color-mix(in srgb, #2539e9 50%, transparent), var(--shadow-kaart);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-blauw) 50%, transparent), var(--shadow-kaart);
  }
}
[data-item][data-gekozen]:hover {
  box-shadow: 0 0 0 2px color-mix(in srgb, #2539e9 50%, transparent), var(--shadow-zweef);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-blauw) 50%, transparent), var(--shadow-zweef);
  }
}
.schuif {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 28px;
  background: transparent;
  cursor: pointer;
  border-radius: 9999px;
}
.schuif:disabled {
  cursor: default;
  opacity: 0.55;
}
.schuif::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 9999px;
  background: linear-gradient(90deg, var(--color-blauw) 0 var(--deel), transparent var(--deel) 100%), rgba(var(--lijn), 0.08);
  box-shadow: inset 0 1px 2px rgba(18, 22, 58, 0.08);
}
.schuif::-moz-range-track {
  height: 8px;
  border-radius: 9999px;
  background: rgba(var(--lijn), 0.08);
}
.schuif::-moz-range-progress {
  height: 8px;
  border-radius: 9999px;
  background: var(--color-blauw);
}
.schuif::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  margin-top: -5px;
  border-radius: 9999px;
  background: var(--color-vel);
  box-shadow: 0 0 0 3px color-mix(in srgb, #2539e9 20%, transparent), var(--shadow-kaart);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-blauw) 20%, transparent), var(--shadow-kaart);
  }
  transition: transform 0.2s var(--ease-uit);
}
.schuif::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 9999px;
  background: var(--color-vel);
  box-shadow: 0 0 0 3px color-mix(in srgb, #2539e9 20%, transparent), var(--shadow-kaart);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-blauw) 20%, transparent), var(--shadow-kaart);
  }
}
.schuif:active::-webkit-slider-thumb {
  transform: scale(1.12);
}
.schuif:focus-visible {
  outline-offset: 2px;
}
html[data-vlak-contrast='laag'] .pil-actief {
  background: var(--color-blauw-50);
  box-shadow: inset 0 0 0 1px rgba(37, 57, 233, 0.12), var(--shadow-kaart);
}
:where(html[data-donker]) .pil-actief {
  background: color-mix(in srgb, #12163a 14%, rgb(var(--glas-tint)));
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-inkt) 14%, var(--color-vel));
  }
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #12163a 20%, transparent), var(--shadow-kaart);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-inkt) 20%, transparent), var(--shadow-kaart);
  }
}
.glas-zwevend .pil-actief {
  background: var(--actief-licht);
  box-shadow: var(--actief-licht-rand), var(--shadow-kaart);
}
.glas-menu .pil-actief {
  background: var(--actief-menu);
  box-shadow: var(--actief-menu-rand), var(--shadow-kaart);
}
html[data-module] .etiket-module {
  color: var(--module-accent);
  transition: color 0.45s var(--ease-uit);
}
html[data-module] .etiket-module::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 8px;
  vertical-align: 0.08em;
  border-radius: 2px;
  background: var(--module-accent);
  transform: rotate(45deg);
  transition: background-color 0.45s var(--ease-uit);
}
.actief-module {
  background: var(--module-accent-zacht);
  box-shadow: var(--glas-lichtlijn);
  transition: background-color 0.45s var(--ease-uit);
}
html[data-donker] .actief-module {
  box-shadow: inset 0 0 0 1px var(--module-accent), var(--glas-lichtlijn);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--module-accent) 45%, transparent), var(--glas-lichtlijn);
  }
}
.tekst-module {
  color: var(--module-accent);
  transition: color 0.45s var(--ease-uit);
}
.tandwiel-module {
  transition: color 0.3s var(--ease-uit), background-color 0.3s var(--ease-uit), transform 0.2s var(--ease-uit);
}
.tandwiel-module svg {
  transition: transform 0.6s var(--ease-uit);
}
.tandwiel-module:hover, .tandwiel-module:focus-visible {
  background: var(--module-accent-zacht);
  color: var(--module-accent);
}
.tandwiel-module:hover svg, .tandwiel-module:focus-visible svg {
  transform: rotate(60deg);
}
.module-strook {
  position: relative;
}
.roos-glas-binnen {
  stop-color: var(--color-inkt);
  stop-opacity: 0.025;
}
.roos-glas-buiten {
  stop-color: var(--color-inkt);
  stop-opacity: 0.13;
}
.roos-dempt-binnen {
  stop-color: var(--color-inkt);
  stop-opacity: 0.025;
}
.roos-dempt-buiten {
  stop-color: var(--color-inkt);
  stop-opacity: 0.075;
}
.roos-glans-licht {
  stop-color: #fff;
  stop-opacity: 0.7;
}
.roos-glans-weg {
  stop-color: #fff;
  stop-opacity: 0;
}
.roos-arcering-vlak {
  fill: var(--color-vel);
  fill-opacity: 0.35;
}
.roos-arcering-lijn {
  stroke: var(--color-inkt-4);
  stroke-opacity: 0.5;
  stroke-width: 2;
}
.roos-ring {
  fill: none;
  stroke: var(--color-inkt-4);
  stroke-opacity: 0.35;
  stroke-dasharray: 2 6;
}
.roos-blad {
  stroke: var(--color-vel);
  stroke-width: 3;
  cursor: pointer;
  filter: drop-shadow(0 14px 22px rgb(37 57 233 / 0.1)) drop-shadow(0 2px 4px rgb(18 22 58 / 0.08));
}
.roos-blad-dempt {
  filter: drop-shadow(0 8px 14px rgb(18 22 58 / 0.07));
}
.roos-blad-uit {
  stroke: var(--color-inkt-4);
  stroke-width: 1.5;
  stroke-dasharray: 4 6;
  filter: none;
}
.roos-blad-glans {
  pointer-events: none;
  stroke: rgb(255 255 255 / 0.9);
  stroke-width: 1;
}
.roos-was {
  fill: none;
  stroke: var(--color-inkt-3);
  stroke-width: 1.4;
  stroke-dasharray: 3 5;
  pointer-events: none;
}
.roos-hart {
  fill: var(--color-vel);
  filter: drop-shadow(0 10px 22px rgb(18 22 58 / 0.18));
}
.roos-doelbaan {
  fill: none;
  stroke: rgb(18 22 58 / 0.08);
  stroke-width: 9;
}
.roos-doelboog {
  fill: none;
  stroke-width: 9;
  stroke-linecap: round;
}
.roos-schema {
  stroke: var(--color-inkt-2);
  stroke-width: 2.5;
  stroke-linecap: round;
}
.roos-hart-boven, .roos-hart-onder {
  text-anchor: middle;
  fill: var(--color-inkt-3);
}
.roos-hart-onder {
  font-weight: 600;
}
.roos-hart-getal {
  text-anchor: middle;
  font-size: 40px;
  font-weight: 620;
  fill: var(--color-inkt);
}
.roos-label {
  background: color-mix(in srgb, rgb(var(--glas-tint)) 88%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-vel) 88%, transparent);
  }
  box-shadow: var(--shadow-kaart);
  transition: transform 0.3s var(--ease-uit), box-shadow 0.3s var(--ease-uit);
}
.roos-label:hover {
  box-shadow: var(--shadow-zweef);
}
html[data-donker] .roos-doelbaan {
  stroke: rgb(255 255 255 / 0.1);
}
html[data-donker] .roos-blad {
  filter: drop-shadow(0 12px 18px rgb(0 0 0 / 0.45));
}
.ritme-as {
  stroke: var(--color-inkt-4);
  stroke-opacity: 0.35;
  stroke-dasharray: 2 5;
}
.ritme-astekst {
  fill: var(--color-inkt-3);
}
.ritme-schema {
  fill: none;
  stroke: var(--color-inkt-3);
  stroke-width: 1.5;
  stroke-dasharray: 4 5;
}
.ritme-lijn {
  fill: none;
  stroke-width: 2.25;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.ritme-label {
  fill: var(--color-inkt);
  font-weight: 600;
}
.ritme-label-schema {
  fill: var(--color-inkt-3);
}
.kanaal-spark {
  width: 120px;
  height: 34px;
  overflow: visible;
}
.kanaal-spark path {
  fill: none;
  stroke: var(--color-inkt-3);
  stroke-width: 1.6;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.kanaal-spark .kanaal-spark-leeg {
  stroke: var(--color-inkt-4);
  stroke-dasharray: 2 5;
}
@media (prefers-reduced-motion: reduce) {
  html[data-module] .etiket-module, html[data-module] .etiket-module::before, .actief-module, .tekst-module, .tandwiel-module, .tandwiel-module svg {
    transition: none;
  }
}
.weekgetij-past-niet {
  background-image: repeating-linear-gradient( 135deg, color-mix(in srgb, #a86a0c 72%, transparent) 0 3px, var(--color-aandacht-zacht) 3px 7px );
  @supports (color: color-mix(in lab, red, red)) {
    background-image: repeating-linear-gradient( 135deg, color-mix(in srgb, var(--color-aandacht) 72%, transparent) 0 3px, var(--color-aandacht-zacht) 3px 7px );
  }
}
.weekgetij-vrij {
  height: 2px;
  background-image: linear-gradient( 90deg, color-mix(in srgb, #5a6090 70%, transparent) 0 55%, transparent 55% 100% );
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient( 90deg, color-mix(in srgb, var(--color-inkt-3) 70%, transparent) 0 55%, transparent 55% 100% );
  }
  background-size: 8px 2px;
}
html[data-donker] :is(.klim, .klim-legenda, .klim-treden, .klim-ritme-wrap) {
  --color-koers-tekst: #5fd3a3;
  --color-kritiek-tekst: #ff8fa0;
  --color-aandacht-tekst: #f2b955;
  --color-koers: #5fd3a3;
  --color-koers-zacht: rgba(95, 211, 163, 0.38);
  --color-kritiek-zacht: rgba(255, 143, 160, 0.4);
  --color-aandacht-zacht: rgba(242, 185, 85, 0.38);
}
html[data-donker] .klim-kei {
  color: var(--color-inkt);
  outline-color: color-mix(in srgb, #12163a 38%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    outline-color: color-mix(in srgb, var(--color-inkt) 38%, transparent);
  }
}
.klim {
  position: relative;
  height: 400px;
  margin-top: 4px;
}
.klim-helling {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.klim-pad {
  stroke: color-mix(in srgb, #5a6090 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    stroke: color-mix(in srgb, var(--color-inkt-3) 55%, transparent);
  }
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  stroke-linecap: round;
}
.klim-pad-stip {
  stroke-dasharray: 2 7;
}
.klim-zone {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  border-radius: 18px;
  transition: background 0.3s var(--ease-uit);
}
.klim-zone-band {
  background: linear-gradient(180deg, transparent, rgba(var(--glas-tint), 0.28));
}
.klim-zone:hover, .klim-zone:focus-visible {
  background: rgba(var(--glas-tint), 0.45);
}
.klim-zone span {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 4px;
}
.klim-zone b {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--color-inkt-3);
  white-space: nowrap;
}
.klim-zone small {
  font-size: 12px;
  color: var(--color-inkt-2);
  font-variant-numeric: tabular-nums;
}
.klim-zone-top b {
  color: var(--color-koers-tekst);
}
.klim-vlag {
  position: absolute;
  height: 50px;
  border-left: 1.5px solid currentColor;
  color: var(--color-koers);
  opacity: 0.8;
  pointer-events: none;
}
.klim-vlag svg {
  margin: -4px 0 0 -2px;
}
.klim-leeg {
  position: absolute;
  max-width: 300px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(var(--glas-tint), 0.6);
  color: var(--color-inkt-2);
  font-size: 13.5px;
  line-height: 1.5;
}
.klim-leeg-smal {
  position: static;
  max-width: none;
}
.klim-plek {
  position: absolute;
  translate: -50% -50%;
  list-style: none;
}
.klim-steen {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 50%;
}
.klim-kei {
  display: grid;
  place-items: center;
  border-radius: 46% 54% 50% 50% / 56% 50% 50% 44%;
  color: var(--color-inkt-2);
  outline: 1px solid color-mix(in srgb, #5a6090 22%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    outline: 1px solid color-mix(in srgb, var(--color-inkt-3) 22%, transparent);
  }
  outline-offset: -1px;
  --klim-kei-boven: rgba(var(--glas-tint), 1);
  --klim-kei-onder: rgba(var(--glas-tint), 0.76);
  --klim-kei-schaduw: rgba(18, 22, 58, 0.38);
  background: radial-gradient(circle at 34% 28%, var(--klim-kei-boven), var(--klim-kei-onder));
  box-shadow: var(--glas-glans), 0 12px 24px -12px var(--klim-kei-schaduw);
  transition: transform 0.35s var(--ease-uit), box-shadow 0.35s var(--ease-uit);
}
html[data-donker] .klim-kei {
  --klim-kei-boven: #3a4277;
  --klim-kei-onder: #232a5a;
  --klim-kei-schaduw: rgba(0, 0, 0, 0.7);
}
.klim-klein .klim-kei {
  width: 26px;
  height: 24px;
}
.klim-klein .klim-kei svg {
  width: 12px;
  height: 12px;
}
.klim-mid .klim-kei {
  width: 36px;
  height: 34px;
}
.klim-mid .klim-kei svg {
  width: 15px;
  height: 15px;
}
.klim-groot .klim-kei {
  width: 46px;
  height: 43px;
}
.klim-groot .klim-kei svg {
  width: 19px;
  height: 19px;
}
.klim-koers .klim-kei {
  color: var(--color-koers-tekst);
  box-shadow: var(--glas-glans), 0 0 0 3px var(--color-koers-zacht), 0 14px 26px -12px rgba(16, 128, 90, 0.5);
}
.klim-aandacht .klim-kei {
  color: var(--color-aandacht-tekst);
  box-shadow: var(--glas-glans), 0 0 0 3px var(--color-aandacht-zacht), 0 12px 24px -12px rgba(18, 22, 58, 0.38);
}
.klim-kritiek .klim-kei {
  color: var(--color-kritiek-tekst);
  box-shadow: var(--glas-glans), 0 0 0 3px var(--color-kritiek-zacht), 0 12px 24px -12px rgba(201, 46, 70, 0.45);
}
.klim-onvolledig .klim-kei {
  outline: 1.5px dashed var(--color-inkt-3);
  outline-offset: 2px;
}
.klim-meet .klim-kei {
  animation: klim-meet 2s var(--ease-uit) infinite;
}
@keyframes klim-meet {
  50% {
    box-shadow: var(--glas-glans), 0 0 0 7px color-mix(in srgb, var(--color-inkt-3) 14%, transparent);
  }
}
.klim-steen:hover .klim-kei {
  transform: translateY(-3px) rotate(-4deg);
}
.klim-steen:focus-visible {
  outline: none;
}
.klim-steen:focus-visible .klim-kei {
  box-shadow: 0 0 0 3px var(--color-lucht), 0 0 0 5px var(--color-blauw);
}
.klim-label {
  position: absolute;
  left: 100%;
  top: 50%;
  translate: 0 -50%;
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3px 8px;
  border-radius: 10px;
  background: rgba(var(--glas-tint), 0.62);
  backdrop-filter: blur(6px);
  white-space: nowrap;
  text-align: left;
}
.klim-label b {
  font-size: 12.5px;
  font-weight: 560;
  color: var(--color-inkt);
}
.klim-label small {
  font-size: 11.5px;
  color: var(--color-inkt-3);
  font-variant-numeric: tabular-nums;
}
.klim-label-onder {
  left: 50%;
  top: 100%;
  translate: -50% 0;
  margin: 6px 0 0;
  align-items: center;
  text-align: center;
}
.klim-label-boven {
  left: 50%;
  top: auto;
  bottom: 100%;
  translate: -50% 0;
  margin: 0 0 6px;
  align-items: center;
  text-align: center;
}
.klim-label-links {
  left: auto;
  right: 100%;
  margin: 0 8px 0 0;
  align-items: flex-end;
  text-align: right;
}
.klim-terug {
  position: absolute;
  top: -5px;
  right: -5px;
  display: grid;
  place-items: center;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: var(--color-kritiek-tekst);
  color: var(--color-lucht);
  box-shadow: 0 0 0 2px rgba(var(--glas-tint), 0.9);
}
.klim-terug svg {
  width: 11px;
  height: 11px;
  stroke-width: 2.6;
}
.klim-beurt {
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  translate: -20% 0;
  padding: 3px 8px;
  border-radius: 99px;
  background: rgba(var(--glas-tint), 0.95);
  box-shadow: var(--shadow-kaart);
  color: var(--color-inkt-2);
  font-size: 11px;
  font-weight: 560;
  white-space: nowrap;
  animation: klim-dobber 3s var(--ease-uit) infinite;
}
@keyframes klim-dobber {
  50% {
    transform: translateY(-3px);
  }
}
.klim-sw-koers {
  color: var(--color-koers-tekst) !important;
}
.klim-sw-aandacht {
  color: var(--color-aandacht-tekst) !important;
}
.klim-sw-kritiek {
  color: var(--color-kritiek-tekst) !important;
}
.klim-legenda {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin-top: 10px;
  color: var(--color-inkt-3);
  font-size: 12px;
}
.klim-legenda li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.klim-lg {
  width: 14px;
  height: 13px;
  border-radius: 46% 54% 50% 50%;
  box-shadow: inset 0 0 0 2.5px currentColor;
}
.klim-lg-stil {
  box-shadow: inset 0 0 0 1.5px var(--color-inkt-4);
}
.klim-treden {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.klim-trede {
  padding: 10px 12px;
  border-radius: 16px;
  background: linear-gradient(100deg, rgba(var(--glas-tint), 0.7), rgba(var(--glas-tint), 0.35));
  box-shadow: var(--glas-glans);
}
.klim-trede-kop {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 6px;
}
.klim-trede-kop b {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-inkt-3);
}
.klim-trede-kop small {
  font-size: 12.5px;
  color: var(--color-inkt-2);
}
.klim-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 99px;
  background: rgba(var(--glas-tint), 0.9);
  box-shadow: var(--shadow-kaart);
  color: var(--color-inkt);
  font-size: 12.5px;
  font-weight: 510;
}
.klim-chip svg {
  color: var(--color-inkt-3);
}
.klim-chip em {
  font-style: normal;
  color: var(--color-inkt-3);
}
.klim-chip-koers {
  box-shadow: 0 0 0 2px var(--color-koers-zacht);
}
.klim-chip-koers em {
  color: var(--color-koers-tekst);
}
.klim-chip-kritiek {
  box-shadow: 0 0 0 2px var(--color-kritiek-zacht);
}
.klim-chip-kritiek em {
  color: var(--color-kritiek-tekst);
}
.klim-chip-aandacht em {
  color: var(--color-aandacht-tekst);
}
.klim-ritme {
  position: relative;
  height: 140px;
}
.klim-ritme svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.klim-ritme-maatstaf {
  stroke: var(--color-koers);
  stroke-opacity: 0.45;
  stroke-dasharray: 4 5;
  vector-effect: non-scaling-stroke;
}
.klim-ritme-onbekend {
  stroke: var(--color-inkt-4);
  stroke-width: 2;
  stroke-dasharray: 2 6;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}
.klim-ritme-label {
  position: absolute;
  left: 8px;
  color: var(--color-koers-tekst);
  font-size: 11.5px;
  font-weight: 530;
}
.klim-ritme-leeg {
  position: absolute;
  left: 8px;
  bottom: 20px;
  color: var(--color-inkt-3);
  font-size: 12px;
}
.klim-weken {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  margin-top: 8px;
}
.klim-week {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 6px 0;
  border-radius: 12px;
  transition: background 0.3s var(--ease-uit);
}
.klim-week:hover, .klim-week:focus-visible {
  background: rgba(var(--glas-tint), 0.7);
}
.klim-week-klaar {
  display: flex;
  gap: 2px;
  height: 6px;
}
.klim-week-klaar i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--color-inkt-3);
  opacity: 0.7;
}
.klim-week b {
  font-size: 11.5px;
  font-weight: 560;
  font-variant-numeric: tabular-nums;
  color: var(--color-inkt);
}
.klim-week small {
  font-size: 10.5px;
  color: var(--color-inkt-3);
}
@media (max-width: 767px) {
  .klim-wk {
    display: none;
  }
  .klim-week b {
    font-size: 10.5px;
  }
  .klim-week-klaar[data-veel] i:nth-child(n + 2) {
    display: none;
  }
  .klim-week-klaar[data-veel]::after {
    content: attr(data-aantal);
    font-size: 9px;
    line-height: 6px;
    color: var(--color-inkt-2);
    font-variant-numeric: tabular-nums;
  }
  .klim-week-klaar {
    align-items: center;
    gap: 1.5px;
  }
  .klim-week-klaar i {
    width: 4px;
    height: 4px;
  }
}
html[data-donker] .klim-week-klaar i {
  background: var(--color-inkt-2);
  opacity: 1;
}
.klim-loopt-stip {
  box-shadow: 0 0 0 0 color-mix(in srgb, #10805a 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-koers) 50%, transparent);
  }
  animation: klim-puls 2s infinite;
}
@keyframes klim-puls {
  70% {
    box-shadow: 0 0 0 8px transparent;
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}
@media (prefers-reduced-motion: reduce) {
  .klim-loopt-stip, .klim-beurt, .klim-meet .klim-kei {
    animation: none;
  }
  .klim-kei, .klim-zone, .klim-week {
    transition: none;
  }
  .klim-steen:hover .klim-kei {
    transform: none;
  }
}
.weekgetij-vrij-staand {
  width: 2px;
  background-image: linear-gradient( 180deg, color-mix(in srgb, #5a6090 70%, transparent) 0 55%, transparent 55% 100% );
  @supports (color: color-mix(in lab, red, red)) {
    background-image: linear-gradient( 180deg, color-mix(in srgb, var(--color-inkt-3) 70%, transparent) 0 55%, transparent 55% 100% );
  }
  background-size: 2px 6px;
}
.veld-bol {
  background: radial-gradient(circle at 32% 26%, rgba(var(--glas-tint), 0.95), transparent 58%), radial-gradient( circle at 70% 85%, color-mix(in srgb, #12163a 6%, transparent), transparent 60% ), color-mix(in srgb, rgb(var(--glas-tint)) 88%, #f3f4fc);
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient(circle at 32% 26%, rgba(var(--glas-tint), 0.95), transparent 58%), radial-gradient( circle at 70% 85%, color-mix(in srgb, var(--color-inkt) 6%, transparent), transparent 60% ), color-mix(in srgb, var(--color-vel) 88%, var(--color-lucht));
  }
  box-shadow: var(--glas-lichtlijn), inset 0 -6px 14px -8px color-mix(in srgb, #12163a 18%, transparent), 0 10px 24px -14px color-mix(in srgb, #2539e9 45%, transparent), 0 2px 6px -2px color-mix(in srgb, #12163a 14%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: var(--glas-lichtlijn), inset 0 -6px 14px -8px color-mix(in srgb, var(--color-inkt) 18%, transparent), 0 10px 24px -14px color-mix(in srgb, var(--color-blauw) 45%, transparent), 0 2px 6px -2px color-mix(in srgb, var(--color-inkt) 14%, transparent);
  }
  transition: transform 0.25s var(--ease-uit), box-shadow 0.25s var(--ease-uit);
}
.veld-bol:hover, .veld-bol:focus-visible {
  transform: scale(1.08);
}
.veld-bol[data-stap='late'] {
  outline: 2.5px solid var(--color-kritiek);
  outline-offset: 1px;
}
.veld-bol[data-stap='today'] {
  outline: 2px solid var(--color-aandacht);
  outline-offset: 1px;
}
.veld-bol[data-stap='no_step'] {
  outline: 1.5px solid var(--color-aandacht);
  outline-offset: 4px;
  box-shadow: 0 0 0 1.5px var(--color-aandacht), var(--glas-lichtlijn), 0 10px 24px -14px color-mix(in srgb, #2539e9 45%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 1.5px var(--color-aandacht), var(--glas-lichtlijn), 0 10px 24px -14px color-mix(in srgb, var(--color-blauw) 45%, transparent);
  }
}
.veld-zone {
  background: linear-gradient( to bottom, color-mix(in srgb, #fbeed3 55%, transparent), color-mix(in srgb, #fbeed3 15%, transparent) );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( to bottom, color-mix(in srgb, var(--color-aandacht-zacht) 55%, transparent), color-mix(in srgb, var(--color-aandacht-zacht) 15%, transparent) );
  }
}
html[data-donker] .veld-zone {
  opacity: 0.3;
}
.veld-drempel {
  background-image: linear-gradient(to right, var(--color-aandacht) 50%, transparent 50%);
  background-size: 7px 1px;
  background-repeat: repeat-x;
  height: 1px;
  opacity: 0.7;
}
.veld-kaartje {
  opacity: 0;
  transform: translate(-50%, 4px);
  transition: opacity 0.18s var(--ease-uit), transform 0.18s var(--ease-uit);
  pointer-events: none;
}
.veld-plek:hover .veld-kaartje, .veld-plek:focus-within .veld-kaartje {
  opacity: 1;
  transform: translate(-50%, 0);
}
@media (prefers-reduced-motion: reduce) {
  .veld-bol, .veld-kaartje {
    transition: none;
  }
  .veld-bol:hover, .veld-bol:focus-visible {
    transform: none;
  }
}
.wacht-bed {
  position: absolute;
  inset: 10px 0;
  border-radius: 9999px;
  background: color-mix(in srgb, rgb(var(--glas-tint)) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--color-vel) 50%, transparent);
  }
  box-shadow: inset 0 1px 2px rgba(18, 22, 58, 0.05);
}
.wacht-bed[data-geest] {
  background: repeating-linear-gradient( 90deg, color-mix(in srgb, rgb(var(--glas-tint)) 45%, transparent) 0 10px, transparent 10px 18px );
  @supports (color: color-mix(in lab, red, red)) {
    background: repeating-linear-gradient( 90deg, color-mix(in srgb, var(--color-vel) 45%, transparent) 0 10px, transparent 10px 18px );
  }
  box-shadow: none;
}
.wacht-zone {
  position: absolute;
  top: -4px;
  bottom: -8px;
  right: 0;
  border-radius: 18px;
  pointer-events: none;
  background: linear-gradient( 90deg, transparent, color-mix(in srgb, #a86a0c 7%, transparent) );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 90deg, transparent, color-mix(in srgb, var(--color-aandacht) 7%, transparent) );
  }
}
.wacht-norm {
  position: absolute;
  top: -14px;
  bottom: -6px;
  width: 0;
  border-left: 2px dashed color-mix(in srgb, #12163a 22%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-left: 2px dashed color-mix(in srgb, var(--color-inkt) 22%, transparent);
  }
  pointer-events: none;
}
.wachtbol {
  background: radial-gradient( circle at 35% 30%, var(--color-vel), color-mix(in srgb, rgb(var(--glas-tint)) 78%, transparent) );
  @supports (color: color-mix(in lab, red, red)) {
    background: radial-gradient( circle at 35% 30%, var(--color-vel), color-mix(in srgb, var(--color-vel) 78%, transparent) );
  }
  box-shadow: var(--glas-lichtlijn), var(--shadow-kaart);
  transition: scale 0.45s var(--ease-uit), box-shadow 0.3s var(--ease-uit);
}
button.wachtbol:hover, .wachtbol[aria-pressed='true'] {
  scale: 1.12;
}
.wachtbol[aria-pressed='true'] {
  box-shadow: 0 0 0 3px var(--module-accent-zacht), 0 0 0 5px var(--module-accent), var(--shadow-kaart);
}
.wachtbol[data-adem]:not([aria-pressed='true']) {
  animation: wacht-adem 3.2s ease-in-out 1s infinite;
}
@keyframes wacht-adem {
  50% {
    box-shadow: 0 0 0 7px color-mix(in srgb, var(--color-kritiek) 11%, transparent), var(--shadow-kaart);
  }
}
.wacht-stip::after {
  content: '';
  position: absolute;
  right: -1px;
  top: -1px;
  width: 13px;
  height: 13px;
  border-radius: 9999px;
  box-shadow: 0 0 0 2px var(--color-vel);
}
.wacht-stip[data-toon='attention']::after {
  background: var(--color-aandacht);
}
.wacht-stip[data-toon='critical']::after {
  background: var(--color-kritiek);
}
.wacht-stip[data-toon='ok']::after {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .wachtbol {
    transition: none;
  }
  .wachtbol[data-adem]:not([aria-pressed='true']) {
    animation: none;
  }
}
.stroom {
  position: relative;
  width: 100%;
}
.stroom-lijnen {
  position: absolute;
  inset: 0;
  overflow: visible;
  color: var(--module-accent);
  pointer-events: none;
}
.stroom-lijn {
  fill: none;
  stroke-linecap: round;
  transition: opacity 0.4s var(--ease-uit), stroke-width 0.4s var(--ease-uit);
}
.stroom-lijn[data-soort='ok'] {
  stroke: var(--module-accent);
  opacity: 0.34;
  stroke-dasharray: 1600;
  stroke-dashoffset: 0;
  animation: stroom-teken 1.4s var(--ease-uit) both;
  animation-delay: calc(var(--i, 0) * 45ms + 200ms);
}
.stroom-lijn[data-soort='ok'][data-onbekend] {
  stroke-dasharray: 3 6;
  animation: none;
}
.stroom-lijn[data-soort='chain'] {
  stroke: var(--module-accent);
  opacity: 0.7;
  stroke-dasharray: 2 7;
  animation: stroom-kruip 1.2s linear infinite;
}
.stroom-lijn[data-soort='stopped'] {
  stroke: var(--color-kritiek);
  color: var(--color-kritiek);
  opacity: 0.8;
  stroke-dasharray: 2 7;
}
.stroom-lijn[data-soort='failed'] {
  stroke: var(--color-kritiek);
  opacity: 0.55;
  stroke-dasharray: 5 6;
}
.stroom-lijn[data-soort='silent'] {
  stroke: var(--color-inkt-4);
  opacity: 0.7;
  stroke-dasharray: 1 6;
}
.stroom-greep {
  fill: none;
  stroke: transparent;
  stroke-width: 18;
  pointer-events: stroke;
  cursor: pointer;
}
@keyframes stroom-teken {
  from {
    stroke-dashoffset: 1600;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes stroom-kruip {
  to {
    stroke-dashoffset: -18;
  }
}
.stroom-stip {
  fill: var(--module-accent);
  opacity: 0.85;
}
.stroom-stip[data-soort='stopped'] {
  fill: var(--color-kritiek);
}
.stroom-breuk circle {
  fill: var(--color-kritiek-zacht);
  stroke: var(--color-kritiek);
  stroke-width: 1.5;
  transform-box: fill-box;
  transform-origin: center;
  animation: stroom-hik 2.4s var(--ease-uit) infinite;
}
.stroom-breuk path {
  stroke: var(--color-kritiek-tekst);
  stroke-width: 2.4;
  stroke-linecap: round;
}
@keyframes stroom-hik {
  0%, 70%, 100% {
    transform: scale(1);
  }
  80% {
    transform: scale(1.2);
  }
}
.stroom-breuklabel {
  position: absolute;
  z-index: 2;
  transform: translate(-50%, -50%);
  white-space: nowrap;
  border-radius: 999px;
  background: var(--color-kritiek-zacht);
  padding: 3px 10px;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--color-kritiek-tekst);
  transition: transform 0.3s var(--ease-uit);
}
.stroom-breuklabel:hover {
  transform: translate(-50%, -50%) scale(1.05);
}
.stroom-knoop {
  position: absolute;
  z-index: 1;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 7px 10px 7px 9px;
  border-radius: 16px;
  text-align: left;
  color: inherit;
  background: linear-gradient( 165deg, color-mix(in srgb, rgb(var(--glas-tint)) 96%, transparent), color-mix(in srgb, rgb(var(--glas-tint)) 78%, transparent) );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 165deg, color-mix(in oklab, var(--color-vel) 96%, transparent), color-mix(in oklab, var(--color-vel) 78%, transparent) );
  }
  box-shadow: var(--glas-glans), var(--glas-schaduw-kaart);
  backdrop-filter: blur(8px);
  transition: transform 0.4s var(--ease-uit), opacity 0.4s var(--ease-uit), box-shadow 0.4s var(--ease-uit);
}
.stroom-knoop:hover, .stroom-knoop:focus-visible {
  transform: translateY(-50%) scale(1.03);
  box-shadow: var(--glas-glans), 0 18px 36px -20px rgba(18, 22, 58, 0.5);
}
.stroom-knoop > svg {
  width: 16px;
  height: 16px;
  flex: none;
  color: var(--color-inkt-3);
}
.stroom-knoop[data-kolom='rule'] {
  padding: 9px 12px 9px 10px;
}
.stroom-knoop[data-kolom='rule'] > svg {
  color: var(--module-accent);
}
.stroom-knoop[data-kolom='when'] {
  background: color-mix(in srgb, rgb(var(--glas-tint)) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--color-vel) 50%, transparent);
  }
  box-shadow: none;
}
.stroom-knoop[data-stand='silent'], .stroom-knoop[data-stand='off'], .stroom-knoop[data-leeg] {
  opacity: 0.62;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(90, 96, 144, 0.18);
}
.stroom-knoop[data-stand='stopped'] {
  box-shadow: var(--glas-glans), 0 0 0 3px var(--color-kritiek-zacht), var(--glas-schaduw-kaart);
}
.stroom-knoop[data-stand='stopped'] small, .stroom-knoop[data-stand='failed'] small {
  color: var(--color-kritiek-tekst);
}
.stroom-knoop[data-druk] small {
  color: var(--color-aandacht-tekst);
}
.stroom-knoop b {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12.5px;
  font-weight: 580;
  line-height: 1.25;
}
.stroom-knoop[data-kolom='when'] b {
  display: -webkit-box;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.stroom-knoop small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11.4px;
  color: var(--color-inkt-3);
}
.stroom-knoop em {
  margin-left: auto;
  padding-left: 6px;
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--color-inkt-2);
}
.stroom[data-focus] .stroom-lijn:not([data-aan]) {
  opacity: 0.08;
}
.stroom[data-focus] .stroom-lijn[data-aan] {
  opacity: 0.95;
}
.stroom[data-focus] .stroom-knoop:not([data-aan]) {
  opacity: 0.4;
}
.stroom-legenda-lijn {
  display: inline-block;
  width: 22px;
  height: 3px;
  border-radius: 3px;
  background: var(--module-accent);
  opacity: 0.6;
}
.stroom-legenda-lijn[data-soort='chain'] {
  background: repeating-linear-gradient(90deg, var(--module-accent) 0 3px, transparent 3px 7px);
  opacity: 0.9;
}
.stroom-legenda-lijn[data-soort='failed'] {
  background: repeating-linear-gradient(90deg, var(--color-kritiek) 0 5px, transparent 5px 9px);
}
.stroom-legenda-lijn[data-soort='silent'] {
  height: 2px;
  background: repeating-linear-gradient(90deg, var(--color-inkt-4) 0 2px, transparent 2px 6px);
  opacity: 1;
}
.strengen {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 14px;
}
.strengen::before {
  content: '';
  position: absolute;
  left: 4px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(var(--module-accent), transparent);
  opacity: 0.35;
}
.streng {
  position: relative;
  border-radius: 18px;
}
.streng::before {
  content: '';
  position: absolute;
  left: -14px;
  top: 18px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--module-accent);
  box-shadow: 0 0 0 4px var(--module-accent-zacht);
}
.streng[data-ketting] {
  margin-left: 16px;
}
.streng[data-stand='stopped']::before, .streng[data-stand='failed']::before {
  background: var(--color-kritiek);
  box-shadow: 0 0 0 4px var(--color-kritiek-zacht);
}
.streng[data-stand='silent'], .streng[data-stand='off'] {
  opacity: 0.65;
}
.streng[data-stand='silent']::before, .streng[data-stand='off']::before {
  background: var(--color-inkt-4);
  box-shadow: none;
}
.streng-maat {
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(90, 96, 144, 0.1);
}
.streng-maat > i {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: var(--module-accent);
  opacity: 0.55;
  transform-origin: left;
  animation: streng-groei 1s var(--ease-uit) both;
}
@keyframes streng-groei {
  from {
    transform: scaleX(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .stroom-lijn, .stroom-lijn[data-soort='ok'], .stroom-lijn[data-soort='chain'], .stroom-breuk circle, .streng-maat > i {
    animation: none;
  }
  .stroom-knoop, .stroom-breuklabel {
    transition: none;
  }
  .stroom-stip {
    display: none;
  }
  *, ::before, ::after {
    transition-property: opacity, color, background-color, border-color, fill, stroke !important;
  }
  .animate-spin, .animate-ping, .animate-pulse {
    animation: none !important;
  }
  .animate-ping {
    opacity: 0;
  }
  .roos-label, .roos-label:hover {
    transition: none;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-x {
  syntax: "*";
  inherits: false;
}
@property --tw-pan-y {
  syntax: "*";
  inherits: false;
}
@property --tw-pinch-zoom {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-pan-x: initial;
      --tw-pan-y: initial;
      --tw-pinch-zoom: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}