.element-invisible,.element-focusable{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.element-focusable:active,.element-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;width:auto}.element-hidden{display:none}:root{--constraint-content-with-sidebar: 46.875rem;--constraint-dialog: 48rem;--constraint-in-page-nav: 15rem;--constraint-legend: 13.625rem;--constraint-max-content: 66rem;--constraint-max-page: 75rem;--constraint-min-content: 48rem;--constraint-text-content: 46.875rem;--constraint-med-figure: 56.4375rem;--gutter-mobile: 1.25rem;--gutter-desktop: 2.5rem;--brand-blue-base: #001871;--brand-blue-light: #8e9fbc;--brand-blue-medium: #44659a;--brand-blue-tint-light: #dde2eb;--brand-blue-tint-medium: #bbc7d6;--brand-gold-base: #c69214;--brand-gold-light: #f2ede2;--brand-green-base: #007367;--brand-red-base: #bd2333;--grayscale-black: #000;--grayscale-xtra-dark: #1b1b1b;--grayscale-dark: #585858;--grayscale-medium: #767676;--grayscale-tint-medium: #a9a9a9;--grayscale-light: #e7e7e8;--grayscale-tint-light: #f4f4f5;--grayscale-white: #fff;--color-accordion-arrow-open: var(--grayscale-white);--color-accordion-arrow-closed: var(--brand-gold-base);--color-accordion-bg-open: var(--brand-green-base);--color-accordion-bg-closed: var(--brand-gold-light);--color-accordion-border: var(--brand-gold-base);--color-accordion-text: var(--brand-green-base);--color-axis: #808184;--color-body-text: var(--grayscale-xtra-dark);--color-dialog-border: var(--brand-gold-base);--color-dialog-close-button: var(--brand-green-base);--color-figure-title: var(--grayscale-dark);--color-icon: var(--brand-green-base);--color-icon-hover: var(--brand-gold-base);--color-link: var(--brand-green-base);--color-table-header-text: var(--brand-blue-base);--color-selected-bg: var(--brand-green-base);--color-selected-text: var(--grayscale-white);--color-subtitle-text: var(--brand-blue-base);--color-unselected-text: var(--brand-green-base);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 2rem;--spacing-7-5: 2.25rem;--spacing-8: 2.5rem;--spacing-9: 3rem;--spacing-10: 4rem;--spacing-12: 6rem;--font-family-base: "Open Sans", sans-serif;--font-family-headings: var(--font-family-base);--font-family-mono: Consolas, "Lucida Console", "Liberation Mono", "Courier New", monospace, sans-serif;--font-size-0: .75rem;--font-size-1: .8125rem;--font-size-2: .875rem;--font-size-3: .9375rem;--font-size-4: 1rem;--font-size-5: 1.125rem;--font-size-5-5: 1.1875rem;--font-size-6: 1.25rem;--font-size-7: 1.375rem;--font-size-8: 1.5rem;--font-size-9: 1.625rem;--font-size-10: 1.75rem;--font-size-11: 2rem;--font-size-12: 2.25rem;--font-size-13: 2.5rem;--font-size-14: 3rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--weight-heading: var(--font-weight-regular)}
.NewerReportDialog-backdrop {
  position: fixed;
  inset: 0;
  background: #b4bbc4cc;
  z-index: 1000;
}

.NewerReportDialog-wrapper {
  padding: 20px 20px 30px;
}

.NewerReportDialog-twoCol {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;

  > div:last-child {
    display: flex;
    align-items: center;
  }
}

.NewerReportDialog-h3 {
  font-size: 40px;
  line-height: 1.5;
  margin: 5px 0 25px;
  text-align: center;
}

.NewerReportDialog-links a {
  display: block;
  font-size: 1.2em;

  &:last-child {
    margin: 0;
  }
}

.NewerReportDialog-continue {
  background: none;
  border: 0;
  color: #007367;
  cursor: pointer;
  display: block;
  font-size: 1.2em;
  margin: 0;
  padding: 0.5rem;
  text-decoration: underline;
  text-transform: uppercase;
}


.Dialog-layout {
  --desktop-close-height: 40px;
  --mobile-close-height: 24px;

  border: 0;
  border-top: 1rem solid var(--color-dialog-border);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
  margin: auto !important;
  max-height: 75vh;
  max-width: calc(100% - var(--gutter-mobile) * 2);
  overflow: visible;
  padding: 0;
  z-index: 502;

  &:focus:not(:focus-visible) {
    outline: none;
  }

  &::backdrop {
    background: none;
  }

  @media (width >= 700px) {
    min-width: 300px;
  }

  @media (width >= 768px) {
    max-width: calc(100% - var(--gutter-desktop) * 2);
  }
}

.Dialog-inner {
  background-color: var(--grayscale-white);
  overflow: auto;
  max-height: calc(75vh - 1rem);
  padding: var(--spacing-3) var(--spacing-5) var(--spacing-1);
  width: 100%;

  .Dialog-layout--full & {
    display: flex;
    flex-direction: column;
    width: fit-content;
  }

  .Dialog-layout[data-mobile] & > :not([data-dialog-wrapper]):first-child,
  .Dialog-layout[data-mobile] & > [data-dialog-wrapper] > :first-child {
    max-inline-size: calc(100% - var(--mobile-close-height) * 2.5 + var(--spacing-5));
  }
}

.Dialog-close {
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  padding: 0;
  color: var(--color-dialog-close-button);
  display: block;
  height: var(--desktop-close-height);
  aspect-ratio: 1;
  margin: 0;
  /* Without this Chrome/linux displayed a tiny vertical scroll */
  overflow: hidden;
  position: absolute;
  right: -20px;
  top: -36px;

  .Dialog-layout[data-mobile] & {
    height: var(--mobile-close-height);
    right: calc(var(--mobile-close-height) * 0.5);
    top: calc(var(--mobile-close-height) * 0.5);
    transition-property: color;
  }

  &:hover {
    color: color-mix(in srgb, var(--color-dialog-close-button), #000 7.5%);
  }
}

/**
 * At mobile sizes, this sits behind the mobile close button, making sure it does
 * not overlap the inner content if the user has scrolled up.
 */
.Dialog-behindMobileClose {
  background-color: var(--grayscale-white);
  border-radius: 0 0 0 50%;
  height: calc(var(--mobile-close-height) * 2.25);
  opacity: 0.9;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
  width: calc(var(--mobile-close-height) * 2.5);
}