:root {
  --in-page-nav-height-mobile: 3.75rem;
  --in-page-nav-link-offset-mobile: 2rem;
  --in-page-nav-height-tablet: 4.5rem;
  --in-page-nav-link-offset-tablet: 2.5rem;
  --in-page-nav-height-desktop: 5rem;
  --in-page-nav-link-offset-desktop: 2.75rem;
  --in-page-nav-height: var(--in-page-nav-height-mobile);
  --in-page-nav-link-offset: var(--in-page-nav-link-offset-mobile);
}

@media (min-width: 48rem) {
  :root {
    --in-page-nav-height: var(--in-page-nav-height-tablet);
    --in-page-nav-link-offset: var(--in-page-nav-link-offset-tablet);
  }
}
@media (min-width: 67.5rem) {
  :root {
    --in-page-nav-height: var(--in-page-nav-height-desktop);
    --in-page-nav-link-offset: var(--in-page-nav-link-offset-desktop);
  }
}
.jump-link__main-content {
  top: -20px;
}

.has-in-page-nav {
  --page-scroll-padding-top: calc(var(--header-lower-height-sticky) + var(--in-page-nav-height) + var(--in-page-nav-link-offset));
}

.in-page-nav {
  background: var(--surface-color);
  height: var(--in-page-nav-height);
}

.in-page-nav .strip-nav,
.in-page-nav .scroll-items {
  height: 100%;
}

.in-page-nav__spacer {
  margin-top: calc(var(--module-spacing) / 2);
}

.in-page-nav__container {
  position: sticky;
  top: var(--header-lower-height-sticky);
  overflow: visible;
  z-index: 1;
}

.in-page-nav__container::before,
.in-page-nav__container::after {
  position: absolute;
  inset: 0;
  content: "";
  background: var(--surface-color);
  pointer-events: none;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s;
  top: calc((var(--header-lower-height-sticky) + 1px) * -1);
}

.in-page-nav__container::before {
  background: transparent;
  top: 20px;
  box-shadow: var(--box-shadow-cards);
}

.in-page-nav__container.is-sticky::before,
.in-page-nav__container.is-sticky::after {
  opacity: 1;
}

.in-page-nav__container.is-sticky {
  z-index: var(--z-index-in-page-nav);
}

.in-page-nav__observer {
  position: relative;
  top: calc((var(--header-lower-height-sticky) + 1px) * -1);
}

@media (max-width: 47.9375rem) {
  .in-page-nav li {
    --text-font-size: 17;
  }
}

/*# sourceMappingURL=/assets/application/content-modules/in-page-nav-92b3d2df.css.map */