/*fern-site-stylesheet*/@font-face {
    font-family: 'Inter';
    src: url('/_fern-files/truvo.docs.buildwithfern.com/693b77d4f32ee9b8bfc995589b5fad5e99adf2832738661f5402f9978429a8e3/assets/fonts/InterVariable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter Headings';
    src: url('/_fern-files/truvo.docs.buildwithfern.com/693b77d4f32ee9b8bfc995589b5fad5e99adf2832738661f5402f9978429a8e3/assets/fonts/InterVariable.woff2') format('woff2');
    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: 1408px;
  --logo-height: 18px;
  --font-body: 'Inter', system-ui, sans-serif, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-heading: 'Inter Headings', system-ui, sans-serif, 'Inter', system-ui, sans-serif, 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: #f6f8f3;
  --accent-2: #f0f5ea;
  --accent-3: #def4c4;
  --accent-4: #cdf0a1;
  --accent-5: #bce783;
  --accent-6: #aed874;
  --accent-7: #9cc461;
  --accent-8: #86ad4a;
  --accent-9: #3d5417;
  --accent-10: #2e4402;
  --accent-11: #527600;
  --accent-12: #2e4402;

  --accent-a1: #2f952c05;
  --accent-a2: #449f0b0e;
  --accent-a3: #74de0235;
  --accent-a4: #79de0159;
  --accent-a5: #77d20178;
  --accent-a6: #6bba0288;
  --accent-a7: #60a2009b;
  --accent-a8: #548c00b3;
  --accent-a9: #2a4301e8;
  --accent-a10: #2c4300fd;
  --accent-a11: #527600;
  --accent-a12: #2c4300fd;

  --accent-contrast: #fff;
  --accent-surface: #eef4e7cc;
  --accent-indicator: #3d5417;
  --accent-track: #3d5417;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --accent-1: oklch(97.5% 0.0066 127.7);
      --accent-2: oklch(96.3% 0.0154 127.7);
      --accent-3: oklch(94% 0.0684 127.7);
      --accent-4: oklch(91.1% 0.1087 127.7);
      --accent-5: oklch(87.5% 0.1359 127.7);
      --accent-6: oklch(83% 0.1359 127.7);
      --accent-7: oklch(77% 0.1359 127.7);
      --accent-8: oklch(69.8% 0.1359 127.7);
      --accent-9: oklch(41.3% 0.0906 127.7);
      --accent-10: oklch(35.5% 0.0906 127.7);
      --accent-11: oklch(51.9% 0.1359 127.7);
      --accent-12: oklch(35.4% 0.0906 127.7);

      --accent-a1: color(display-p3 0.0588 0.5216 0.0471 / 0.017);
      --accent-a2: color(display-p3 0.2627 0.5804 0.0118 / 0.049);
      --accent-a3: color(display-p3 0.4902 0.8392 0.0039 / 0.191);
      --accent-a4: color(display-p3 0.5098 0.8471 0.0039 / 0.316);
      --accent-a5: color(display-p3 0.4863 0.7922 0.0039 / 0.422);
      --accent-a6: color(display-p3 0.4235 0.6941 0.0039 / 0.482);
      --accent-a7: color(display-p3 0.3765 0.5922 0 / 0.555);
      --accent-a8: color(display-p3 0.3255 0.5059 0 / 0.644);
      --accent-a9: color(display-p3 0.149 0.2275 0 / 0.867);
      --accent-a10: color(display-p3 0.1451 0.2157 0 / 0.936);
      --accent-a11: color(display-p3 0.2627 0.3843 0 / 0.871);
      --accent-a12: color(display-p3 0.1451 0.2157 0 / 0.936);

      --accent-contrast: #fff;
      --accent-surface: color(display-p3 0.9373 0.9569 0.9137 / 0.8);
      --accent-indicator: oklch(41.3% 0.0906 127.7);
      --accent-track: oklch(41.3% 0.0906 127.7);
    }
  }
}


