/*fern-site-stylesheet*/@font-face {
    font-family: 'Inter-Variable';
    src: url('/_fern-files/mangopay.docs.buildwithfern.com/0be2399ea925f1f83ff974764761da9860ec50742ed29a5d4c1ffd0c5c7ac3a8/docs/assets/fonts/Inter-VariableFont_opsz,wght.ttf') format('ttf');
    font-weight: 400 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AeonikMedium';
    src: url('/_fern-files/mangopay.docs.buildwithfern.com/9142e6677753a33d9a2513a055c6baa10bff9ae01e362c6cf9b84269a079d3ea/docs/assets/fonts/aeonik-medium.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'JetBrains-Mono';
    src: url('/_fern-files/mangopay.docs.buildwithfern.com/192a3158a926768d1fa520164f0fb0f40a6ad085435aa854e43eb14cb40d1aab/docs/assets/fonts/JetBrainsMono-VariableFont_wght.ttf') format('ttf');
    font-weight: 400 500;
    font-style: normal;
    font-display: swap;
}

:root {
  --header-height: 64px;
  --header-height-real: 64px;
  --mobile-header-height-real: 64px;
  --content-width: 768px;
  --sidebar-width: 288px;
  --page-width: 100vw;
  --logo-height: 28px;
  --font-body: 'Inter-Variable', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-heading: 'AeonikMedium', 'Inter-Variable', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-code: 'JetBrains-Mono', 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: #f9fcff;
  --accent-2: #f4f9ff;
  --accent-3: #e8f1ff;
  --accent-4: #dee9fe;
  --accent-5: #d4e2fd;
  --accent-6: #cadafb;
  --accent-7: #bbcff8;
  --accent-8: #a3bcee;
  --accent-9: #00000e;
  --accent-10: #142039;
  --accent-11: #4f638e;
  --accent-12: #131f38;

  --accent-a1: #0080ff06;
  --accent-a2: #0074ff0b;
  --accent-a3: #0064ff17;
  --accent-a4: #0055f821;
  --accent-a5: #0154f42b;
  --accent-a6: #004dec35;
  --accent-a7: #004be544;
  --accent-a8: #0046d05c;
  --accent-a9: #00000e;
  --accent-a10: #000d28eb;
  --accent-a11: #001d5cb0;
  --accent-a12: #000d28ec;

  --accent-contrast: #fff;
  --accent-surface: #f1f8ffcc;
  --accent-indicator: #00000e;
  --accent-track: #00000e;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --accent-1: oklch(99.1% 0.0077 264.1);
      --accent-2: oklch(98.2% 0.0155 264.1);
      --accent-3: oklch(95.6% 0.0235 264.1);
      --accent-4: oklch(93.1% 0.0315 264.1);
      --accent-5: oklch(91% 0.0396 264.1);
      --accent-6: oklch(88.8% 0.0479 264.1);
      --accent-7: oklch(85.3% 0.0606 264.1);
      --accent-8: oklch(79.4% 0.0769 264.1);
      --accent-9: oklch(7.4% 0.0513 264.1);
      --accent-10: oklch(24.6% 0.0513 264.1);
      --accent-11: oklch(50.3% 0.0721 264.1);
      --accent-12: oklch(24.1% 0.0513 264.1);

      --accent-a1: color(display-p3 0.0196 0.4118 1 / 0.02);
      --accent-a2: color(display-p3 0.0235 0.4157 0.9059 / 0.04);
      --accent-a3: color(display-p3 0.0078 0.3412 0.9529 / 0.083);
      --accent-a4: color(display-p3 0.0039 0.2941 0.9059 / 0.122);
      --accent-a5: color(display-p3 0.0039 0.2784 0.902 / 0.157);
      --accent-a6: color(display-p3 0.0078 0.2471 0.8627 / 0.197);
      --accent-a7: color(display-p3 0.0039 0.2353 0.8314 / 0.251);
      --accent-a8: color(display-p3 0.0039 0.2235 0.7608 / 0.342);
      --accent-a9: color(display-p3 0 0 0.051);
      --accent-a10: color(display-p3 0 0.0392 0.1373 / 0.91);
      --accent-a11: color(display-p3 0 0.0863 0.3255 / 0.675);
      --accent-a12: color(display-p3 0 0.0392 0.1373 / 0.914);

      --accent-contrast: #fff;
      --accent-surface: color(display-p3 0.9529 0.9725 1 / 0.8);
      --accent-indicator: oklch(7.4% 0.0513 264.1);
      --accent-track: oklch(7.4% 0.0513 264.1);
    }
  }
}


.light, :root {
  --grayscale-1: #fcfcfd;
  --grayscale-2: #f9f9fb;
  --grayscale-3: #f0f0f3;
  --grayscale-4: #e8e8ec;
  --grayscale-5: #e0e1e6;
  --grayscale-6: #d9d9e0;
  --grayscale-7: #cdced6;
  --grayscale-8: #b9bbc6;
  --grayscale-9: #8b8d98;
  --grayscale-10: #80838d;
  --grayscale-11: #60646c;
  --grayscale-12: #1c2024;

  --grayscale-a1: #00005503;
  --grayscale-a2: #00005506;
  --grayscale-a3: #0000330f;
  --grayscale-a4: #00002d17;
  --grayscale-a5: #0009321f;
  --grayscale-a6: #00002f26;
  --grayscale-a7: #00062e32;
  --grayscale-a8: #00083046;
  --grayscale-a9: #00051d74;
  --grayscale-a10: #00071b7f;
  --grayscale-a11: #0007149f;
  --grayscale-a12: #000509e3;

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

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --grayscale-1: color(display-p3 0.988 0.988 0.992);
      --grayscale-2: color(display-p3 0.976 0.976 0.984);
      --grayscale-3: color(display-p3 0.94 0.941 0.953);
      --grayscale-4: color(display-p3 0.908 0.909 0.925);
      --grayscale-5: color(display-p3 0.88 0.881 0.901);
      --grayscale-6: color(display-p3 0.85 0.852 0.876);
      --grayscale-7: color(display-p3 0.805 0.808 0.838);
      --grayscale-8: color(display-p3 0.727 0.733 0.773);
      --grayscale-9: color(display-p3 0.547 0.553 0.592);
      --grayscale-10: color(display-p3 0.503 0.512 0.549);
      --grayscale-11: color(display-p3 0.379 0.392 0.421);
      --grayscale-12: color(display-p3 0.113 0.125 0.14);

      --grayscale-a1: #00005503;
      --grayscale-a2: #00005506;
      --grayscale-a3: #0000330f;
      --grayscale-a4: #00002d17;
      --grayscale-a5: #0009321f;
      --grayscale-a6: #00002f26;
      --grayscale-a7: #00062e32;
      --grayscale-a8: #00083046;
      --grayscale-a9: #00051d74;
      --grayscale-a10: #00071b7f;
      --grayscale-a11: #0007149f;
      --grayscale-a12: #000509e3;

      --grayscale-contrast: #000;
      --grayscale-surface: color(display-p3 1 1 1 / 80%);
      --grayscale-indicator: color(display-p3 0.547 0.553 0.592);
      --grayscale-track: color(display-p3 0.547 0.553 0.592);
    }
  }
}


