.wp-block-sitepilot-companion-table-of-contents {
  padding-left: 20px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='208' fill='none'%3E%3Cpath stroke='%23D8D8FE' stroke-dasharray='4 4' d='M1.012.753V208'/%3E%3C/svg%3E");
  background-repeat: repeat-y;
}

.wp-block-sitepilot-companion-table-of-contents li.active {
  position: relative;
}

.wp-block-sitepilot-companion-table-of-contents li.active::after {
  position: absolute;
  left: -20px;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: var(--wp--preset--color--primary);
  z-index: 1;
}

.wp-block-sitepilot-companion-table-of-contents li a {
  color: #575757;
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 1.4;
  transition: all 0.25s;
  text-decoration: none;
}

.wp-block-sitepilot-companion-table-of-contents li a:hover {
  color: var(--wp--preset--color--primary);
}

.wp-block-sitepilot-companion-table-of-contents li.active a {
  color: var(--wp--preset--color--primary);
  border-left-color: var(--wp--preset--color--primary);
}