.light, :root {
  --grayscale-1: #fcfdfc;
  --grayscale-2: #f8faf8;
  --grayscale-3: #eff1ef;
  --grayscale-4: #e7e9e7;
  --grayscale-5: #dfe2df;
  --grayscale-6: #d7dad7;
  --grayscale-7: #cccfcc;
  --grayscale-8: #b9bcb8;
  --grayscale-9: #898e87;
  --grayscale-10: #7f847d;
  --grayscale-11: #60655f;
  --grayscale-12: #1d211c;

  --grayscale-a1: #00550003;
  --grayscale-a2: #00490007;
  --grayscale-a3: #00200010;
  --grayscale-a4: #00160018;
  --grayscale-a5: #00180020;
  --grayscale-a6: #00140028;
  --grayscale-a7: #000f0033;
  --grayscale-a8: #040f0047;
  --grayscale-a9: #050f0078;
  --grayscale-a10: #040e0082;
  --grayscale-a11: #020a00a0;
  --grayscale-a12: #010600e3;

  --grayscale-contrast: #000;
  --grayscale-surface: #ffffffcc;
  --grayscale-indicator: #898e87;
  --grayscale-track: #898e87;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .light, :root {
      --grayscale-1: color(display-p3 0.989 0.992 0.989);
      --grayscale-2: color(display-p3 0.974 0.98 0.973);
      --grayscale-3: color(display-p3 0.939 0.945 0.937);
      --grayscale-4: color(display-p3 0.907 0.914 0.905);
      --grayscale-5: color(display-p3 0.878 0.885 0.875);
      --grayscale-6: color(display-p3 0.846 0.855 0.843);
      --grayscale-7: color(display-p3 0.803 0.812 0.8);
      --grayscale-8: color(display-p3 0.727 0.738 0.723);
      --grayscale-9: color(display-p3 0.541 0.556 0.532);
      --grayscale-10: color(display-p3 0.5 0.515 0.491);
      --grayscale-11: color(display-p3 0.38 0.395 0.374);
      --grayscale-12: color(display-p3 0.117 0.129 0.111);

      --grayscale-a1: #00550003;
      --grayscale-a2: #00490007;
      --grayscale-a3: #00200010;
      --grayscale-a4: #00160018;
      --grayscale-a5: #00180020;
      --grayscale-a6: #00140028;
      --grayscale-a7: #000f0033;
      --grayscale-a8: #040f0047;
      --grayscale-a9: #050f0078;
      --grayscale-a10: #040e0082;
      --grayscale-a11: #020a00a0;
      --grayscale-a12: #010600e3;

      --grayscale-contrast: #000;
      --grayscale-surface: color(display-p3 1 1 1 / 80%);
      --grayscale-indicator: color(display-p3 0.541 0.556 0.532);
      --grayscale-track: color(display-p3 0.541 0.556 0.532);
    }
  }
}


