/*
 Butterfly Liquid Glass

 TOC Panel

 Version:
 v1.0

*/


/* =====================================
   TOC Container
===================================== */


#aside-content .toc-content {


    padding:

    18px;



    border-radius:


    var(--lg-radius-lg);



    background:


    rgba(255,255,255,.45);



    backdrop-filter:


    blur(25px)

    saturate(160%);



    -webkit-backdrop-filter:


    blur(25px)

    saturate(160%);



    border:


    1px solid

    rgba(255,255,255,.5);



    box-shadow:


    var(--lg-elevation-2);



}





/* =====================================
   TOC Item
===================================== */


#aside-content .toc-link {


    display:block;



    padding:


    6px 10px;



    border-radius:


    12px;



    transition:


    .25s ease;



}





#aside-content .toc-link:hover {


    background:


    rgba(255,255,255,.35);



}





/* Active */

#aside-content .toc-link.active {


    background:


    rgba(255,255,255,.55);



    font-weight:


    600;



}





/* =====================================
   Dark Mode
===================================== */


[data-theme="dark"]

#aside-content .toc-content {


    background:


    rgba(32,34,42,.72);



    border-color:


    rgba(255,255,255,.14);



    box-shadow:


    0

    20px

    60px

    rgba(0,0,0,.45);



}



[data-theme="dark"]

#aside-content .toc-link:hover {


    background:


    rgba(255,255,255,.08);



}



[data-theme="dark"]

#aside-content .toc-link.active {


    background:


    rgba(255,255,255,.16);



}