.dark {
  --accent-1: #0b0d0c;
  --accent-2: #161817;
  --accent-3: #202221;
  --accent-4: #272928;
  --accent-5: #2f3130;
  --accent-6: #383a39;
  --accent-7: #464847;
  --accent-8: #5e605f;
  --accent-9: #fff;
  --accent-10: #f4f6f5;
  --accent-11: #b1b4b2;
  --accent-12: #eceeed;

  --accent-a1: #b30d0003;
  --accent-a2: #f5d6c40e;
  --accent-a3: #feede218;
  --accent-a4: #f9ede520;
  --accent-a5: #fbf3ed28;
  --accent-a6: #fef7f131;
  --accent-a7: #fdf9f540;
  --accent-a8: #fdfbf859;
  --accent-a9: #ffffff;
  --accent-a10: #fdfffef6;
  --accent-a11: #fcfffcb0;
  --accent-a12: #fcfefdee;

  --accent-contrast: #311921;
  --accent-surface: #23232180;
  --accent-indicator: #fff;
  --accent-track: #fff;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --accent-1: oklch(15.5% 0.0037 165.1);
      --accent-2: oklch(20.7% 0.0038 165.1);
      --accent-3: oklch(24.9% 0.0038 165.1);
      --accent-4: oklch(28% 0.0038 165.1);
      --accent-5: oklch(31% 0.0038 165.1);
      --accent-6: oklch(34.7% 0.0038 165.1);
      --accent-7: oklch(39.9% 0.0038 165.1);
      --accent-8: oklch(48.8% 0.0038 165.1);
      --accent-9: oklch(100% 0 none);
      --accent-10: oklch(97.3% 0.0025 165.1);
      --accent-11: oklch(76.6% 0.0038 165.1);
      --accent-12: oklch(94.7% 0.0025 165.1);

      --accent-a1: color(display-p3 0.8275 0.051 0 / 0.005);
      --accent-a2: color(display-p3 1 0.9333 0.8549 / 0.049);
      --accent-a3: color(display-p3 1 0.9686 0.9255 / 0.09);
      --accent-a4: color(display-p3 0.9961 0.9765 0.9412 / 0.119);
      --accent-a5: color(display-p3 0.9961 0.9804 0.9569 / 0.152);
      --accent-a6: color(display-p3 1 0.9882 0.9686 / 0.188);
      --accent-a7: color(display-p3 1 0.9961 0.9804 / 0.245);
      --accent-a8: color(display-p3 1 1 0.9882 / 0.343);
      --accent-a9: color(display-p3 1 1 1);
      --accent-a10: color(display-p3 0.9922 1 0.9961 / 0.963);
      --accent-a11: color(display-p3 0.9922 1 0.9882 / 0.691);
      --accent-a12: color(display-p3 0.9922 1 0.9961 / 0.93);

      --accent-contrast: #311921;
      --accent-surface: color(display-p3 0.1333 0.1333 0.1255 / 0.5);
      --accent-indicator: oklch(100% 0 none);
      --accent-track: oklch(100% 0 none);
    }
  }
}


.dark {
  --grayscale-1: #101211;
  --grayscale-2: #171918;
  --grayscale-3: #202221;
  --grayscale-4: #272a29;
  --grayscale-5: #2e3130;
  --grayscale-6: #373b39;
  --grayscale-7: #444947;
  --grayscale-8: #5b625f;
  --grayscale-9: #63706b;
  --grayscale-10: #717d79;
  --grayscale-11: #adb5b2;
  --grayscale-12: #eceeed;

  --grayscale-a1: #00000000;
  --grayscale-a2: #f0f2f108;
  --grayscale-a3: #f3f5f412;
  --grayscale-a4: #f2fefd1a;
  --grayscale-a5: #f1fbfa22;
  --grayscale-a6: #edfbf42d;
  --grayscale-a7: #edfcf73c;
  --grayscale-a8: #ebfdf657;
  --grayscale-a9: #dffdf266;
  --grayscale-a10: #e5fdf674;
  --grayscale-a11: #f4fefbb0;
  --grayscale-a12: #fdfffeed;

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

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --grayscale-1: color(display-p3 0.064 0.07 0.067);
      --grayscale-2: color(display-p3 0.092 0.098 0.094);
      --grayscale-3: color(display-p3 0.128 0.135 0.131);
      --grayscale-4: color(display-p3 0.155 0.164 0.159);
      --grayscale-5: color(display-p3 0.183 0.193 0.188);
      --grayscale-6: color(display-p3 0.218 0.23 0.224);
      --grayscale-7: color(display-p3 0.269 0.285 0.277);
      --grayscale-8: color(display-p3 0.362 0.382 0.373);
      --grayscale-9: color(display-p3 0.398 0.438 0.421);
      --grayscale-10: color(display-p3 0.453 0.49 0.474);
      --grayscale-11: color(display-p3 0.685 0.709 0.697);
      --grayscale-12: color(display-p3 0.927 0.933 0.93);

      --grayscale-a1: #00000000;
      --grayscale-a2: #f0f2f108;
      --grayscale-a3: #f3f5f412;
      --grayscale-a4: #f2fefd1a;
      --grayscale-a5: #f1fbfa22;
      --grayscale-a6: #edfbf42d;
      --grayscale-a7: #edfcf73c;
      --grayscale-a8: #ebfdf657;
      --grayscale-a9: #dffdf266;
      --grayscale-a10: #e5fdf674;
      --grayscale-a11: #f4fefbb0;
      --grayscale-a12: #fdfffeed;

      --grayscale-contrast: #fff;
      --grayscale-surface: color(display-p3 0 0 0 / 5%);
      --grayscale-indicator: color(display-p3 0.398 0.438 0.421);
      --grayscale-track: color(display-p3 0.398 0.438 0.421);
    }
  }
}

