/* Navigation related breakpoints */
/* Grid related breakpoints */
:root {
  --font-sans: "Inter", sans-serif;
  /* Drupal administrative toolbar heights and width. */
  --toolbar-height: 2.4375rem;
  --toolbar-tray-height: 2.5rem;
  --toolbar-tray-vertical-width: 14.9375rem;
  /* Layout */
  --layout--max-width: 87.5rem;
  --scrollbar-width: 1rem;
  /**
   * Grid helpers.
   *
   * These variables help authors apply widths and negative margins to break items out of
   * the grid, while still conforming to the larger grid system.
   */
  --scrollbar-width: 0px; /* Unit must be specified here for calc() to work properly.*/
  --grid-col-count: 6;
  --grid-gap: var(--sp2);
  --grid-gap-count: calc(var(--grid-col-count) - 1); /* Count of grid-gaps. */
  --grid-full-width: calc(100vw - var(--sp2) - var(--scrollbar-width)); /* Width of the entire grid. */
  --grid-col-width: calc((var(--grid-full-width) - (var(--grid-gap-count) * var(--grid-gap))) / var(--grid-col-count)); /* Width of a grid column. */
  /* Layout helpers */
  --sp: 1rem;
  --sp0-25: calc(0.25 * var(--sp));
  --sp0-5: calc(0.5 * var(--sp));
  --sp0-75: calc(0.75 * var(--sp));
  --sp1: calc(1 * var(--sp));
  --sp1-5: calc(1.5 * var(--sp));
  --sp2: calc(2 * var(--sp));
  --sp2-5: calc(2.5 * var(--sp));
  --sp3: calc(3 * var(--sp));
  --sp4: calc(4 * var(--sp));
  --sp5: calc(5 * var(--sp));
  --sp6: calc(6 * var(--sp));
  --color--black: #000; /* Black */
  --color--gray-0: #0d1214; /* Black 1 */
  --color--gray-5: #0c0d0e;
  --color--gray-8: #171e23;
  --color--gray-10: #313637; /* Black 2 */
  --color--gray-20: #6e7172; /* Black 3 */
  --color--gray-25: #5d7585; /* Gray Dark */
  --color--gray-28: #7d919d; /* Gray Dark 2 */
  --color--gray-30: #7e96a7; /* Gray medium */
  --color--gray-40: #98abb9; /* Gray medium 1 */
  --color--gray-45: #afb8be; /* Gray medium 2 */
  --color--gray-50: #9ea0a1; /* Black 4 */
  --color--gray-70: #d7e1e8; /* Gray light */
  --color--gray-75: #e3e3e5;
  --color--gray-80: #e7edf1; /* Gray light 1 */
  --color--gray-90: #f1f4f7;
  --color--gray-95: #f7f9fa; /* Gray light 2 */
  --color--white: white;
  --color--green-light: #478527;
  --color--green: #1D6533;
  --color--green-dark: #1D6533;
  --color--light-gray: #eee;
  --color--orange: #FF9900;
  --color--orange-dark: #F45D0F;
  --color--yellow: #FDE700;
  --color-background: var(--color--white);
  --color-text-neutral-loud: var(--color--black);
  --color-text-neutral: var(--color--gray-5);
  --color-text-neutral-muted: var(--color--gray-10);
  --color-primary-loud: var(--color--green-dark);
  --color-primary: var(--color--green);
  --color-primary-muted: var(--color--green-light);
  --color-secondary-loud: var(--color--orange-dark);
  --color-secondary: var(--color--orange);
  --color-secondary-muted: var(--color--yellow);
  --color--white: #fff;
  --color--red: red;
  --color--gold: gold;
  --color--blue: blue;
  --grid-gap: var(--sp1-5);
  --form-element-border: #333;
  --focus-ring-color: currentColor;
}
@media (min-width: 37.5rem) {
  :root {
    --grid-col-count: 12;
  }
}
@media (min-width: 62.5rem) {
  :root {
    --scrollbar-width: 0.9375rem; /* Approximate width of a scrollbar. Doesn't have to be perfect. */
  }
}
@media (min-width: 68.75rem) {
  :root {
    --grid-full-width: calc(100vw - var(--scrollbar-width) - var(--sp4));
  }
}
@media (min-width: 81.25rem) {
  :root {
    --grid-col-count: 14;
    --grid-full-width: var(--layout--max-width);
  }
}
@media (min-width: 81.25rem) {
  :root {
    --grid-gap: var(--sp2);
  }
}