/*fern-site-stylesheet*/@font-face {
    font-family: 'Prolific Font';
    src: url('/_fern-files/prolific.docs.buildwithfern.com/291883dbdba0a3d834d9e58da52aee3a2dd79473598a033a0c6db7e976edbf4e/docs/fonts/938d52d44855f53a-s.p.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Prolific Font';
    src: url('/_fern-files/prolific.docs.buildwithfern.com/291883dbdba0a3d834d9e58da52aee3a2dd79473598a033a0c6db7e976edbf4e/docs/fonts/938d52d44855f53a-s.p.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Prolific Font';
    src: url('/_fern-files/prolific.docs.buildwithfern.com/291883dbdba0a3d834d9e58da52aee3a2dd79473598a033a0c6db7e976edbf4e/docs/fonts/938d52d44855f53a-s.p.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Prolific Font';
    src: url('/_fern-files/prolific.docs.buildwithfern.com/291883dbdba0a3d834d9e58da52aee3a2dd79473598a033a0c6db7e976edbf4e/docs/fonts/938d52d44855f53a-s.p.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Prolific Font';
    src: url('/_fern-files/prolific.docs.buildwithfern.com/26eb91c6d3f953e8e11fa42bee0a3dd9bc74151ddb65e2f30b3e08fae0a18f2b/docs/fonts/8a347952fd94483b-s.p.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Prolific Font';
    src: url('/_fern-files/prolific.docs.buildwithfern.com/26eb91c6d3f953e8e11fa42bee0a3dd9bc74151ddb65e2f30b3e08fae0a18f2b/docs/fonts/8a347952fd94483b-s.p.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

:root {
  --header-height: 64px;
  --header-height-real: 64px;
  --mobile-header-height-real: 64px;
  --content-width: 640px;
  --sidebar-width: 288px;
  --page-width: 100vw;
  --logo-height: 25px;
  --font-body: 'Prolific Font', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-heading: 'Prolific Font', 'Prolific Font', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

:root {
  --typography-body-font-family: var(--font-body);
  --typography-heading-font-family: var(--font-heading);
  --typography-code-font-family: var(--font-code);
}


.light, :root {
  --accent-1: #fcfdfe;
  --accent-2: #f6f9ff;
  --accent-3: #ebf2ff;
  --accent-4: #dceaff;
  --accent-5: #cbdfff;
  --accent-6: #b7d2ff;
  --accent-7: #9fbfff;
  --accent-8: #7ea4ff;
  --accent-9: #0f2ac9;
  --accent-10: #0a06b5;
  --accent-11: #2a55dc;
  --accent-12: #172c65;

  --accent-a1: #0055aa03;
  --accent-a2: #0055ff09;
  --accent-a3: #005aff14;
  --accent-a4: #0066ff23;
  --accent-a5: #0063ff34;
  --accent-a6: #0060ff48;
  --accent-a7: #0055ff60;
  --accent-a8: #004cff81;
  --accent-a9: #001dc6f0;
  --accent-a10: #0400b3f9;
  --accent-a11: #0034d5d5;
  --accent-a12: #001756e8;

  --accent-contrast: #fff;
  --accent-surface: #f4f8ffcc;
  --accent-indicator: #0f2ac9;
  --accent-track: #0f2ac9;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --accent-1: oklch(99.4% 0.0018 265.5);
      --accent-2: oklch(98.3% 0.0098 265.5);
      --accent-3: oklch(96.1% 0.021 265.5);
      --accent-4: oklch(93.5% 0.0414 265.5);
      --accent-5: oklch(90.3% 0.0626 265.5);
      --accent-6: oklch(86.3% 0.0874 265.5);
      --accent-7: oklch(80.7% 0.1063 265.5);
      --accent-8: oklch(73% 0.1386 265.5);
      --accent-9: oklch(41.3% 0.2381 265.5);
      --accent-10: oklch(35.4% 0.2381 265.5);
      --accent-11: oklch(51% 0.2115 265.5);
      --accent-12: oklch(31.3% 0.1047 265.5);

      --accent-a1: color(display-p3 0.0235 0.349 0.6745 / 0.012);
      --accent-a2: color(display-p3 0.0196 0.2667 0.8784 / 0.032);
      --accent-a3: color(display-p3 0.0078 0.3216 0.949 / 0.075);
      --accent-a4: color(display-p3 0.0078 0.349 0.9412 / 0.126);
      --accent-a5: color(display-p3 0.0078 0.3176 0.9412 / 0.189);
      --accent-a6: color(display-p3 0.0039 0.3176 0.9412 / 0.263);
      --accent-a7: color(display-p3 0.0039 0.2784 0.9451 / 0.353);
      --accent-a8: color(display-p3 0.0039 0.2431 0.9451 / 0.475);
      --accent-a9: color(display-p3 0 0.0824 0.7333 / 0.914);
      --accent-a10: color(display-p3 0.0118 0 0.6745 / 0.977);
      --accent-a11: color(display-p3 0 0.1529 0.7882 / 0.793);
      --accent-a12: color(display-p3 0 0.0667 0.3059 / 0.891);

      --accent-contrast: #fff;
      --accent-surface: color(display-p3 0.9608 0.9725 1 / 0.8);
      --accent-indicator: oklch(41.3% 0.2381 265.5);
      --accent-track: oklch(41.3% 0.2381 265.5);
    }
  }
}


.light, :root {
  --grayscale-1: #fdfcfd;
  --grayscale-2: #faf9fb;
  --grayscale-3: #f2eff3;
  --grayscale-4: #eae7ec;
  --grayscale-5: #e3dfe6;
  --grayscale-6: #dbd8e0;
  --grayscale-7: #d0cdd7;
  --grayscale-8: #bcbac7;
  --grayscale-9: #8e8c99;
  --grayscale-10: #84828e;
  --grayscale-11: #65636d;
  --grayscale-12: #211f26;

  --grayscale-a1: #55005503;
  --grayscale-a2: #2b005506;
  --grayscale-a3: #30004010;
  --grayscale-a4: #20003618;
  --grayscale-a5: #20003820;
  --grayscale-a6: #14003527;
  --grayscale-a7: #10003332;
  --grayscale-a8: #08003145;
  --grayscale-a9: #05001d73;
  --grayscale-a10: #0500197d;
  --grayscale-a11: #0400119c;
  --grayscale-a12: #020008e0;

  --grayscale-contrast: #000;
  --grayscale-surface: #ffffffcc;
  --grayscale-indicator: #8e8c99;
  --grayscale-track: #8e8c99;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --grayscale-1: color(display-p3 0.991 0.988 0.992);
      --grayscale-2: color(display-p3 0.98 0.976 0.984);
      --grayscale-3: color(display-p3 0.946 0.938 0.952);
      --grayscale-4: color(display-p3 0.915 0.906 0.925);
      --grayscale-5: color(display-p3 0.886 0.876 0.901);
      --grayscale-6: color(display-p3 0.856 0.846 0.875);
      --grayscale-7: color(display-p3 0.814 0.804 0.84);
      --grayscale-8: color(display-p3 0.735 0.728 0.777);
      --grayscale-9: color(display-p3 0.555 0.549 0.596);
      --grayscale-10: color(display-p3 0.514 0.508 0.552);
      --grayscale-11: color(display-p3 0.395 0.388 0.424);
      --grayscale-12: color(display-p3 0.128 0.122 0.147);

      --grayscale-a1: #55005503;
      --grayscale-a2: #2b005506;
      --grayscale-a3: #30004010;
      --grayscale-a4: #20003618;
      --grayscale-a5: #20003820;
      --grayscale-a6: #14003527;
      --grayscale-a7: #10003332;
      --grayscale-a8: #08003145;
      --grayscale-a9: #05001d73;
      --grayscale-a10: #0500197d;
      --grayscale-a11: #0400119c;
      --grayscale-a12: #020008e0;

      --grayscale-contrast: #000;
      --grayscale-surface: color(display-p3 1 1 1 / 80%);
      --grayscale-indicator: color(display-p3 0.555 0.549 0.596);
      --grayscale-track: color(display-p3 0.555 0.549 0.596);
    }
  }
}


.dark {
  --accent-1: #000;
  --accent-2: #0b1120;
  --accent-3: #132048;
  --accent-4: #172a67;
  --accent-5: #21367b;
  --accent-6: #2b438e;
  --accent-7: #3752a5;
  --accent-8: #4162c4;
  --accent-9: #7b9fff;
  --accent-10: #7093f2;
  --accent-11: #8eb1ff;
  --accent-12: #d1e1ff;

  --accent-a1: #00000000;
  --accent-a2: #5888ff20;
  --accent-a3: #4472ff48;
  --accent-a4: #3968ff67;
  --accent-a5: #4570ff7b;
  --accent-a6: #4e79ff8e;
  --accent-a7: #557fffa5;
  --accent-a8: #5580ffc4;
  --accent-a9: #7b9fff;
  --accent-a10: #769bfff2;
  --accent-a11: #8eb1ff;
  --accent-a12: #d1e1ff;

  --accent-contrast: #fff;
  --accent-surface: #16224080;
  --accent-indicator: #7b9fff;
  --accent-track: #7b9fff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --accent-1: oklch(0% 0.0287 267.2);
      --accent-2: oklch(17.9% 0.0339 267.2);
      --accent-3: oklch(25.8% 0.0775 267.2);
      --accent-4: oklch(30.9% 0.1103 267.2);
      --accent-5: oklch(35.9% 0.1213 267.2);
      --accent-6: oklch(40.8% 0.127 267.2);
      --accent-7: oklch(46.3% 0.1375 267.2);
      --accent-8: oklch(52.4% 0.1579 267.2);
      --accent-9: oklch(71.8% 0.146 267.2);
      --accent-10: oklch(68.1% 0.146 267.2);
      --accent-11: oklch(77.2% 0.146 267.2);
      --accent-12: oklch(90.9% 0.0527 267.2);

      --accent-a1: color(display-p3 0 0 0 / 0);
      --accent-a2: color(display-p3 0.3882 0.549 1 / 0.122);
      --accent-a3: color(display-p3 0.3216 0.4667 1 / 0.271);
      --accent-a4: color(display-p3 0.2745 0.4235 1 / 0.389);
      --accent-a5: color(display-p3 0.3216 0.4471 1 / 0.467);
      --accent-a6: color(display-p3 0.3529 0.4824 1 / 0.538);
      --accent-a7: color(display-p3 0.3804 0.5059 1 / 0.628);
      --accent-a8: color(display-p3 0.3804 0.5098 1 / 0.746);
      --accent-a9: color(display-p3 0.5255 0.6353 1 / 0.973);
      --accent-a10: color(display-p3 0.5059 0.6196 1 / 0.922);
      --accent-a11: color(display-p3 0.6 0.7059 1 / 0.977);
      --accent-a12: color(display-p3 0.8392 0.8863 1 / 0.989);

      --accent-contrast: #fff;
      --accent-surface: color(display-p3 0.0941 0.1255 0.2431 / 0.5);
      --accent-indicator: oklch(71.8% 0.146 267.2);
      --accent-track: oklch(71.8% 0.146 267.2);
    }
  }
}


.dark {
  --grayscale-1: #121113;
  --grayscale-2: #1a191b;
  --grayscale-3: #232225;
  --grayscale-4: #2b292d;
  --grayscale-5: #323035;
  --grayscale-6: #3c393f;
  --grayscale-7: #49474e;
  --grayscale-8: #625f69;
  --grayscale-9: #6f6d78;
  --grayscale-10: #7c7a85;
  --grayscale-11: #b5b2bc;
  --grayscale-12: #eeeef0;

  --grayscale-a1: #00000000;
  --grayscale-a2: #f5f4f609;
  --grayscale-a3: #ebeaf814;
  --grayscale-a4: #eee5f81d;
  --grayscale-a5: #efe6fe25;
  --grayscale-a6: #f1e6fd30;
  --grayscale-a7: #eee9ff40;
  --grayscale-a8: #eee7ff5d;
  --grayscale-a9: #eae6fd6e;
  --grayscale-a10: #ece9fd7c;
  --grayscale-a11: #f5f1ffb7;
  --grayscale-a12: #fdfdffef;

  --grayscale-contrast: #fff;
  --grayscale-surface: rgba(0, 0, 0, 0.05);
  --grayscale-indicator: #6f6d78;
  --grayscale-track: #6f6d78;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --grayscale-1: color(display-p3 0.07 0.067 0.074);
      --grayscale-2: color(display-p3 0.101 0.098 0.105);
      --grayscale-3: color(display-p3 0.138 0.134 0.144);
      --grayscale-4: color(display-p3 0.167 0.161 0.175);
      --grayscale-5: color(display-p3 0.196 0.189 0.206);
      --grayscale-6: color(display-p3 0.232 0.225 0.245);
      --grayscale-7: color(display-p3 0.286 0.277 0.302);
      --grayscale-8: color(display-p3 0.383 0.373 0.408);
      --grayscale-9: color(display-p3 0.434 0.428 0.467);
      --grayscale-10: color(display-p3 0.487 0.48 0.519);
      --grayscale-11: color(display-p3 0.707 0.7 0.735);
      --grayscale-12: color(display-p3 0.933 0.933 0.94);

      --grayscale-a1: #00000000;
      --grayscale-a2: #f5f4f609;
      --grayscale-a3: #ebeaf814;
      --grayscale-a4: #eee5f81d;
      --grayscale-a5: #efe6fe25;
      --grayscale-a6: #f1e6fd30;
      --grayscale-a7: #eee9ff40;
      --grayscale-a8: #eee7ff5d;
      --grayscale-a9: #eae6fd6e;
      --grayscale-a10: #ece9fd7c;
      --grayscale-a11: #f5f1ffb7;
      --grayscale-a12: #fdfdffef;

      --grayscale-contrast: #fff;
      --grayscale-surface: color(display-p3 0 0 0 / 5%);
      --grayscale-indicator: color(display-p3 0.434 0.428 0.467);
      --grayscale-track: color(display-p3 0.434 0.428 0.467);
    }
  }
}

