.table-of-contents {
  --wdg-font-size-h2: inherit;
  --nav-btn-width: 2.625rem;
  font-size: var(--wdg-font-size-default);
  overflow: hidden;
}
.table-of-contents__layout {
  align-items: stretch;
  display: flex;
  justify-content: space-between;
}
.table-of-contents__content {
  align-items: center;
  display: flex;
  flex: 1;
  gap: var(--wdg-gap-xsmall);
  overflow: auto;
  position: relative;
  scrollbar-width: none;
}
.table-of-contents__content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.table-of-contents__label, .editor-styles-wrapper .table-of-contents__label {
  flex: none;
  font-size: var(--wdg-font-size-xsmall);
  font-weight: 600;
}
.table-of-contents__link {
  color: inherit;
}
.table-of-contents__items {
  display: flex;
  flex: 1;
  margin: 0;
}
.table-of-contents__label + .table-of-contents__items {
  margin-block-start: 0;
}
.table-of-contents__item, .editor-styles-wrapper .table-of-contents__item {
  align-items: center;
  color: var(--wdg-color-text);
  display: flex;
  flex: none;
  font-family: var(--wdg-font-sans);
  font-size: var(--wdg-font-size-xsmall);
  font-weight: 500;
  margin: 0;
  padding: 0.5em 1em;
  position: relative;
  white-space: nowrap;
}
.editor-styles-wrapper .table-of-contents__item, .editor-styles-wrapper .editor-styles-wrapper .table-of-contents__item {
  text-decoration: none;
}
.table-of-contents__item:hover, .editor-styles-wrapper .table-of-contents__item:hover {
  text-decoration: none;
}
.table-of-contents__item--active .table-of-contents__link::before, .editor-styles-wrapper .table-of-contents__item--active .table-of-contents__link::before {
  opacity: 0.1;
}
.table-of-contents__scroll:is(button[type=button]) {
  background-color: transparent;
  border: 0 solid var(--wdg-color-text-alpha);
  border-radius: 0;
  color: var(--wdg-color-text, initial);
  opacity: 0;
  padding: 0.5rem;
  touch-action: manipulation;
  transition: opacity 400ms var(--wdg-ease-out-circ);
  width: var(--nav-btn-width);
}
.editor-styles-wrapper .table-of-contents__scroll:is(button[type=button]) {
  border-radius: 0;
}
.table-of-contents__scroll:is(button[type=button]):first-child {
  border-right-width: 1px;
}
.table-of-contents__scroll:is(button[type=button]):last-child {
  border-left-width: 1px;
}
.table-of-contents__scroll:is(button[type=button]):hover, .table-of-contents__scroll:is(button[type=button]):focus {
  background-color: transparent;
  border-color: var(--wdg-color-text-alpha);
  color: currentColor;
}
.table-of-contents__scroll:is(button[type=button])[disabled] {
  pointer-events: none;
}
.table-of-contents__scroll:is(button[type=button])[disabled] svg {
  opacity: 0.2;
}
.table-of-contents__scroll:is(button[type=button]):not([disabled]) {
  color: var(--wdg-color-link);
}
.table-of-contents--scrollable .table-of-contents__scroll:is(button[type=button]) {
  opacity: 1;
}
.table-of-contents--fade-in .table-of-contents__content {
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 100%);
          mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 100%);
}
.table-of-contents--fade-out .table-of-contents__content {
  -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 100%);
          mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 100%);
}
.table-of-contents--fade-in.toc--fade-out .table-of-contents__content {
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
          mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
}
.table-of-contents--stuck {
  background-color: var(--wdg-color-white);
  border-bottom: 1px solid var(--wdg-color-tonal-black-30);
  color: var(--wdg-color-tonal-black);
  padding-left: 5px;
  --wdg-color-heading: var( --wdg-color-tonal-black );
}
.table-of-contents--stuck .table-of-contents__layout {
  z-index: 1;
}
.table-of-contents--stuck .table-of-contents__scroll:is(button[type=button]) {
  border-color: var(--wdg-color-tonal-black-30);
  color: var(--wdg-color-primary);
}
.table-of-contents--stuck .table-of-contents__scroll:is(button[type=button])[disabled] {
  color: var(--wdg-color-tonal-black);
}
.table-of-contents--stuck .table-of-contents__item {
  color: var(--wdg-color-tonal-black);
}
.table-of-contents--stuck .table-of-contents__item--active {
  border-bottom-color: var(--wdg-color-primary);
}
.table-of-contents.alignfull, .wp-block-post-content > .table-of-contents.alignfull {
  padding-inline: 0;
}
.table-of-contents.alignfull .table-of-contents__content, .wp-block-post-content > .table-of-contents.alignfull .table-of-contents__content {
  padding-inline: max(var(--wdg-gap-gutter), (100vw - var(--wdg-width-wide)) / 2);
}
.table-of-contents--has-nav.alignfull .table-of-contents__content, .wp-block-post-content > .table-of-contents--has-nav.alignfull .table-of-contents__content {
  padding-inline: max(var(--wdg-gap-gutter), (100vw - var(--wdg-width-wide) - 2 * var(--nav-btn-width)) / 2);
}
.table-of-contents--horizontal .table-of-contents__content {
  flex-direction: row;
}
.table-of-contents--vertical .table-of-contents__scroll {
  display: none;
}
.table-of-contents--vertical .table-of-contents__content {
  align-items: flex-start;
  flex-direction: column;
}
.table-of-contents--vertical .table-of-contents__items {
  flex-wrap: wrap;
  margin-inline: -1em;
}

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