.light, :root {
  color-scheme: light;
  --accent: rgba(0, 0, 14, 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(255, 255, 255, 1);
  --background: rgba(9, 13, 13, 1);
  --border: initial;
  --sidebar-background: initial;
  --header-background: color-mix(in srgb, var(--background), transparent 30%);
  --card-background: initial;
  --theme-color: #090d0d;
}

/* Hide feedback email checkbox */

form.p-0 > hr.border-border-default + div.mt-4 {
    display: none !important;
}

/* Pills */
.pill {
  display: inline-flex;
  margin: 12px 0px;
  padding: 0px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  font-family: "JetBrains Mono", monospace;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

/* Colored pills for release notes */

.pill-green {
  background-color: #89E481;
  color: #12282F;
}

.pill-orange {
  background-color: #FFD260;
  color: #12282F;
}

.pill-red {
  background-color: #F5C1AE;
  color: #12282F;
}

.pill-blue {
  background-color: #AAE0FF;
  color: #12282F;
}

/* Gray pill for error categories */

.pill-gray {
  margin: 0px 12px 0px 0px;
  background-color: #f5f3f5;
  color: #2d0f37;
}

/* Colors for homepage cards */
.background-color-yellow {
  background-color: #12282f;
}

:root.dark .background-color-yellow {
  background-color: #e5e5e5;
}

.background-color-yellow:hover {
  background-color: #2a3e44;
}
.background-color-yellow:focus-visible {
  background-color: #2a3e44; outline: none;
}

:root.dark .background-color-yellow:hover {
  background-color: #ffffff;
}
:root.dark .background-color-yellow:focus-visible {
  background-color: #ffffff; outline: none;
}

.background-color-yellow:hover svg path:first-child {
  fill: #ffffff;
}
.background-color-yellow:focus-within svg path:first-child {
  fill: #ffffff; outline: none;
}
.background-color-yellow:hover svg path:last-child {
  stroke: #ffffff;
}
.background-color-yellow:focus-within svg path:last-child {
  stroke: #ffffff; outline: none;
}

:root.dark .background-color-yellow svg path:first-child {
  fill: #00000e;
}
:root.dark .background-color-yellow svg path:last-child {
  stroke: #00000e;
}

:root.dark .background-color-yellow:hover svg path:first-child {
  fill: #00000e;
}
:root.dark .background-color-yellow:focus-within svg path:first-child {
  fill: #00000e; outline: none;
}
:root.dark .background-color-yellow:hover svg path:last-child {
  stroke: #00000e;
}
:root.dark .background-color-yellow:focus-within svg path:last-child {
  stroke: #00000e; outline: none;
}

.card-header-color-yellow {
  color: #ffffff !important;
}

:root.dark .card-header-color-yellow {
  color: #00000e !important;
}

.background-color-lavander {
  background-color: #dbd9ff;
}

:root.dark .background-color-lavander {
  background-color: #b6b2ff;
}

.background-color-lavander:hover {
  background-color: #b6b2ff;
}
.background-color-lavander:focus-visible {
  background-color: #b6b2ff; outline: none;
}

:root.dark .background-color-lavander:hover {
  background-color: #867eff;
}
:root.dark .background-color-lavander:focus-visible {
  background-color: #867eff; outline: none;
}

.background-color-lavander:hover svg path:first-child {
  fill: #00000e;
}
.background-color-lavander:focus-within svg path:first-child {
  fill: #00000e; outline: none;
}
.background-color-lavander:hover svg path:last-child {
  stroke: #00000e;
}
.background-color-lavander:focus-within svg path:last-child {
  stroke: #00000e; outline: none;
}

/*  */
/* API parameters */
/*  */

/* Hide Optional label */
.fern-api-property-optional {
  display: none;
}

/* Hide Required label in (oneOf) response schemas on object pages */

div[id*="object#"] .fern-api-property-required {
  display: none;
}


/* Api parameter - Name */
.fern-api-property-key {
  font-size: 15px;
}

/* Api parameter - Type pill */
.fern-api-property-meta {
  color: var(--grayscale-a11);
}

/* Api parameter - Description */
.fern-api-property p {
  font-size: 15px;
  line-height: 1.5rem;
}

.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
  margin-top: 0em !important;
  margin-bottom: 1em !important;
}


/*  */
/* Typography */
/*  */


code.language-ruby,
code.language-dotnet,
code.language-python,
code.language-java {
  color: #fff;
}

code.language-php span,
code.language-ruby span {
  color: #fff;
}

strong {
  color: inherit;
}

h1 {
  font-weight: 500;
  font-size: 48px;
  line-height: 56px;
}

h2 {
  font-weight: 600 !important;
}

h3,
h4,
h5,
h6 {
  font-family: "Inter-Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif !important;
  font-weight: 600 !important;
}

:root.dark h1,
:root.dark h2,
:root.dark h3,
:root.dark h4,
:root.dark h5,
:root.dark h6 {
  color: white;
}
:root:not(.dark) h1,
:root:not(.dark) h2,
:root:not(.dark) h3,
:root:not(.dark) h4,
:root:not(.dark) h5,
:root:not(.dark) h6 {
  color: #2d0f37;
}

.resize-text {
  font-size: 15px;
}

/* Links */
.fern-mdx-link {
  color: inherit;
}

:root.dark .fern-mdx-link {
  color: white;
}

/* MDX Card links use `.card` on the anchor; `rounded-xl` in markup may not be in Fern’s CSS bundle. */
.fern-mdx-link.fern-card,
.fern-mdx-link .fern-card,
.fern-mdx-link.card {
  border-radius: var(--rounded-xl, 0.75rem);
  overflow: hidden;
}

.fern-mdx-link.fern-card,
.fern-mdx-link .fern-card {
  padding: 5px;
}
/*  */
/* Lists */
/*  */

ol > li::marker {
  color: inherit;
}

/*  */
/* Block Quote */
/*  */

blockquote {
  border-color: #2d0f37;
  color: #2d0f37;
}

:root.dark blockquote {
  border-color: white;
  color: white;
}

/*  */
/* Sidebar */
/*  */

.fern-sidebar-group {
  text-wrap: pretty;
}

.fern-sidebar-link {
  transition: 0.15s;
}

/*  */
/* Cards */
/*  */

.fern-card,
.fern-card * {
  transition-duration: 150ms;
}

:root.dark .fern-card:not(.card-variation) {
  background: rgb(20, 23, 23);
  border: none;
}

:root.dark .fern-card:not(.card-variation):hover {
  background-color: #2d2e2f;
}
:root.dark .fern-card:not(.card-variation):focus-visible {
  background-color: #2d2e2f; outline: none;
}

.fern-card:not(.card-variation) p {
  font-size: 16px;
  margin-top: 0.5rem;
}

.fern-card:not(.card-variation) h4:first-child {
  margin-top: 0.5rem;
}

.fern-card:not(.card-variation) h5 {
  margin-top: 0.5rem;
}

/* Card variation */

.card-variation .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card-variation.background-color-yellow:hover .card-header > h2 {
  color: #ffffff;
}
.card-variation.background-color-yellow:focus-within .card-header > h2 {
  color: #ffffff; outline: none;
}

.card-variation.background-color-lavander:hover .card-header > h2 {
  color: #00000e;
}
.card-variation.background-color-lavander:focus-within .card-header > h2 {
  color: #00000e; outline: none;
}

.card-variation .card-header > h2 {
  font-size: 1.5rem;
}

.card-variation .card-body {
  margin-top: 48px;
}

.card-variation .card-body p {
  line-height: 24px;
}

.card-variation.background-color-yellow:hover .card-body p {
  color: #ffffff;
}
.card-variation.background-color-yellow:focus-within .card-body p {
  color: #ffffff; outline: none;
}

:root.dark .card-variation.background-color-yellow:hover .card-body p {
  color: #00000e;
}
:root.dark .card-variation.background-color-yellow:focus-within .card-body p {
  color: #00000e; outline: none;
}

.card-variation.background-color-lavander:hover .card-body p {
  color: #00000e;
}
.card-variation.background-color-lavander:focus-within .card-body p {
  color: #00000e; outline: none;
}

:root.dark .card-variation.background-color-yellow .card-body p {
  color: #00000e;
}

:root.dark .card-variation.background-color-lavander .card-body p {
  color: #00000e;
}

:root.dark .card-variation.background-color-lavander:hover .card-body p {
  color: #00000e;
}
:root.dark .card-variation.background-color-lavander:focus-within .card-body p {
  color: #00000e; outline: none;
}

:root.dark .card-variation:hover .card-header > h2 {
  color: #00000e;
}
:root.dark .card-variation:focus-within .card-header > h2 {
  color: #00000e; outline: none;
}

:root.dark .card-variation.background-color-lavander .card-header h2 {
  color: #12282F;
}

:root.dark .card-variation.background-color-lavander:hover .card-header h2 {
  color: #12282F;
}
:root.dark .card-variation.background-color-lavander:focus-within .card-header h2 {
  color: #12282F; outline: none;
}

/* Home page SDK card divs */
.sdk-card {
  background-color: #f5f5f6;
  border: hidden;
  text-decoration: none;
}

.sdk-card:hover,
.sdk-card:focus-visible,
.sdk-card * {
  text-decoration: none;
}

:root.dark .sdk-card {
  background: rgb(20, 23, 23) !important;
  border: none !important;
}

:root.dark .sdk-card:hover {
  background-color: #2d2e2f !important;
}
:root.dark .sdk-card:focus-visible {
  background-color: #2d2e2f !important; outline: none;
}

:root.dark .sdk-card .card-body p {
  color: #dfdee0 !important;
}

:root.dark .sdk-card:hover .card-body p {
  color: #ffffff !important;
}
:root.dark .sdk-card:focus-within .card-body p {
  color: #ffffff !important; outline: none;
}

/* Home “First steps” card links (full-card <a>) */
a.card.card-variation {
  text-decoration: none;
}

a.card.card-variation:hover,
a.card.card-variation:focus-visible,
a.card.card-variation * {
  text-decoration: none;
}

:root:not(.dark) .sdk-card:hover {
  border: hidden;
  background-color: #e5e5e9;
  color: #00000e !important;
}
:root:not(.dark) .sdk-card:focus-visible {
  border: hidden;
  background-color: #e5e5e9;
  color: #00000e !important; outline: none;
}

/*  */
/* Tables */
/*  */

.fern-table-root {
  font-size: 15px !important;
  line-height: 1.5rem !important;
}

.fern-table {
  border: none;
  border-collapse: collapse;
}

.fern-table th {
  color: #2d0f37;
  font-weight: 600;
}

:root.dark .fern-table th {
  color: white;
}

.fern-table thead tr th {
  background-color: transparent !important;
}

.fern-table td,
.fern-table th {
  border-bottom: 1px solid #d0d3d0;
  border-collapse: collapse;
}

.fern-table th {
  border-right: 1px solid #d0d3d0;
  border-left: 1px solid #d0d3d0;
}

.fern-table td {
  border-right: 1px solid #d0d3d0;
  border-left: none;
}

:root.dark .fern-table td {
  border-bottom: 1px solid #4e5251;
  border-right: 1px solid #4e5251;
  border-left: none;
}

:root.dark .fern-table th {
  border-bottom: 1px solid #4e5251;
  border-right: 1px solid #4e5251;
}

.fern-table td:first-child,
.fern-table th:first-child,
:root.dark .fern-table td:first-child,
:root.dark .fern-table th:first-child {
  border-left: none;
}

.fern-table td:last-child,
.fern-table th:last-child,
:root.dark .fern-table td:last-child,
:root.dark .fern-table th:last-child {
  border-right: none;
}

.header {
  vertical-align: middle;
  text-align: left;
  padding: 10px 16px;
  font-weight: 600;
}

.header-compact {
  vertical-align: middle;
  text-align: left;
  font-weight: 600;
}

.header-compact-2 {
  padding: 10px 16px 10px 0px;
  vertical-align: top;
  text-align: left;
  font-weight: 600;
}

.compact {
  white-space: nowrap;
}

.table-content {
  padding: 10px 16px;
  vertical-align: top;
}

.table-content p {
  margin-top: 0;
}

.table-content p:last-child {
  margin-bottom: 0;
}

.table-content li {
  padding-left: 1.5rem !important;
}

.table-content > ul:first-child {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  vertical-align: top;
}

.table-content > ul:first-child > li:first-child {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  vertical-align: top;
}

.header-column .header {
  vertical-align: top;
  margin-top: 0em !important;
}

/* give rowspan left border */
.fern-table .row-span {
  border-right: none;
  border-left: 1px solid #d0d3d0;
}

:root.dark .fern-table .row-span {
  border-right: none;
  border-left: 1px solid #4e5251;
}

.no-borders {
  border: hidden !important;
}

.hug-content {
  width: 1%;
  white-space: nowrap;
}

.min-height-4-lines {
  height: 7.25rem;
}

.min-height-3-lines {
  height: 5.75rem;
}

.min-height-2-lines {
  height: 4.25rem;
}

/* Currencies Table */

.currenciesTable {
  height: 80vh;
  border-collapse: separate;
  border-spacing: 0;
}

.currenciesTable td {
  border-bottom: 1px solid #d0d3d0;
  border-right: 1px solid #d0d3d0;
  border-left: none;
  border-collapse: collapse;
  color: #374151;
}

:root.dark .currenciesTable td {
  border-bottom: 1px solid #4e5251;
  border-right: 1px solid #4e5251;
  color: #9ca3af;
}

.currenciesTable .header {
  border: 1px solid #d0d3d0;
  border-top: none;
  border-left: none;
  background-color: #f3f5f3 !important;
}

:root.dark .currenciesTable .header {
  border: 1px solid #4e5251;
  border-top: none;
  border-left: none;
  background-color: #171919 !important;
}

/* Freeze first column */
.currenciesTable thead tr:first-child th:first-child,
.currenciesTable tbody th:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}