.light, :root {
  color-scheme: light;
  --accent: rgba(15, 42, 201, 1);
  --background: rgba(255, 255, 255, 1);
  --border: initial;
  --sidebar-background: initial;
  --header-background: color-mix(in srgb, var(--background), transparent 30%);
  --card-background: initial;
  --theme-color: #fff;
}

.dark {
  color-scheme: dark;
  --accent: rgba(123, 159, 255, 1);
  --background: rgba(0, 0, 0, 1);
  --border: initial;
  --sidebar-background: initial;
  --header-background: color-mix(in srgb, var(--background), transparent 30%);
  --card-background: initial;
  --theme-color: #000;
}

/**
 * Do not edit directly
 * Generated on Tue, 30 Dec 2025 13:23:15 GMT
 */

:root {
  --line-height-smaller: 1.1;
  --line-height-small: 1.3;
  --line-height-base: 1.5;
  --font-weight-900: 900;
  --font-weight-700: 700;
  --font-weight-600: 600;
  --font-weight-500: 500;
  --font-weight-400: 400;
  --font-weight-300: 300;
  --font-weight-100: 100;
  --font-size-10: 12px;
  --font-size-9: 14px;
  --font-size-8: 16px;
  --font-size-7: 18px;
  --font-size-6: 20px;
  --font-size-5: 24px;
  --font-size-4: 28px;
  --font-size-3: 36px;
  --font-size-2: 40px;
  --font-size-1: 48px;
  --font-family-monospace: monospace;
  --font-family-mono: 'Roboto Mono', monospace;
  --font-family-base: 'New Hero', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  --time-10: 10.00s;
  --time-5: 5.00s;
  --time-4-5: 4.50s;
  --time-4: 4.00s;
  --time-3-5: 3.50s;
  --time-3: 3.00s;
  --time-2-5: 2.50s;
  --time-2: 2.00s;
  --time-1-5: 1.50s;
  --time-1: 1.00s;
  --time-0-9: 0.90s;
  --time-0-8: 0.80s;
  --time-0-7: 0.70s;
  --time-0-6: 0.60s;
  --time-0-5: 0.50s;
  --time-0-4: 0.40s;
  --time-0-3: 0.30s;
  --time-0-2: 0.20s;
  --time-0-1: 0.10s;
  --space-16: 64px;
  --space-15: 60px;
  --space-14: 56px;
  --space-13: 52px;
  --space-12: 48px;
  --space-11: 44px;
  --space-10: 40px;
  --space-9: 36px;
  --space-8: 32px;
  --space-7: 28px;
  --space-6: 24px;
  --space-5: 20px;
  --space-4: 16px;
  --space-3: 12px;
  --space-2: 8px;
  --space-1: 4px;
  --space-0-5: 2px;
  --space-0-25: 1px;
  --space-0: 0px;
  --opacity-10: 1;
  --opacity-9: 0.9;
  --opacity-8: 0.8;
  --opacity-7: 0.7;
  --opacity-6: 0.6;
  --opacity-5: 0.5;
  --opacity-4: 0.4;
  --opacity-3: 0.3;
  --opacity-2: 0.2;
  --opacity-1: 0.1;
  --opacity-0: 0;
  --xl: 1280px;
  --lg: 1012px;
  --md: 768px;
  --sm: 544px;
  --xs: 375px;
  --box-shadow-heavy: 0 4px 10px rgba(0, 0, 0, 0.15);
  --box-shadow-base: 0px 2px 4px rgba(0, 0, 0, 0.12), 0px 0px 8px rgba(0, 0, 0, 0.08);
  --box-shadow-light: 0 2px 12px 0 rgba(0,0,0, 0.08);
  --border-width-large: 2px;
  --border-width-base: 1px;
  --border-width-none: 0px;
  --border-radius-50: 50%;
  --border-radius-16: 16px;
  --border-radius-8: 8px;
  --border-radius-4: 4px;
  --border-radius-2: 2px;
  --border-radius-0: 0px;
  --color-auxiliary-4: #f5d56c;
  --color-auxiliary-3: #3498db;
  --color-auxiliary-2: #9b59b6;
  --color-auxiliary-1: #39b685;
  --color-danger-700: #451c1c;
  --color-danger-600: #681f1f;
  --color-danger-500: #982020;
  --color-danger-400: #d92929;
  --color-danger-300: #f47171;
  --color-danger-200: #ffafaf;
  --color-danger-100: #ffd5d5;
  --color-danger-50: #ffe7e7;
  --color-alarm-700: #63431b;
  --color-alarm-600: #7d4e14;
  --color-alarm-500: #a25f0e;
  --color-alarm-400: #d47e15;
  --color-alarm-300: #edb065;
  --color-alarm-200: #ffd9a9;
  --color-alarm-100: #ffefd4;
  --color-alarm-50: #fff5ea;
  --color-success-700: #003d18;
  --color-success-600: #00451b;
  --color-success-500: #005a24;
  --color-success-400: #008033;
  --color-success-300: #54b27a;
  --color-success-200: #a8ddbd;
  --color-success-100: #dcf6e6;
  --color-success-50: #f3fff8;
  --color-neutral-900: #000000;
  --color-neutral-800: #191d22;
  --color-neutral-700: #333b46;
  --color-neutral-600: #4d5a6b;
  --color-neutral-500: #67778e;
  --color-neutral-400: #8395ab;
  --color-neutral-350: #9eb0c2;
  --color-neutral-300: #b7c7d5;
  --color-neutral-250: #cddae4;
  --color-neutral-200: #e0e8ee;
  --color-neutral-150: #eef3f6;
  --color-neutral-100: #f8fafc;
  --color-neutral-50: #fcfcfd;
  --color-neutral-0: #ffffff;
  --color-accent-900: #4c8f92;
  --color-accent-800: #63b0b3;
  --color-accent-700: #68b7ba;
  --color-accent-600: #84d3d7;
  --color-accent-500: #9ee8eb;
  --color-accent-400: #aaf1f3;
  --color-accent-300: #b5f6f9;
  --color-accent-200: #cafdff;
  --color-accent-100: #d9feff;
  --color-accent-50: #effeff;
  --color-primary-participant-950: #40123b;
  --color-primary-participant-900: #632c5d;
  --color-primary-participant-800: #783071;
  --color-primary-participant-700: #93388c;
  --color-primary-participant-600: #b247ac;
  --color-primary-participant-500: #cd62c9;
  --color-primary-participant-400: #e092dd;
  --color-primary-participant-300: #ecbbeb;
  --color-primary-participant-200: #f5d9f5;
  --color-primary-participant-100: #faecfb;
  --color-primary-participant-50: #fdf6fd;
  --color-primary-900: #001333;
  --color-primary-800: #001d4e;
  --color-primary-700: #002b75;
  --color-primary-600: #00338c;
  --color-primary-500: #00389a;
  --color-primary-400: #0c4bba;
  --color-primary-300: #2961c2;
  --color-primary-200: #4278d6;
  --color-primary-100: #76a3f0;
  --color-primary-75: #b0cbfb;
  --color-primary-50: #e0ecff;
  --font-weight-bold: var(--font-weight-700);
  --font-weight-semibold: var(--font-weight-500);
  --font-weight-normal: var(--font-weight-400);
  --font-weight-light: var(--font-weight-300);
  --font-size-base: var(--font-size-8);
  --transition-base: var(--time-0-1) ease-in;
  --box-shadow-hover-participant: 0 0 0 var(--space-1) var(--color-primary-participant-200);
  --box-shadow-hover: 0 0 0 var(--space-1) var(--border-color-soft);
  --color-danger-inverse: var(--color-neutral-50);
  --color-danger: var(--color-danger-400);
  --color-alarm-inverse: var(--color-neutral-50);
  --color-alarm: var(--color-alarm-400);
  --color-success-inverse: var(--color-neutral-50);
  --color-success: var(--color-success-400);
  --color-neutral: var(--color-neutral-500);
  --color-accent-inverse: var(--color-neutral-50);
  --color-accent: var(--color-accent-400);
  --color-primary-participant-inverse: var(--color-neutral-50);
  --color-primary-participant: var(--color-primary-participant-600);
  --color-primary-inverse: var(--color-neutral-50);
  --color-primary: var(--color-primary-400);
  --border-color-danger-soft: var(--color-danger-200);
  --border-color-alarm-soft: var(--color-alarm-200);
  --border-color-success-soft: var(--color-success-200);
  --border-color-inverse: var(--color-neutral-50);
  --border-color-primary-strong: var(--color-primary-500);
  --border-color-primary-softest: var(--color-primary-100);
  --border-color-primary-softer: var(--color-primary-200);
  --border-color-primary-soft: var(--color-primary-300);
  --border-color-softest: var(--color-neutral-150);
  --border-color-softer: var(--color-neutral-200);
  --border-color-soft: var(--color-neutral-300);
  --border-color-base: var(--color-neutral-350);
  --border-color-radio-primary-participant-soft: var(--color-primary-participant-50);
  --border-color-radio-primary-soft: var(--color-neutral-200);
  --border-color-input-disabled: var(--color-neutral-400);
  --border-color-input-active: var(--color-neutral-700);
  --border-color-input-hover: var(--color-neutral-400);
  --border-color-input: var(--color-neutral-400);
  --border-color-checkbox-primary-participant-soft: var(--color-primary-participant-50);
  --border-color-checkbox-primary-soft: var(--color-neutral-200);
  --border-color-button-secondary-disabled: var(--color-neutral-200);
  --border-color-button-secondary-success-active: var(--color-success-600);
  --border-color-button-secondary-alarm-active: var(--color-alarm-700);
  --border-color-button-secondary-alarm-hover: var(--color-alarm-500);
  --border-color-button-secondary-alarm: var(--color-alarm-500);
  --border-color-button-secondary-danger-active: var(--color-danger-700);
  --border-color-button-secondary-danger-hover: var(--color-danger-500);
  --border-color-button-secondary-danger: var(--color-danger-500);
  --border-color-button-secondary-primary-participant-active: var(--color-primary-participant-700);
  --border-color-button-secondary-primary-active: var(--color-primary-600);
  --text-color-menu-neutral: var(--color-neutral-700);
  --text-color-accent: var(--color-accent-900);
  --text-color-primary-strongest: var(--color-primary-900);
  --text-color-primary-stronger: var(--color-primary-700);
  --text-color-primary-active: var(--color-primary-600);
  --text-color-primary-strong: var(--color-primary-500);
  --text-color-primary-soft: var(--color-primary-300);
  --text-color-disabled: var(--color-neutral-600);
  --text-color-inverse: var(--color-neutral-50);
  --text-color-softest: var(--color-neutral-400);
  --text-color-softer: var(--color-neutral-500);
  --text-color-soft: var(--color-neutral-600);
  --text-color-base: var(--color-neutral-800);
  --text-color-link-active: var(--color-primary-600);
  --text-color-link-hover: var(--color-primary-500);
  --text-color-input-placeholder: var(--color-neutral-500);
  --text-color-button-text-success-active: var(--color-success-600);
  --text-color-button-text-success-hover: var(--color-success-500);
  --text-color-button-text-alarm-active: var(--color-alarm-700);
  --text-color-button-text-alarm-hover: var(--color-alarm-600);
  --text-color-button-text-alarm: var(--color-alarm-500);
  --text-color-button-text-danger-active: var(--color-danger-700);
  --text-color-button-text-danger-hover: var(--color-danger-600);
  --text-color-button-text-danger: var(--color-danger-500);
  --text-color-button-text-primary-participant-active: var(--color-primary-participant-800);
  --text-color-button-text-primary-participant-hover: var(--color-primary-participant-700);
  --text-color-button-secondary-success-active: var(--color-success-600);
  --text-color-button-secondary-alarm-active: var(--color-alarm-700);
  --text-color-button-secondary-alarm-hover: var(--color-alarm-500);
  --text-color-button-secondary-alarm: var(--color-alarm-500);
  --text-color-button-secondary-danger-active: var(--color-danger-700);
  --text-color-button-secondary-danger-hover: var(--color-danger-500);
  --text-color-button-secondary-danger: var(--color-danger-500);
  --text-color-button-secondary-primary-participant-active: var(--color-primary-participant-700);
  --text-color-button-secondary-primary-active: var(--color-primary-600);
  --background-color-danger-softest: var(--color-danger-50);
  --background-color-danger-softer: var(--color-danger-100);
  --background-color-danger-soft: var(--color-danger-300);
  --background-color-alarm-softest: var(--color-alarm-50);
  --background-color-alarm-softer: var(--color-alarm-100);
  --background-color-alarm-soft: var(--color-alarm-300);
  --background-color-success-softest: var(--color-success-50);
  --background-color-success-softer: var(--color-success-100);
  --background-color-success-soft: var(--color-success-300);
  --background-color-primary-strongest: var(--color-primary-900);
  --background-color-primary-stronger: var(--color-primary-700);
  --background-color-primary-strong: var(--color-primary-500);
  --background-color-primary-softest: var(--color-primary-50);
  --background-color-primary-softer: var(--color-primary-100);
  --background-color-primary-soft: var(--color-primary-300);
  --background-color-inverse-softest: var(--color-neutral-500);
  --background-color-inverse-softer: var(--color-neutral-600);
  --background-color-inverse-soft: var(--color-neutral-700);
  --background-color-inverse: var(--color-neutral-900);
  --background-color-softest: var(--color-neutral-200);
  --background-color-softer: var(--color-neutral-150);
  --background-color-soft: var(--color-neutral-100);
  --background-color-base: var(--color-neutral-50);
  --background-color-tooltip: var(--color-neutral-700);
  --background-color-radio-primary-participant-soft: var(--color-primary-participant-50);
  --background-color-radio-primary-soft: var(--color-primary-50);
  --background-color-menu-item-active: var(--color-neutral-250);
  --background-color-menu-item-hover: var(--color-primary-50);
  --background-color-menu-header: var(--color-primary-700);
  --background-color-menu: var(--color-neutral-50);
  --background-color-input-hover: var(--color-neutral-50);
  --background-color-input-disabled: var(--color-neutral-200);
  --background-color-input: var(--color-neutral-0);
  --background-color-checkbox-primary-participant-soft: var(--color-primary-participant-50);
  --background-color-checkbox-primary-soft: var(--color-primary-50);
  --background-color-success-secondary-success-active: var(--color-neutral-50);
  --background-color-button-secondary-success-hover: var(--color-neutral-50);
  --background-color-button-secondary-success: var(--color-neutral-50);
  --background-color-button-secondary-alarm-active: var(--color-neutral-50);
  --background-color-button-secondary-alarm-hover: var(--color-neutral-50);
  --background-color-button-secondary-alarm: var(--color-neutral-50);
  --background-color-button-secondary-danger-active: var(--color-neutral-50);
  --background-color-button-secondary-danger-hover: var(--color-neutral-50);
  --background-color-button-secondary-danger: var(--color-neutral-50);
  --background-color-button-secondary-primary-participant-active: var(--color-neutral-50);
  --background-color-button-secondary-primary-participant-hover: var(--color-neutral-50);
  --background-color-button-secondary-primary-participant: var(--color-neutral-50);
  --background-color-button-secondary-primary-active: var(--color-neutral-50);
  --background-color-button-secondary-primary-hover: var(--color-neutral-50);
  --background-color-button-secondary-primary: var(--color-neutral-50);
  --background-color-button-primary-disabled: var(--color-neutral-200);
  --background-color-button-primary-success-active: var(--color-success-600);
  --background-color-button-primary-success-hover: var(--color-success-500);
  --background-color-button-primary-alarm-active: var(--color-alarm-700);
  --background-color-button-primary-alarm-hover: var(--color-alarm-600);
  --background-color-button-primary-alarm: var(--color-alarm-500);
  --background-color-button-primary-danger-active: var(--color-danger-700);
  --background-color-button-primary-danger-hover: var(--color-danger-600);
  --background-color-button-primary-danger: var(--color-danger-500);
  --background-color-button-primary-primary-participant-active: var(--color-primary-participant-800);
  --background-color-button-primary-primary-participant-hover: var(--color-primary-participant-700);
  --background-color-button-primary-primary-participant: var(--color-primary-participant-600);
  --background-color-button-primary-primary-active: var(--color-primary-600);
  --background-color-button-primary-primary-hover: var(--color-primary-500);
  --box-shadow-focus: 0 0 0 2px var(--color-alarm-inverse), 0 0 0 5px var(--color-alarm);
  --color-radio-primary-participant: var(--color-primary-participant);
  --color-radio-primary: var(--color-primary);
  --color-checkbox-primary-participant: var(--color-primary-participant);
  --color-checkbox-primary: var(--color-primary);
  --box-shadow-radio-primary-participant-hover: var(--box-shadow-hover-participant);
  --box-shadow-radio-primary-hover: var(--box-shadow-hover);
  --box-shadow-checkbox-primary-participant-hover: var(--box-shadow-hover-participant);
  --box-shadow-checkbox-primary-hover: var(--box-shadow-hover);
  --box-shadow-button-secondary-primary-participant-hover: var(--box-shadow-hover-participant);
  --box-shadow-button-primary-primary-participant-hover: var(--box-shadow-hover-participant);
  --border-color-danger: var(--color-danger);
  --border-color-alarm: var(--color-alarm);
  --border-color-success: var(--color-success);
  --border-color-primary: var(--color-primary);
  --border-color-separator: var(--border-color-softer);
  --border-color-list-header: var(--border-color-soft);
  --border-color-list-item-active: var(--border-color-primary-softest);
  --border-color-list-item: var(--border-color-softer);
  --border-color-button-secondary-success-hover: var(--color-success);
  --border-color-button-secondary-success: var(--color-success);
  --border-color-button-secondary-primary-participant-hover: var(--color-primary-participant);
  --border-color-button-secondary-primary-participant: var(--color-primary-participant);
  --border-color-button-secondary-primary-hover: var(--color-primary);
  --border-color-button-secondary-primary: var(--color-primary);
  --text-color-menu-header: var(--text-color-inverse);
  --text-color-danger: var(--color-danger);
  --text-color-alarm: var(--color-alarm);
  --text-color-success: var(--color-success);
  --text-color-primary: var(--color-primary);
  --text-color-tooltip: var(--text-color-inverse);
  --text-color-link: var(--color-primary);
  --text-color-input-disabled: var(--text-color-disabled);
  --text-color-button-secondary-disabled: var(--text-color-disabled);
  --text-color-button-primary-disabled: var(--text-color-disabled);
  --text-color-button-text-success: var(--color-success);
  --text-color-button-text-primary-participant: var(--color-primary-participant);
  --text-color-button-text-primary-active: var(--text-color-link-active);
  --text-color-button-text-primary-hover: var(--text-color-link-hover);
  --text-color-button-secondary-success-hover: var(--color-success);
  --text-color-button-secondary-success: var(--color-success);
  --text-color-button-secondary-primary-participant-hover: var(--color-primary-participant);
  --text-color-button-secondary-primary-participant: var(--color-primary-participant);
  --text-color-button-secondary-primary-hover: var(--color-primary);
  --text-color-button-secondary-primary: var(--color-primary);
  --text-color-button-primary-success: var(--color-success-inverse);
  --text-color-button-primary-alarm: var(--color-alarm-inverse);
  --text-color-button-primary-danger: var(--color-danger-inverse);
  --text-color-button-primary-primary-participant: var(--color-primary-participant-inverse);
  --text-color-button-primary-primary: var(--color-primary-inverse);
  --background-color-danger: var(--color-danger);
  --background-color-alarm: var(--color-alarm);
  --background-color-success: var(--color-success);
  --background-color-primary: var(--color-primary);
  --background-color-radio-primary-participant: var(--color-primary-participant);
  --background-color-radio-primary: var(--color-primary);
  --background-color-participant-navbar: var(--color-primary);
  --background-color-researcher-navbar: var(--color-accent);
  --background-color-list-item-active: var(--background-color-primary-softest);
  --background-color-list-item: var(--background-color-base);
  --background-color-checkbox-primary-participant: var(--color-primary-participant);
  --background-color-checkbox-primary: var(--color-primary);
  --background-color-button-primary-success: var(--color-success);
  --background-color-button-primary-primary: var(--color-primary);
  --text-color-menu: var(--text-color-primary);
  --text-color-button-text-primary: var(--text-color-link);
}

