/* #region "../src/elements/scrollable-content/scrollable-content.scss" */
/*
- type: css
*/
.scrollable-section .scrollable-mobile-navigation {
  container: scrollable-navigation / inline-size;
}

@media (min-width: 768px) {
  .scrollable-section .scrollable-mobile-navigation {
    display: none;
  }
}

.scrollable-section .scrollable-mobile-navigation .accordion .accordion-heading {
  font-weight: 400 !important;
}

.scrollable-section .scrollable-mobile-navigation .scrollable-mobile-summary {
  flex-direction: column;
  gap: .25rem;
  margin: 0;
  padding: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.7;
  list-style: none;
  display: flex;
}

.scrollable-section .scrollable-mobile-navigation .scrollable-mobile-summary a {
  color: inherit;
  text-decoration: none;
}

.scrollable-section .scrollable-summary {
  flex-direction: column;
  gap: clamp(.5rem, .415493rem + .375587vw, .75rem);
  margin: 0;
  padding: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.7;
  list-style: none;
  display: none;
}

@media (min-width: 768px) {
  .scrollable-section .scrollable-summary {
    top: calc(var(--admin-bar-height, 0px)  + var(--header-height, 0px)  + clamp(1.5625rem, 1.41461rem + .657277vw, 2rem) * 1.75 - 1rem);
    display: flex;
    position: sticky;
  }
}

.scrollable-section .scrollable-summary .scrollable-item {
  transition: color .15s;
}

.scrollable-section .scrollable-summary .scrollable-item a:before {
  content: "–";
  opacity: 0;
  pointer-events: none;
  width: 0;
  transition-property: width, opacity;
  transition-duration: .125s;
  display: inline-block;
}

.scrollable-section .scrollable-summary .scrollable-item.active {
  color: var(--primary);
}

.scrollable-section .scrollable-summary .scrollable-item.active a:before {
  opacity: 1;
  width: 1.25ch;
}

.scrollable-section .scrollable-summary a {
  color: inherit;
  text-decoration: none;
}

.scrollable-section .scrollable-content > :first-child, .scrollable-section .scrollable-content > link:first-child + *, .scrollable-section .scrollable-content > a[name]:first-child + *, .scrollable-section .scrollable-content > .lead-text:first-child > :first-child {
  margin-top: 0;
}

.scrollable-section .scrollable-content > :last-child, .scrollable-section .scrollable-content > .lead-text:last-child > :last-child {
  margin-bottom: 0;
}

.scrollable-section .scrollable-content a[name] {
  --additional-scroll-offset: -1rem;
}

/* #endregion "../src/elements/scrollable-content/scrollable-content.scss" */


/*# sourceMappingURL=css-wpce--scrollable-content.css.map*/