/* Freeze first row */
.currenciesTable thead {
  position: sticky;
  top: 0;
  z-index: 2;
}

:root.dark .currenciesTable thead {
  position: sticky;
  top: 0;
  z-index: 2;
}

.header-normal-weight {
  font-weight: normal;
}

.fern-table .header-normal-weight,
.currenciesTable .header-normal-weight {
  font-weight: normal;
}

/* Hide elements but keep them in code */
.hide {
  display: none;
}

.hx-inside h4 {
  margin-top: 0 !important;
}

/*  */
/* Release Notes page */
/*  */

.release-notes-cards .fern-card h2 {
  margin-top: 0px;
}

.release-notes-cards .fern-card li {
  font-size: 1rem;
}

.release-notes-cards .pill {
  margin-top: 1em !important;
  margin-bottom: 1em !important;
}

.release-notes-page
  :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0.2em !important;
}

.release-notes-page
  :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0.2em !important;
}

.release-notes-page .pill {
  margin-top: 1.2em !important;
}

/*  */
/* Accordions */
/*  */

/* [Item 1] Light-mode accordion header should match page bg (transparent) with
   dark text; only dark-mode keeps the dark codeblock-like background. */
:root:not(.dark) .fern-accordion-trigger {
  background-color: transparent;
  color: #2d0f37;
}