:root {
  /* Use design system tokens */
  --fern-card-background: var(--background-color-soft);
}

.dark {
  --fern-card-background: var(--background-color-base);
}

.dark .fern-sidebar-link[data-state=inactive] .fern-sidebar-link-title,
.dark .fern-sidebar-link[data-state=inactive] svg {
  color: var(--grayscale-a9) !important;
}

.fern-sidebar-link[data-state=inactive] .fern-sidebar-link-title,
.fern-sidebar-link[data-state=inactive] svg {
  font-weight: normal !important;
  color: var(--text-color-base) !important;
}

.fern-sidebar-link[data-state=active] .fern-sidebar-link-title {
  font-weight: normal !important;
}

.fern-sidebar-heading .fern-sidebar-heading-content {
  font-weight: normal !important;
  color: var(--grayscale-a11) !important;
}

.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-6);
  align-items: stretch;
}

@media (max-width: 1024px) {

  .two-col {
    grid-template-columns: 1fr;
  }

}

.fill-height {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.fill-height > * {
  height: 100%;
}

.dark .cta {
  border: var(--border-width-base) solid var(--border-color-soft);
  background: var(--grayscale-2);
}

.cta {
  margin-top: var(--space-6);
  border: var(--border-width-base) solid var(--border-color-soft);
  border-radius: var(--border-radius-16);
  padding: var(--space-3) var(--space-6) var(--space-6) var(--space-6);
  background: var(--fern-card-background);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
}

.cta-actions {
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
}

.cta-title {
  margin-top: 0 !important;
}

.get-started-card > div > div > div {
  font-size: 18px !important;
}

.get-started-card__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--space-8);
  height: var(--space-8);
  margin-right: var(--space-3);
  border-radius: 999px;
  background: var(--background-color-softer);
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-7);
  line-height: 1;
  color: var(--text-color-base);
}

