/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/blocks/table-of-contents/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
/* -------------------------------- 

File#: _table-of-contents
Title: Table of Contents

-------------------------------- */
/* style affecting collapsed + static versions */
.bsab4s-toc__header {
  padding: var(--bsaweb--spacing--3-xs) var(--bsaweb--spacing--sm);
}

.bsab4s-toc__list {
  position: relative;
}
.bsab4s-toc__list .bsab4s-toc__list {
  padding-left: calc(var(--bsaweb--spacing--sm) * 2); /* offset sub nav */
}

.bsab4s-toc__link {
  padding: var(--bsaweb--spacing--3-xs) var(--bsaweb--spacing--sm);
}

.bsab4s-toc__link--selected {
  color: var(--bsaweb--color--primary);
}
.bsab4s-toc__link--selected:hover {
  color: var(--bsaweb--color--primary);
}

.bsab4s-toc__control {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* control button */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bsaweb--spacing--3-xs) var(--bsaweb--spacing--sm);
}

.bsab4s-toc__icon-arrow {
  /* arrow icon  */
}
.bsab4s-toc__icon-arrow .bsab4s-icon__group {
  will-change: transform;
  transform-origin: 8px 8px;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.bsab4s-toc__icon-arrow .bsab4s-icon__group > * {
  transform-origin: 8px 8px;
  stroke-dasharray: 17;
  transform: translateY(3px);
  transition: transform 0.3s, stroke-dashoffset 0.3s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.bsab4s-toc__icon-arrow .bsab4s-icon__group > *:first-child {
  stroke-dashoffset: 10;
}
.bsab4s-toc__icon-arrow .bsab4s-icon__group > *:last-child {
  stroke-dashoffset: 10;
}

.bsab4s-toc-content__target {
  scroll-margin-top: 0.125rem;
}

/* collapsed version only - mobile */
.bsab4s-toc:not(.bsab4s-toc--static) {
  transition: 0.3s;
}
.bsab4s-toc:not(.bsab4s-toc--static) .bsab4s-toc__nav {
  /* navigation */
  display: none;
  margin: var(--bsaweb--spacing--2-xs) 0;
}
.bsab4s-toc:not(.bsab4s-toc--static) .bsab4s-toc__list {
  padding-bottom: var(--bsaweb--spacing--xs);
}
.bsab4s-toc:not(.bsab4s-toc--static) .bsab4s-toc__header {
  display: none;
}
.bsab4s-toc:not(.bsab4s-toc--static) .bsab4s-toc__link {
  display: initial;
}
.bsab4s-toc:not(.bsab4s-toc--static).bsab4s-toc--expanded .bsab4s-toc__nav {
  display: block;
  animation: bsab4s-toc-entry-animation 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.bsab4s-toc:not(.bsab4s-toc--static).bsab4s-toc--expanded .bsab4s-toc__icon-arrow .bsab4s-icon__group {
  /* animate arrow icon */
  transform: rotate(-90deg);
}
.bsab4s-toc:not(.bsab4s-toc--static).bsab4s-toc--expanded .bsab4s-toc__icon-arrow .bsab4s-icon__group > *:first-child,
.bsab4s-toc:not(.bsab4s-toc--static).bsab4s-toc--expanded .bsab4s-toc__icon-arrow .bsab4s-icon__group *:last-child {
  stroke-dashoffset: 0;
  transform: translateY(0px);
}

/* static version only - desktop */
.bsab4s-toc--static[class*=position-sticky] {
  top: 1.25rem; /* used if position = sticky */
  max-height: calc(100vh - 2.5rem); /* set max height */
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.bsab4s-toc--static .bsab4s-toc__link {
  display: inline-flex;
}
.bsab4s-toc--static .bsab4s-toc__control {
  /* control - static version only */
  display: none;
}

.bsab4s-toc-content--toc-static *:target {
  animation: bsab4s-toc-target 2s; /* highlight section on target */
}

@keyframes bsab4s-toc-target {
  0%, 50% {
    outline: 2px solid hsla(var(--bsaweb--color--primary-hsl-h), var(--bsaweb--color--primary-hsl-s), var(--bsaweb--color--primary-hsl-l), 0.5);
  }
  100% {
    outline: 2px solid hsla(var(--bsaweb--color--primary-hsl-h), var(--bsaweb--color--primary-hsl-s), var(--bsaweb--color--primary-hsl-l), 0);
  }
}
@keyframes bsab4s-toc-entry-animation {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
/* used in JS - detect when the TOC needs to switch from a collapsed to a static version */
[class*=bsab4s-toc--static]::before {
  display: none;
  content: "collapsed";
}

@media (min-width: 32rem) {
  .bsab4s-toc--static\@xs::before {
    content: "static";
  }
}
@media (min-width: 48rem) {
  .bsab4s-toc--static\@sm::before {
    content: "static";
  }
}
@media (min-width: 64rem) {
  .bsab4s-toc--static\@md::before {
    content: "static";
  }
}
@media (min-width: 80rem) {
  .bsab4s-toc--static\@lg::before {
    content: "static";
  }
}
@media (min-width: 90rem) {
  .bsab4s-toc--static\@xl::before {
    content: "static";
  }
}
@media (min-width: 37.5rem) {
  .bsab4s-toc--static\@wp-sm::before {
    content: "static";
  }
}

/*# sourceMappingURL=style-index.css.map*/