:root:not(.dark) .fern-accordion-trigger-title,
:root:not(.dark) .fern-accordion-trigger-title p {
  color: #2d0f37;
}

:root:not(.dark) .fern-accordion-item {
  background-color: transparent;
}

:root.dark .fern-accordion-trigger {
  background-color: rgb(20, 23, 23);
}

:root.dark .fern-accordion-trigger:hover {
  background-color: #2d2e2f;
}
:root.dark .fern-accordion-trigger:focus-visible {
  background-color: #2d2e2f; outline: none;
}

.fern-accordion-trigger-title p {
  font-weight: 600;
}

:root.dark .fern-accordion-item {
  background-color: rgb(20, 23, 23);
  border: none;
}

/*  */
/* Progress bar */
/*  */

.bar-of-progress {
  color: #fcb069 !important;
}

.bar-of-progress .glow {
  box-shadow: #fcb069 3px 0px 2px 0px !important;
}

:root.dark .bar-of-progress {
  color: #fcb069 !important;
}

:root.dark .bar-of-progress .glow {
  box-shadow: #fcb069 3px 0px 2px 0px !important;
}

.bar-of-progress:after {
  box-shadow: 0px 0px 0px 0px !important;
}

/*  */
/* Callouts */
/*  */

.fern-callout {
  font-size: 15px;
  line-height: 1.5rem;
}

:root:not(.dark) .fern-callout {
  color: #2d0f37 !important;
}