.dark {
  --accent-1: #0c1008;
  --accent-2: #151911;
  --accent-3: #202915;
  --accent-4: #283812;
  --accent-5: #324617;
  --accent-6: #3d551c;
  --accent-7: #496520;
  --accent-8: #557622;
  --accent-9: #92c841;
  --accent-10: #87bd33;
  --accent-11: #95cc45;
  --accent-12: #cfeeab;

  --accent-a1: #008f0002;
  --accent-a2: #b1f76a0b;
  --accent-a3: #b2fc561c;
  --accent-a4: #a5fd2a2c;
  --accent-a5: #aafc393b;
  --accent-a6: #aefd404b;
  --accent-a7: #b2fd425c;
  --accent-a8: #b3fd3e6e;
  --accent-a9: #b9ff50c5;
  --accent-a10: #b5ff41b9;
  --accent-a11: #b9ff54c9;
  --accent-a12: #deffb7ed;

  --accent-contrast: #1c2510;
  --accent-surface: #1c231580;
  --accent-indicator: #92c841;
  --accent-track: #92c841;
}

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --accent-1: oklch(16.6% 0.0171 128.7);
      --accent-2: oklch(20.7% 0.0171 128.7);
      --accent-3: oklch(26.5% 0.0364 128.7);
      --accent-4: oklch(31.8% 0.0633 128.7);
      --accent-5: oklch(36.6% 0.0751 128.7);
      --accent-6: oklch(41.6% 0.0874 128.7);
      --accent-7: oklch(46.8% 0.1013 128.7);
      --accent-8: oklch(52.4% 0.118 128.7);
      --accent-9: oklch(76.9% 0.1723 128.7);
      --accent-10: oklch(73.4% 0.1723 128.7);
      --accent-11: oklch(78% 0.1723 128.7);
      --accent-12: oklch(91.1% 0.0946 128.7);

      --accent-a1: color(display-p3 0 0.8431 0 / 0.005);
      --accent-a2: color(display-p3 0.8039 0.9961 0.5216 / 0.042);
      --accent-a3: color(display-p3 0.7765 0.9961 0.4118 / 0.109);
      --accent-a4: color(display-p3 0.7216 1 0.2824 / 0.171);
      --accent-a5: color(display-p3 0.7529 1 0.349 / 0.225);
      --accent-a6: color(display-p3 0.7647 1 0.3647 / 0.288);
      --accent-a7: color(display-p3 0.7765 0.9961 0.3843 / 0.355);
      --accent-a8: color(display-p3 0.7765 1 0.3765 / 0.425);
      --accent-a9: color(display-p3 0.7882 1 0.4314 / 0.767);
      --accent-a10: color(display-p3 0.7804 1 0.3882 / 0.721);
      --accent-a11: color(display-p3 0.7961 1 0.4392 / 0.78);
      --accent-a12: color(display-p3 0.898 1 0.749 / 0.925);

      --accent-contrast: #1c2510;
      --accent-surface: color(display-p3 0.1176 0.1333 0.0863 / 0.5);
      --accent-indicator: oklch(76.9% 0.1723 128.7);
      --accent-track: oklch(76.9% 0.1723 128.7);
    }
  }
}


