.toc__container > ul li {
  min-width: max-content;
  max-width: max-content;
  padding: 10px 16px;
  border-radius: var(--brad);
  border: 2px solid var(--accent);
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.toc__container > ul li:hover {
  position: relative;
  z-index: 50;
  height: 100%;
  border: 2px solid transparent;
  background: linear-gradient(var(--innerBg), var(--innerBg)) padding-box,
    linear-gradient(90deg, #fe3456 0%, #fc7a8f 50%, #fa627b 100%) border-box;
  background-clip: padding-box, border-box;
  overflow: hidden;
  /* background-color: var(--innerBg); */
}
.toc__container > ul li:hover a {
  color: white;
}
.toc__container > ul a::after {
  /* padding-left: 24px; */
  /* padding-right: 24px; */
  /* color: var(--textP) !important; */
  content: none;
}
.toc .swiper-pagination-horizontal {
  position: relative;
  margin-top: 20px;
}
.toc .swiper-pagination-progressbar-fill {
  background: var(--accent) !important;
}
@media (max-width: 768px) {
  .toc h2 {
    font-size: 24px !important;
  }
}