:root.dark .fern-callout {
  color: #ffffff !important;
}

/*  */
/* Code */
/*  */

/* Inline code */
/* Light Mode */
:root:not(.dark) :not(pre) > code {
  background-color: #f5f5f6;
  color: #2d0f37;
  font-weight: 500;
}

/* Dark Mode */
:root.dark :not(pre) > code {
  background-color: rgb(20, 23, 23);
  color: #e5e5e5;
  font-weight: 500;
}

/*  */
/* Scrollbar */
/*  */

::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
}

:root.dark ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
:root.dark ::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}

/* Hide card icon */

.lucide-arrow-up-right {
  visibility: hidden;
}

/* Mermaid */

.mermaid {
  width: 100%;
}

/* ============================================================ */
/* Cosmetic refinements per Mangopay feedback (May 5-7, 2026)   */
/* ============================================================ */

/*
 * [Item 4] Tables - remove the outer <table> border. Inner cell borders are
 * preserved by the existing rules above.
 */
.fern-table-root,
.fern-table {
  border: 0 !important;
  box-shadow: none !important;
}

.fern-table-root table,
table.fern-table,
.fern-table table {
  border: 0 !important;
  outline: 0 !important;
}

/* Drop the outer ring some Fern table wrappers add */
.fern-table-root > div,
.fern-table-root > div > div {
  border: 0 !important;
  box-shadow: none !important;
}

/*
 * [Item 6] Home-page columns - Mintlify renders these grids with responsive
 * column counts via Tailwind utilities (`sm:grid-cols-2` for the hero,
 * `sm:grid-cols-3` for the SDK list). The Fern MDX hard-codes `grid-cols-1`
 * on both, so we restore the responsive layout via scoped CSS.
 *
 * Tightened (PR #29 follow-up): the previous selector
 * `.not-prose.grid.grid-cols-1` matched BOTH grids and forced 1/2/3 on each.
 * We now anchor on the unique child class of each grid (`.card-variation`
 * for the hero, `.sdk-card` for the SDK list) via `:has()` so each grid
 * gets the column count Mintlify uses.
 */

/* Hero "First steps" grid — Mintlify uses `sm:grid-cols-2`. */
.not-prose.grid.grid-cols-1:has(> a.card-variation) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 640px) {

  .not-prose.grid.grid-cols-1:has(> a.card-variation) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

/* SDK list grid — Mintlify uses `sm:grid-cols-3`. */
.not-prose.grid.grid-cols-1:has(> a.sdk-card) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 640px) {

  .not-prose.grid.grid-cols-1:has(> a.sdk-card) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}

/*
 * [Item 7] Mermaid font - inherit body font instead of the default
 * Trebuchet MS / sans-serif Mermaid ships with.
 */
.mermaid,
.mermaid *,
.mermaid svg,
.mermaid svg text,
.mermaid svg foreignObject,
.mermaid svg foreignObject * {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif !important;
}

/*
 * [Item 8] Inline <code> styling inside tables - match site-wide inline code
 * (light gray bg in light mode, dark codeblock bg in dark mode). Fern's
 * default inline code can lose its bg/border inside table cells.
 */
:root:not(.dark) .fern-table :not(pre) > code,
:root:not(.dark) .fern-table-root :not(pre) > code,
:root:not(.dark) td :not(pre) > code,
:root:not(.dark) th :not(pre) > code {
  background-color: #f5f5f6;
  border: 1px solid #e7e9ea;
  color: #2d0f37;
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  font-size: 0.875em;
}

:root.dark .fern-table :not(pre) > code,
:root.dark .fern-table-root :not(pre) > code,
:root.dark td :not(pre) > code,
:root.dark th :not(pre) > code {
  background-color: rgb(20, 23, 23);
  border: 1px solid #2d2e2f;
  color: #e5e5e5;
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  font-size: 0.875em;
}

/*
 * [Item 9] Replace blue background highlight with grey #E7E9EA across:
 *   (a) sidebar nav active item highlight,
 *   (b) API property highlights,
 *   (c) path-variable badges (e.g. :ClientId).
 *
 * NOTE: exact Fern selectors for these highlights vary by build. The
 * selectors below cover Fern's documented stable hooks and a few likely
 * fallbacks. Visual verification by Chris is recommended.
 */

/* (a) Sidebar nav active item */
:root:not(.dark) .fern-sidebar-link[data-state="active"],
:root:not(.dark) .fern-sidebar-link[aria-current="page"],
:root:not(.dark) .fern-sidebar-link.active,
:root:not(.dark) li[data-state="active"] > .fern-sidebar-link {
  background-color: #e7e9ea !important;
  color: #2d0f37 !important;
}

:root:not(.dark) .fern-sidebar-link[data-state="active"]:hover,
:root:not(.dark) .fern-sidebar-link[aria-current="page"]:hover {
  background-color: #dcdfe0 !important;
}
:root:not(.dark) .fern-sidebar-link[data-state="active"]:focus-visible,
:root:not(.dark) .fern-sidebar-link[aria-current="page"]:focus-visible {
  background-color: #dcdfe0 !important; outline: none;
}

/* (b) API property / parameter highlight (e.g. when scrolled-to or hovered) */
:root:not(.dark) .fern-api-property[data-highlighted="true"],
:root:not(.dark) .fern-api-property.highlighted,
:root:not(.dark) .fern-api-property:target {
  background-color: #e7e9ea !important;
}

/* (c) Path-variable / endpoint URL parameter badges (the `:ClientId` pills) */
:root:not(.dark) .fern-endpoint-url .fern-endpoint-path-part,
:root:not(.dark) .fern-endpoint-url [class*="path-parameter"],
:root:not(.dark) .fern-http-method-content [class*="path-parameter"],
:root:not(.dark) span[data-path-parameter="true"] {
  background-color: #e7e9ea !important;
  color: #2d0f37 !important;
}

