@media (min-width:1300px) {

    .toc-link,
    .toc-link:hover {
        text-decoration: none;
        color: #000
    }

    .toc-link.is-active-link,
    .toc-link:hover {
        background-color: #f5f5f5
    }

    .js-toc {
        float: left;
        top: 20px;
        position: sticky;
        left: 0;
        height: fit-conten;
        max-height: calc(100vh - 40px);
        padding: 15px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
        font-size: .75rem;
        width: 220px;
        margin-left: -270px;
        overflow-x: auto
    }

    .js-toc>.toc-list {
        padding-left: 0;
        list-style: none;
    }

    .toc-list {
        list-style: none;
        padding-left: 10px;
        margin: 0
    }

    .toc-list-item {
        line-height: 1.4;
    }

    .toc-link {
        display: block;
        padding: 5px 0 5px 5px;
        transition: .2s
    }

    .is-collapsible {
        max-height: 1000px;
        overflow: hidden;
        transition: .3s ease-in-out
    }

    .is-collapsed {
        max-height: 0
    }

    .js-toc::-webkit-scrollbar {
        width: 6px
    }

    .js-toc::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 3px
    }

    .js-toc::-webkit-scrollbar-thumb {
        background: #d3d3d3;
        border-radius: 3px
    }
}

.js-toc>.toc-list {
    padding-left: 0;
    list-style: none;
}

.toc-list {
    list-style: none;
    padding-left: 10px;
    margin: 0
}

.toc-list-item {
    line-height: 1.4;
}

.toc-link {
    display: block;
    padding: 0px 0 5px 5px;
    transition: .2s
}