@media screen and (max-width: 767px) {
    .highlightActiveChapter {
        display: none;
    }
}

.highlightActiveChapter .toc_list li {
    list-style: none;
    position: relative;
    margin-bottom: 1.6em;
    margin-left: 0;
}

.highlightActiveChapter .toc_list li a,
.highlightActiveChapter .toc_list li a span {
    color: #3c3c3c;
}

.highlightActiveChapter .toc_list li a.active {
    font-weight: 600 !important;
}

.highlightActiveChapter .toc_list li a.active::before {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
    animation-name: rubberBand;
    background-color: #839082;
    border-radius: 32px;
    content: '';
    position: absolute;
    height: 14px;
    left: -56px;
    top: 7px;
    width: 32px;
}

.highlightActiveChapter #toc_container {
    background-color: inherit;
    border: none;
}

.highlightActiveChapter .toc_title {
    text-align: left;
}

.highlightActiveChapter .toc_title span {
    font-weight: 600;
}

.highlightActiveChapter .toc_list {
    margin-left: 0 !important;
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, .75, 1);
    }

    40% {
        transform: scale3d(.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, .85, 1);
    }

    65% {
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, .95, 1);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.toc-sidebar {
    transition: top .25s;
}

@media screen and (min-width: 900px) {
    .toc-sidebar.sticky-header-item {
        top: 144px !important;
        transition: top .25s;
    }
}