/*  */
/* Dynamic-URL endpoints: 
These are documented in OAS with a server override (correct) and a path parameter which is incorrect but necessary for rendereing the variable server on the docs page.
This CSS targets the relevevant pages and hides:
- The auto-rendered server placeholder
- The leading slash
In the right-side code block, the server is already hidden but the leading slash is targeted in this CSS. 
/*  */
.fern-layout-reference:has([id^="/api-reference/card-registrations/tokenize-card"])
  article > header span.font-mono.text-sm > span:nth-child(-n+2),
.fern-layout-reference:has([id^="/api-reference/settlements/upload-settlement-file"])
  article > header span.font-mono.text-sm > span:nth-child(-n+2),
.fern-layout-reference:has([id^="/api-reference/card-registrations/tokenize-card"])
  .fern-endpoint-request-snippet .font-mono > span:first-child,
.fern-layout-reference:has([id^="/api-reference/settlements/upload-settlement-file"])
  .fern-endpoint-request-snippet .font-mono > span:first-child {
  display: none !important;
}
/* Hide path parameter section in content area */
[id="/api-reference/card-registrations/tokenize-card#request.path"],
[id="/api-reference/settlements/upload-settlement-file#request.path"] {
  display: none !important;
}

/* Announcement banner — https://buildwithfern.com/learn/docs/customization/announcement-banner */
/* Match DOCS pill in logo: mgp-light.svg #E7E5FF, mgp-dark.svg #3A3D3D */
#fern-announcement {
  background-color: #e7e5ff !important;
  color: #00000e !important;
  --accent-contrast: #00000e;
  font-size: 0.95rem;
}

:root.dark #fern-announcement,
.dark #fern-announcement {
  background-color: #3a3d3d !important;
  color: #ffffff !important;
  --accent-contrast: #ffffff;
}

#fern-announcement button .fern-button-content svg.lucide-x,
#fern-announcement button .fern-button-content svg.lucide-x path {
  color: #00000e !important;
  stroke: #00000e !important;
}

:root.dark #fern-announcement button .fern-button-content svg.lucide-x,
:root.dark #fern-announcement button .fern-button-content svg.lucide-x path,
.dark #fern-announcement button .fern-button-content svg.lucide-x,
.dark #fern-announcement button .fern-button-content svg.lucide-x path {
  color: #ffffff !important;
  stroke: #ffffff !important;
}
/* 
#fern-announcement > div {
  justify-content: center;
} */
/* 
#fern-announcement a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
  text-underline-offset: 0.18em;
  font-weight: 500;
  transition: text-decoration-color 0.15s ease, opacity 0.15s ease;
} */
/* 
#fern-announcement a:hover {
  text-decoration-color: currentColor;
  opacity: 0.85;
}

#fern-announcement button {
  color: inherit;
  opacity: 0.55;
}

#fern-announcement button:hover {
  opacity: 0.85;
} */
/* OneTrust Cookie custom styles */

@import url("https://fonts.googleapis.com/css2?family=Inter&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap");

@media (min-width: 600px) {

  #onetrust-button-group {
    display: flex !important;
    justify-content: space-between !important;
  }

}
@media (min-width: 600px) {

  #onetrust-button-group {
    display: flex !important;
    flex-direction: row-reverse !important;
  }

}
@media (min-width: 600px) {

  #onetrust-button-group button {
    margin-right: 12px !important;
  }

}
#onetrust-pc-btn-handler,
#onetrust-reject-all-handler,
#onetrust-accept-btn-handler,
.ot-pc-refuse-all-handler,
.save-preference-btn-handler,
#accept-recommended-btn-handler {
  border-radius: 56px !important;
  font-size: 12px !important;
  font-family: "JetBrains Mono", monospace !important;
  font-weight: 500 !important;
  transition: 0.2s;
  min-width: 0 !important;
  letter-spacing: normal;
}
#onetrust-reject-all-handler,
.ot-pc-refuse-all-handler {
  border: 1px solid #eae7eb !important;
  color: #12282f !important;
  background-color: transparent !important;
  padding: 10px 24px !important;
}
#onetrust-reject-all-handler:hover,
.ot-pc-refuse-all-handler:hover,
#onetrust-reject-all-handler:focus,
.ot-pc-refuse-all-handler:focus {
  border-color: #eae7eb !important;
  background-color: #eae7eb !important;
  opacity: 1 !important;
}
#onetrust-reject-all-handler:focus-visible,
.ot-pc-refuse-all-handler:focus-visible {
  border-color: #eae7eb !important;
  background-color: #eae7eb !important;
  opacity: 1 !important; outline: none;
}
#onetrust-accept-btn-handler,
.save-preference-btn-handler,
#accept-recommended-btn-handler {
  background: #867eff !important;
  border: 1px solid #867eff !important;
  color: #ffffff !important;
  padding: 10px 24px !important;
}
#onetrust-accept-btn-handler:hover,
.save-preference-btn-handler:hover,
#accept-recommended-btn-handler:hover,
#onetrust-accept-btn-handler:focus,
.save-preference-btn-handler:focus,
#accept-recommended-btn-handler:focus {
  border-color: #665eff !important;
  background-color: #665eff !important;
  color: #ffffff !important;
  opacity: 1 !important;
}
#onetrust-accept-btn-handler:focus-visible,
.save-preference-btn-handler:focus-visible,
#accept-recommended-btn-handler:focus-visible {
  border-color: #665eff !important;
  background-color: #665eff !important;
  color: #ffffff !important;
  opacity: 1 !important; outline: none;
}
#onetrust-pc-btn-handler {
  border: none !important;
  color: #12282f !important;
  background-color: transparent !important;
  padding: 10px 24px !important;
}
#onetrust-pc-btn-handler:hover,
#onetrust-pc-btn-handler:focus {
  color: #12282f !important;
  padding: 10px 24px !important;
  border-color: #eae7eb !important;
  background-color: #eae7eb !important;
  opacity: 1 !important;
}
#onetrust-pc-btn-handler:focus-visible {
  color: #12282f !important;
  padding: 10px 24px !important;
  border-color: #eae7eb !important;
  background-color: #eae7eb !important;
  opacity: 1 !important; outline: none;
}
#onetrust-consent-sdk #onetrust-pc-sdk div.ot-always-active {
  color: #867eff !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .category-menu-switch-handler h3 {
  transition: 0.2s;
}
#onetrust-consent-sdk #onetrust-pc-sdk .category-menu-switch-handler:hover h3 {
  color: #867eff;
}
#onetrust-consent-sdk #onetrust-pc-sdk .category-menu-switch-handler:focus-within h3 {
  color: #867eff; outline: none;
}
#onetrust-consent-sdk #onetrust-pc-sdk,
#onetrust-consent-sdk #onetrust-banner-sdk {
  border-radius: 16px !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk p,
