ol.toc-list {
  margin-bottom: 0.2rem !important;
  display: flex;
  flex-direction: column;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-left: 1rem;
}

ol.toc-list > li.toc-list-item > a.toc-link {
  color: var(--opc-color-component-toc-link-fg);
  transition: color 0.3s ease;
  font-weight: 500;
  display: block;
  padding: 0.2rem 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: var(--opc-radius-md);
  background: var(--opc-color-component-toc-link-bg);
  transition-property: color background-color !important;
  transition-timing-function: var(--tw-ease, var(--opc-default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--opc-default-transition-duration)) !important;
}

ol.toc-list > li.toc-list-item > a.toc-link:hover {
  text-decoration: none;
  color: var(--opc-color-component-toc-link-fg-hover);
  background: var(--opc-color-component-toc-link-bg-hover);
}

ol.toc-list > li.toc-list-item > a.toc-link:focus {
  text-decoration: none;
  color: var(--opc-color-component-toc-link-fg-hover);
  background: var(--opc-color-component-toc-link-bg-hover);
}

.toc-list {
  list-style: none !important;
}

/*# sourceMappingURL=toc-opc.css.map*/