/* Prolific Klaro banner styles for external sites
 * Use with: klaro-no-css.js from KIProtect privacy manager
 * All lengths are px so this does not depend on html font-size.
 * Optional: set --font-sans to your brand font family.
 */

:root {
  --sides: 10px;
  --margin: 10px;
  --sidesWithMargin: calc(var(--sides) + var(--margin));
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

@media only screen and (min-width: 1034px) {

  :root {
    --sides: 30px;
  }

}

/* Accept button ("That's ok") */
.klaro .cm-btn.cm-btn-success {
  cursor: pointer;
  border-radius: 999px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  user-select: none;
  align-items: center;
}

.klaro .cm-btn.cm-btn-success > div {
  display: inline-flex;
  align-items: center;
}

.klaro .cm-btn.cm-btn-success svg {
  width: 20px;
  margin-left: 10px;
  transition: transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: inline-block;
}

.klaro .cm-btn.cm-btn-success {
  border: solid #0f2bc9 1px;
}

.klaro .cm-btn.cm-btn-success {
  background: #0f2bc9;
  border-color: #0f2bc9;
  color: #ffffff;
}

@media (hover: hover) {
  .klaro .cm-btn.cm-btn-success:hover {
      background: #ffffff;
      color: #0f2bc9;
      border-color: #0f2bc9;
    }
}

.klaro .cm-btn.cm-btn-success {
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.01em;
}

.klaro .cm-btn.cm-btn-success {
  padding: 15px 30px;
}

@media only screen and (min-width: 768px) {

  .klaro .cm-btn.cm-btn-success {
      padding: 18px 40px;
    }

}

.klaro .cm-btn.cm-btn-success {
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.01em;
}

.klaro .cm-btn.cm-btn-success {
  padding: 10px 23px;
}

.klaro .cm-btn.cm-btn-success {
  order: 1;
}
/* Banner + preferences modal */
.klaro {
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.015em;
}
@media only screen and (min-width: 768px) {

  .klaro {
    font-size: 18px;
    line-height: 140%;
    letter-spacing: -0.018em;
  }

}
.klaro strong,
.klaro b {
  font-weight: 500;
}
.klaro {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
}
.klaro > div {
  pointer-events: all;
}
.klaro button {
  cursor: pointer;
  border-radius: 12px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  user-select: none;
  align-items: center;
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.01em;
}
.klaro .cookie-modal {
  padding: var(--sidesWithMargin);
  position: relative;
  z-index: 10;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}
.klaro .cm-bg {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.klaro .cookie-modal:has(.cookie-notice:not(.cookie-notice-hidden)) {
  pointer-events: none;
  overflow: visible;
}
.klaro .cookie-modal:has(.cookie-notice:not(.cookie-notice-hidden)) .cm-bg {
  display: none;
}
.klaro .cookie-modal:has(.cookie-notice:not(.cookie-notice-hidden)) .cookie-notice {
  pointer-events: auto;
}
.klaro .cookie-notice,
.klaro .cm-modal {
  position: relative;
  z-index: 10;
  background: #ffffff;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  margin: 0 auto;
  max-width: 1035px;
  margin-top: auto;
}
.klaro .cm-modal {
  max-width: 800px;
}
.klaro .cookie-notice {
  width: 100%;
  max-width: none;
  margin: 0;
  margin-top: auto;
  padding: 16px;
}
@media only screen and (min-width: 768px) {

  .klaro .cookie-notice {
    width: min(470px, calc(100% - 32px)) !important;
    max-width: 470px !important;
    margin-left: auto !important;
    padding: 18px;
  }

}
@media only screen and (min-width: 1034px) {

  .klaro .cookie-notice {
    padding: 20px;
  }

}
.klaro .cn-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.klaro .cn-body > p {
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.025em;
}
@media only screen and (min-width: 768px) {

  .klaro .cn-body > p {
    font-size: 16px;
  }

}
.klaro .cn-body > p {
  color: #454545;
  margin: 0;
}
.klaro .cn-body > p span {
  display: inline !important;
  margin: 0 !important;
}
.klaro .cn-ok {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 20px;
  row-gap: 12px;
  width: 100%;
  margin-top: 0;
}
@media only screen and (min-width: 768px) {

  .klaro .cn-ok {
    width: auto;
  }

}
.klaro .cn-buttons {
  display: contents;
}
.klaro .cm-btn {
  margin: 0;
}
.klaro .cm-btn.cm-btn-success {
  order: 1;
}
.klaro .cm-btn.cm-btn-danger, .klaro .cm-btn.cm-btn-info {
  order: 2;
  width: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  color: #0f2bc9;
  text-decoration: underline;
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.025em;
}
@media only screen and (min-width: 768px) {

  .klaro .cm-btn.cm-btn-danger, .klaro .cm-btn.cm-btn-info {
    font-size: 16px;
  }

}
@media (hover: hover) {
  .klaro .cm-btn.cm-btn-danger:hover, .klaro .cm-btn.cm-btn-info:hover {
    text-decoration: none;
  }
}
.klaro .cm-btn.cm-btn-danger:focus-visible, .klaro .cm-btn.cm-btn-info:focus-visible {
  outline: 2px solid #0f2bc9;
  outline-offset: 2px;
  border-radius: 2px;
}
.klaro .cm-btn.cm-btn-info {
  order: 3;
}
.klaro .cm-modal h1 {
  font-family: var(--font-sans), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 130%;
  letter-spacing: -0.015em;
}
@media only screen and (min-width: 768px) {

  .klaro .cm-modal h1 {
    font-size: 29px;
    letter-spacing: -0.018em;
  }

}
.klaro .cm-modal h1 {
  color: #0f2bc9;
  margin-bottom: 10px;
}
.klaro .cm-header,
.klaro .cm-body,
.klaro .cm-footer {
  padding: 20px;
}
.klaro .cm-header {
  border-bottom: 1px solid rgba(168, 168, 168, 0.3);
}
.klaro .cm-footer {
  border-top: 1px solid rgba(168, 168, 168, 0.3);
}
.klaro .cm-footer .cm-footer-buttons {
  display: flex;
  gap: 12px;
}
@media only screen and (max-width: 767px) {

  .klaro .cm-footer .cm-footer-buttons {
    flex-direction: column;
  }

}

.klaro .cookie-modal .cm-switch,
.klaro .context-notice .cm-switch,
.klaro .cookie-notice .cm-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .context-notice .cm-list-input:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
  background-color: #1a936f;
  background-color: var(--green1, #1a936f);
}

.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider,
.klaro .context-notice .cm-list-input.half-checked:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider {
  background-color: #1a936f;
  background-color: var(--green1, #1a936f);
  opacity: 0.6;
}

.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider::before,
.klaro .context-notice .cm-list-input.half-checked:checked + .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider::before {
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider,
.klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider {
  background-color: #24cc9a;
  opacity: 0.8;
}

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider::before,
.klaro .context-notice .cm-list-input.only-required + .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider::before {
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider,
.klaro .context-notice .cm-list-input.required:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {
  background-color: #24cc9a;
  opacity: 0.8;
  cursor: not-allowed;
}

.klaro .cookie-modal .cm-list-input,
.klaro .context-notice .cm-list-input,
.klaro .cookie-notice .cm-list-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 50px;
  height: 30px;
}

.klaro .cookie-modal .cm-list-title,
.klaro .context-notice .cm-list-title,
.klaro .cookie-notice .cm-list-title {
  color: #0f2bc9;
}

.klaro .cookie-modal .cm-list-description,
.klaro .context-notice .cm-list-description,
.klaro .cookie-notice .cm-list-description {
  color: #454545;
  padding-top: 4px;
}

.klaro .cookie-modal .cm-list-label .cm-switch,
.klaro .context-notice .cm-list-label .cm-switch,
.klaro .cookie-notice .cm-list-label .cm-switch {
  position: absolute;
  left: 0;
}

.klaro .cookie-modal .cm-list-label,
.klaro .context-notice .cm-list-label,
.klaro .cookie-notice .cm-list-label {
  cursor: pointer;
}

.klaro .cookie-modal .cm-list-label .slider,
.klaro .context-notice .cm-list-label .slider,
.klaro .cookie-notice .cm-list-label .slider {
  background-color: #d1d1d1;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  width: 50px;
  display: inline-block;
}

.klaro .cookie-modal .cm-list-label .slider::before,
.klaro .context-notice .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-label .slider::before {
  background-color: #f4f4f4;
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 5px;
  bottom: 5px;
  transition: 0.4s;
}

.klaro .cookie-modal .cm-list-label .slider.round,
.klaro .context-notice .cm-list-label .slider.round,
.klaro .cookie-notice .cm-list-label .slider.round {
  border-radius: 30px;
}

.klaro .cookie-modal .cm-list-label .slider.round::before,
.klaro .context-notice .cm-list-label .slider.round::before,
.klaro .cookie-notice .cm-list-label .slider.round::before {
  border-radius: 50%;
}

.klaro .cookie-modal .cm-list-label input:checked + .slider::before,
.klaro .context-notice .cm-list-label input:checked + .slider::before,
.klaro .cookie-notice .cm-list-label input:checked + .slider::before {
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider::before,
.klaro .context-notice .cm-list-input:checked + .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider::before {
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes {
  padding: 0;
  margin: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-caret,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-caret {
  color: #454545;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content {
  margin-left: -40px;
  display: none;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content.expanded,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content.expanded {
  margin-top: 10px;
  display: block;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose {
  position: relative;
  line-height: 20px;
  vertical-align: middle;
  padding-left: 60px;
  min-height: 40px;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose {
  margin-top: 10px;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child {
  margin-top: 0;
}

.cm-services {
  padding-top: 4px;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p {
  margin-top: 0;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes {
  color: #a8a8a8;
  font-size: 0.8em;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all {
  border-top: 1px solid rgba(168, 168, 168, 0.3);
  padding-top: 1em;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required {
  color: #a8a8a8;
  padding-left: 0.2em;
}

.klaro .cookie-notice-hidden {
  display: none !important;
}