#onetrust-consent-sdk #onetrust-banner-sdk p {
  color: #12282f !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk *:focus,
#onetrust-consent-sdk #onetrust-banner-sdk *:focus {
  outline: none !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk:focus,
#onetrust-consent-sdk #onetrust-banner-sdk:focus {
  outline: none !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link {
  color: #2d0f37 !important;
  text-decoration: underline !important;
  transition: 0.2s;
}
#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link:hover {
  color: #867eff !important;
  text-decoration: underline !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link:focus-visible {
  color: #867eff !important;
  text-decoration: underline !important; outline: none;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-active-menu {
  border-color: #867eff !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk {
  box-shadow: none !important;
  background-color: #ffffff !important;
}
@media (min-width: 600px) {

  #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded {
    top: auto !important;
    bottom: 24px !important;
  }

}
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text {
  font-size: 14px !important;
  line-height: 24px !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk a[href] {
  color: #12282f !important;
  text-decoration: underline !important;
  transition: 0.2s;
  font-weight: 400 !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk a[href]:hover {
  color: #867eff !important;
  text-decoration: underline !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk a[href]:focus-visible {
  color: #867eff !important;
  text-decoration: underline !important; outline: none;
}
#onetrust-consent-sdk #onetrust-banner-sdk.ot-bnr-w-logo #onetrust-policy {
  margin-top: 30px !important;
}
#onetrust-consent-sdk #onetrust-banner-sdk.ot-bnr-w-logo .ot-bnr-logo {
  margin-left: 0.875rem !important;
}
@media (min-width: 601px) {

  #onetrust-consent-sdk #onetrust-banner-sdk.ot-bnr-w-logo .ot-bnr-logo {
    margin-left: 1.375rem !important;
  }

}
@media (min-width: 600px) {

  #onetrust-consent-sdk #onetrust-banner-sdk.ot-bnr-w-logo .ot-bnr-logo {
    margin-left: 1.5rem !important;
  }

}
#onetrust-consent-sdk .ot-bnr-logo {
  display: none !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk {
  overflow: hidden !important;
  background: #f9f8f9 !important;
  box-shadow: 0px 8px 12px rgba(45, 12, 45, 0.05),
    0px -2px 4px rgba(45, 12, 45, 0.02), 0px 2px 4px rgba(0, 0, 0, 0.05) !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer-logo {
  display: none !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .save-preference-btn-handler,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-refuse-all-handler,
#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler {
  border-radius: 1.38rem !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-always-active {
  color: #867eff !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk .ot-sdk-container {
  border-radius: 0 !important;
}
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc br {
  display: none;
}
/* OneTrust Cookie settings button */
.footer-ot-cookie-settings-btn .ot-sdk-show-settings,
.legal-page .ot-sdk-show-settings {
  border: none !important;
  padding: 0 !important;
}
.footer-ot-cookie-settings-btn .ot-sdk-show-settings:hover,
.legal-page .ot-sdk-show-settings:hover {
  background-color: transparent !important;
}
.footer-ot-cookie-settings-btn .ot-sdk-show-settings:focus-visible,
.legal-page .ot-sdk-show-settings:focus-visible {
  background-color: transparent !important; outline: none;
}
.legal-page .ot-sdk-show-settings {
  color: #867eff !important;
  font-size: inherit !important;
}
.legal-page .ot-sdk-show-settings:hover {
  color: #867eff !important;
}
.legal-page .ot-sdk-show-settings:focus-visible {
  color: #867eff !important; outline: none;
}
/* Cookie list */
#ot-sdk-cookie-policy .ot-sdk-cookie-policy.ot-sdk-container {
  box-shadow: none !important;
}
#ot-sdk-cookie-policy .ot-sdk-cookie-policy.ot-sdk-container * {
  color: #2d0c2d !important;
}
#ot-sdk-cookie-policy .ot-sdk-cookie-policy.ot-sdk-container a {
  text-decoration: none !important;
  background-color: transparent !important;
  color: #867eff !important;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h5,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h6,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p {
  font-size: 1.25rem !important;
}
@media only screen and (min-width: 768px) {

  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title,
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group,
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description,
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h5,
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h6,
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li,
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p {
    font-size: 1.25rem !important;
    line-height: 2rem !important;
  }

}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td {
  font-size: 0.9rem !important;
}
@media only screen and (min-width: 768px) {

  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a,
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span,
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td {
    font-size: 1.25rem !important;
    line-height: 2rem !important;
  }

}
@media only screen and (max-width: 720px) {

  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table,
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy thead,
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy tbody,
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th,
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td,
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy tr {
    display: block !important;
  }

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

  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th,
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td {
    max-width: 200px;
  }

}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-host,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-cookies-type {
  width: auto !important;
}
@media only screen and (min-width: 720px) {

  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-host,
  #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-cookies-type {
    width: 25% !important;
  }

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

  #onetrust-banner-sdk .ot-sdk-container,
  #onetrust-pc-sdk .ot-sdk-container,
  #ot-sdk-cookie-policy .ot-sdk-container {
    width: 100% !important;
  }

}
.cookie-page a {
  display: inline-block;
  word-wrap: break-word;
  max-width: 100% !important;
}
.cookie-page table .ot-host-td {
  word-wrap: break-word !important;
}