.dark {
  --grayscale-1: #111110;
  --grayscale-2: #191918;
  --grayscale-3: #222221;
  --grayscale-4: #2a2a28;
  --grayscale-5: #31312e;
  --grayscale-6: #3b3a37;
  --grayscale-7: #494844;
  --grayscale-8: #62605b;
  --grayscale-9: #6f6d66;
  --grayscale-10: #7c7b74;
  --grayscale-11: #b5b3ad;
  --grayscale-12: #eeeeec;

  --grayscale-a1: #00000000;
  --grayscale-a2: #f4f4f309;
  --grayscale-a3: #f6f6f513;
  --grayscale-a4: #fefef31b;
  --grayscale-a5: #fbfbeb23;
  --grayscale-a6: #fffaed2d;
  --grayscale-a7: #fffbed3c;
  --grayscale-a8: #fff9eb57;
  --grayscale-a9: #fffae965;
  --grayscale-a10: #fffdee73;
  --grayscale-a11: #fffcf4b0;
  --grayscale-a12: #fffffded;

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

@supports (color: color(display-p3 1 1 1)) {
  @media (color-gamut: p3) {
    .dark {
      --grayscale-1: color(display-p3 0.067 0.067 0.063);
      --grayscale-2: color(display-p3 0.098 0.098 0.094);
      --grayscale-3: color(display-p3 0.135 0.135 0.129);
      --grayscale-4: color(display-p3 0.164 0.163 0.156);
      --grayscale-5: color(display-p3 0.193 0.192 0.183);
      --grayscale-6: color(display-p3 0.23 0.229 0.217);
      --grayscale-7: color(display-p3 0.285 0.282 0.267);
      --grayscale-8: color(display-p3 0.384 0.378 0.357);
      --grayscale-9: color(display-p3 0.434 0.428 0.403);
      --grayscale-10: color(display-p3 0.487 0.481 0.456);
      --grayscale-11: color(display-p3 0.707 0.703 0.68);
      --grayscale-12: color(display-p3 0.933 0.933 0.926);

      --grayscale-a1: #00000000;
      --grayscale-a2: #f4f4f309;
      --grayscale-a3: #f6f6f513;
      --grayscale-a4: #fefef31b;
      --grayscale-a5: #fbfbeb23;
      --grayscale-a6: #fffaed2d;
      --grayscale-a7: #fffbed3c;
      --grayscale-a8: #fff9eb57;
      --grayscale-a9: #fffae965;
      --grayscale-a10: #fffdee73;
      --grayscale-a11: #fffcf4b0;
      --grayscale-a12: #fffffded;

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

.light, :root {
  color-scheme: light;
  --accent: rgba(61, 84, 23, 1);
  --background: rgba(250, 250, 247, 1);
  --border: rgba(220, 227, 210, 1);
  --sidebar-background: rgba(237, 243, 227, 1);
  --header-background: rgba(237, 243, 227, 1);
  --card-background: rgba(255, 255, 255, 1);
  --theme-color: #fafaf7;
}

.dark {
  color-scheme: dark;
  --accent: rgba(146, 200, 65, 1);
  --background: rgba(14, 15, 13, 1);
  --border: rgba(42, 46, 37, 1);
  --sidebar-background: rgba(18, 21, 16, 1);
  --header-background: rgba(18, 21, 16, 1);
  --card-background: rgba(23, 25, 21, 1);
  --theme-color: #0e0f0d;
}

/* Fern colors the active sidebar link with --accent-a11. In light mode the
   derived value measured 4.25:1 on the active row, under WCAG AA, so pin it
   to the brand-775 green (6.8:1). The selector outranks Fern's `.light,
   :root` rule and its display-p3 variant. */
:root:not(.dark) {
  --accent-a11: #3d5417;
}

/* The request field tables of the "Request a quote" guides
   (fern/snippets/request-fields-*.mdx, which scripts/quote-request-field-docs.ts
   writes). Each one follows the "Top-level fields" heading or a heading whose
   ID starts with "application". Under 640px a row can't hold a field name, a
   type and a description side by side: the name alone is up to 260px wide.
   So each row becomes a block that holds the name and its label, the type,
   the default, then the description, each on the full width, and the table
   never scrolls sideways. A table with four columns has a Default column,
   which takes its name back from the hidden header row. */
@media (max-width: 640px) {

  :is(h3#top-level-fields, h3[id^="application"]) + .fern-table-root .fern-scroll-area-viewport {
    overflow: visible !important;
  }
  :is(h3#top-level-fields, h3[id^="application"]) + .fern-table-root .fern-scroll-area-viewport > div {
    display: block !important;
    min-width: 0 !important;
  }
  :is(h3#top-level-fields, h3[id^="application"]) + .fern-table-root :is(table, tbody, tr, td) {
    display: block;
    width: auto;
    height: auto;
  }
  :is(h3#top-level-fields, h3[id^="application"]) + .fern-table-root thead {
    display: none;
  }
  :is(h3#top-level-fields, h3[id^="application"]) + .fern-table-root tr {
    padding: 0.75rem;
    border-bottom: 1px solid var(--border, #dce3d2);
  }
  :is(h3#top-level-fields, h3[id^="application"]) + .fern-table-root tr:last-child {
    border-bottom: 0;
  }
  :is(h3#top-level-fields, h3[id^="application"]) + .fern-table-root td {
    padding: 0;
    border: 0;
  }
  :is(h3#top-level-fields, h3[id^="application"]) + .fern-table-root td + td {
    margin-top: 0.25rem;
  }
  :is(h3#top-level-fields, h3[id^="application"]) + .fern-table-root td:empty {
    display: none;
  }
  :is(h3#top-level-fields, h3[id^="application"]) + .fern-table-root td:first-child code {
    overflow-wrap: anywhere;
  }
  :is(h3#top-level-fields, h3[id^="application"]) + .fern-table-root table:has(th:nth-child(4)) td:nth-child(3)::before {
    content: "Default: ";
  }

}

/* In the same tables, a field's label sits on the line under its name. Fern
   sets no space between the two lines, so the margin sets it: 0.25rem, the
   4px base step of Fern's spacing scale. It is less than the cell padding
   (0.5rem), so the name and its label read as one item, and it equals the
   space between the parts of a row in the narrow layout above. */
:is(h3#top-level-fields, h3[id^="application"]) + .fern-table-root td:first-child > .fern-docs-badge {
  margin-top: 0.25rem;
}